Figma - app wireframe & Feature

-

I used the Figma website to design the app wireframe. Figma is a browser-based UI design tool that can create multiple canvases on the page. I can view each app page as a whole, which is conducive to adjustment. 

I basically determined the framework of each interface content and interaction flow of each page bottom









Login page



Guide page
The guide page will introduce the function information and the general description of each function，I think it’s good for the user’s sense of use.


Sign up
Then there is the user registration landing page, because the user goal is for university students who have academic delays, the registration page needs to fill in user information and email, create a password, etc.


Task
According to the layout draft of a few tasks, I used a square task. On the right side, you can create new tasks and filter tasks.
According to the Focus, Matrix method to plan the urgency of tasks.
Assign tasks reasonably to reduce the pressure of Procrastination., it is divided into urgent and important, not urgent and very important, not important and urgent, and not important and not urgent.



Edit the task
After the user clicks to create a new task, the user can select the urgency of the task and set the time.



Study room
According to several drafts of the study room last week, my final principle of the layout of the top view angle, I think it is clear and clear, and you can clearly see the vacant seats in each room.


Study room timer
The timer starts automatically when the user enters the room.
Users can add friends, supervise each other, The room is equipped with a natural white noise option, such as rain beating on windows, ocean waves .Since it’s just a long journey, it doesn’t actually sound.the user can use the self-study time to focus more on learning, and the user can add friends and supervise each other.


Create a room
Users can choose to create a public study room or a private study room. Any user in the public study room can join. Only the creator of the private study room can invite friends to enter.

Chat- Messages 
Here you can receive the invitation code sent by the host

Chat- add friends
You can see the focus time and focus rewards of each other on the page of adding friends

Dashboard - schedule
I have been considering whether to add the schedule to my personal homepage page. After mike tutorial and I decided to design this page separately


Profile
Personal homepage can update personal information in time, and you can see focus time and focus rewards








Comments

Post a Comment

Popular posts from this blog

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...
Read more

Research： The process of writing homework

-
Image
  This chart shows the psychological process when the student receives the assignment the task to the deadline. project：Think that there is plenty of time play：other things are more important , don’t realize the seriousness panic: Suddenly feel the pressure when the task is close to the deadline fighting with project：Work hard and compulsively complete tasks deadline：Regret, although it is done, but not confident Bibliography： Brief Book.（ 2016）. My procrastination is caused by perfectionism? . [online] Available at <https://www.jianshu.com/p/e2b7940c69e9> [Accessed 3 January 2021].
Read more

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...
Read more