Degree Project

In the production of the prototype, because some pages need to be equipped with a calculation program when the prototype is clicked, there will be a pause. The operator needs to stay for 2 to 3 seconds to automatically jump to the next operation page. If there is no response after clicking, Then please refresh the prototype link. What happened when I was recording a prototype video

After I used Figma to design the first draft, I imported the wireframe into Axure. I used the Axure RP 10.0.0 3826 version. Importing is not supported below this version. I have a student license, so I can use it for free.  The page size of the app I designed is 1440 1020, I imported all the artwork of the Figma into Axure, and then I can carry out the next step of interface design and interaction design in Axure.  After I put in the icons and illustrations, I started to interact with the interactive buttons on each page. Although the button fingertip interaction is relatively easy, it is very troublesome and trivial. If one of the buttons is not set to interact, the user will not be able to use it smoothly. Although the button fingertip interaction is relatively easy, it is very troublesome and trivial. If one of the buttons is not set to interact, the user will not be able to use it smoothly. I think the page is a bit monotonous, so I set the small task sign as a m...

  I used photoshop to make a visual image on my desktop

 Final logo  In order to make the overall interface style consistent, I directly used the 4 task setting time modules in the task as the logo, which respectively represents the 4 task urgency level. When the user sees this icon on the desktop, they will first think of their task Final Icon   I added a smiling face to the design icon - Happy navigation bar Other additional buttons in the interface, such as ➕ these I will directly use the software's own icons. Award Medal Final guide page illustration and  user Avatar

Font   Title and Subtitle - Courier  Text - Arial  Colour palette The main color of the interface is black, white and gray. with 4 bright color blocks, soft colors in the orange spectrum. Orange and yellow are usually associated with vitality, enthusiasm, fun, brightness, self-confidence, comfort, and pleasure. It reduces the pressure of the user population on task tasks, the colors around high efficiency and learning atmosphere Green can and blue represent learning efficiency and fresh vision.

In the process of continuous improvement, I think that adding a smile to the icon design is more in line with my design philosophy and relieves the tension of the task function. I decided to use a black and white wireframe to design the guide page. The previous visual materials gave some inspiration, but I wanted to make my characters more distinctive, so I reduced the head of the character and enlarged the body.