Posts

Reference list

Technical Tutorial: Bilibili.com. 2021. [online] Available at: <https://www.bilibili.com/s/video/BV1v64y1f7y9> [Accessed 17 May 2021]. Docs.axure.com. 2021. Axure Docs · Documentation and tutorials for Axure Software's products and services. [online] Available at: <https://docs.axure.com/all-documentation/> [Accessed 03 May 2021]. Docs.axure.com. 2021. Timer Tutorial · Axure Docs. [online] Available at: <https://docs.axure.com/axure-rp/tutorials/timer/> [Accessed 17 May 2021]. Tubik Blog: Articles About Design. 2021. UX Design: How To Use Animations In Mobile Apps. [online] Available at: <https://blog.tubikstudio.com/ux-design-how-to-use-animations-in-mobile-apps/> [Accessed 6 January 2021]. Youtube.com. 2021. [online] Available at: <https://www.youtube.com/watch?v=9pRgHdJrCj8> [Accessed 6 January 2021]. Youtube.com. 2021. [online] Available at: <https://www.youtube.com/watch?v=HB9AVi-3ajw> [Accessed 6 January 2021]. Research/cultural contexts Co...

Evaluation

Image
The degree project 'Study up' is an application for Mac OS devices, The purpose of this app project is to help university students relieve academic procrastination. The final project outcome is a link to the interactive prototype made by Axure RP10, and a promotional poster with a QR code, which is also suitable for flyers and website advertising. This prototype link can be opened by mac and windows system computers or iPad devices. It is not recommended to open it on mobile phones. Because the original intention of the design is to try not to let users be Cell phone interruption. This project is highly related to interactive art design and digital media art. It requires all the skills I learned about digital media art through the digital media art course, visual design, and interaction design.  Compared with other procrastination apps and task-management apps on the market, similar application interfaces on the market cannot attract users, so I have to remodel this point. To h...

Prototype video

Image
 

risk assessment

Image
 

promotional video

Image
 

Mock up

Image
  Freepik. 2021. Download Front View Of Laptop Mock-up For Interior Decoration for free. [online] Available at: <https://www.freepik.com/free-psd/front-view-laptop-mock-up-interior-decoration_10344828.htm#page=1&query=laptop%20mockup&position=2> [Accessed 17 May 2021]. Mockup, M., 2021. MacBook Air Free Mockup | Free Mockup. [online] Free Mockup. Available at: <https://www.free-mockup.com/downloads/macbook-air-free-mockup/> [Accessed 17 May 2021].

Promotional poster design for App

Image
The poster contains the basic information of the app function, as well as the link and QR code of the usable prototype. This is suitable for flyers, posters  This is the size suitable for website promotion  

Feedback from user test

I send that the link to the Prototype I made was sent to my friends online so that I can get some suggestions for improvement.  Positive part They think the interface style is very simple, if it can be downloaded, they will download, the function is what they need during the learning procrastination The task part is concise and clear All tasks are very boring when there is no animation effect at the beginning. After adding the effect, the interaction feels extra points. Invite friends to study together. This is good. we can’t go out and study together at home. The calendar piece is quite wrong. The introduction is clear at a glance. Where can be improved The schedule part can be more detailed They think that placing the mouse on the logo to change the emoji will increase interest It would be better if you could do more mouse click dynamics The study room can switch perspectives. For example, in a library, click on the table to enter the study room

Prototype test bug

Image
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

Axure RP10 - Interactive prototyping process

Image
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...