APPLICATION DESIGN 1/ PROJECT 2 - UI/UX DESIGN DOCUMENTATION
.jpg)
Application Design 1
Project 2/ UI/UX Design Document
LECTURE
1. Make user interfaces consistent
Consistent UI means using similar design patterns, identical terminology in prompts, homogenous menus and screens, and consistent commands throughout the interface.
2. Allow users to navigate easily via shortcuts
Expert users, or users who frequent your website or use your product regularly, need shortcuts to move quickly through the interface.
3. Provide informative feedback
Provide feedback through readable UI copy for all user moves. Ben Shneiderman explains: “For frequent and minor actions, the response can be modest, whereas for infrequent and major actions, the response should be more substantial.”
For example, when users are asked to create a password, your UI should offer information on how strong it should be by either giving an example of a strong password or using symbols that demonstrate how strong the user’s password currently is.
4. Design dialog to yield closure
According to Shneiderman, “Sequences of actions should be organized into groups with a beginning, middle, and end. Informative feedback at the completion of a group of actions gives users the satisfaction of accomplishment, a sense of relief, a signal to drop contingency plans from their minds, and an indicator to prepare for the next group of actions.”
5. Prevent error as much as possible
Make the UI as easy to use as possible by preventing serious user errors.
So from greying out menu items that are not available to preventing users from typing in alphabets in fields that ask for phone numbers, try to prevent error as much as possible.
6. Allow users ways to reverse their actions easily
Offer users easy and obvious ways to reverse their steps when they’ve taken a wrong step.
Shneiderman explains: “This feature relieves anxiety, since users know that errors can be undone, and encourages exploration of unfamiliar options.”
7. Support internal locus of control
A great example of keeping users in control is when someone is about to exit Microsoft Office and is asked by the system if they’re sure they want to exit without saving their work. Not only does this make the user feel in control, but it also ensures that in case of an accidental exit, their work is not lost.
8. Minimize memory load
A key rule for making user interfaces easy for people to use is minimizing cognitive load. Cognitive load (or memory load) can reduce a user’s capacity to perform important tasks, so it’s critical that computers take over the burden of memory from them as much as they can.
INSTRUCTION
The task is to create UI/UX Documentation as a design base for the lofi prototype and the high fidelity prototype. Here is what I got:
I decided to change a little bit of the design from the original app like the font and the colors.
FEEDBACK
FEEDBACK
Mr. Shamsul said that it is looking good already. However, he said that it is better to be consistent with the lines in the elements. But aside from that, everything is okay.
REFLECTION
REFLECTION
At first I was a little confused on what to do for this project. However, after scrolling through pinterest and saw few examples, a lot of idea came through my mind. I think that the original app colors are too boring so I decided to add a little bit more fun by adding pink. Even though pink was fun, I made sure that the pink wouldn't be too flashy. I also chose that font because I thought it matches the whole Elisi vibe so bad.
1.jpeg)
Comments
Post a Comment