Select Page

UX Design Checklist

During the UX design process, there may be some flaws in your product that goes unnoticed. These flaws can hurt the overall experience of the user while they are using or interacting with your product. You need to take care of few things before signing off the design. I have made a list of points that needs to be checked before the product is actually out in the market.

Note: Not all of these points apply to all the products, but generally these are the ones that are more relevant.


Interaction Design

 

1. Frequent and repetitive actions and activities feel effortless: Repetitive actions for the same output don’t help users in achieving their goals faster. The user is likely to find a way around it by looking for competitors who can help them get their work/task done faster.

2. Easy recovery from errors: At times, users perform actions that lead them to undesired results. Allowing the users to go back and given them the opportunity to try again means they won’t be frustrated and keep moving on the flow.

3. Support for the users depending on the users level of expertise: It is important to make sure that novice users have a smooth learning experience. Once they are familiar with the product, there should be tools that help them move faster through the flows. This improves usability and retention.

4. Accessing help does not impede user progress: Users ask for help whenever they get stuck so it is important to provide them with online and offline help. This allows the user to resume their work where they left off.


Information Architecture

 

1. Navigation is consistent: The way user navigates through your website directly influences whether they can achieve their goals irrespective of the page they are on.

2. Room for growth: It is not possible to redesign your product’s navigation or information system every time new content or features are to be added. Designing with room for growth means that major design and development efforts scale easily across the interface.


Visual Design

 

1. No more than three primary colors: This isn’t a fixed rule and sometimes, for specific cases, more than three colors can be used. Using three colors at a time is already difficult and using more will only complicate it.

2. Color alone is not used to convey hierarchy, functionality and content: Having an accessible product is not a plus, but it is a must. For people with visual disabilities such as color blindness, relying solely on color to convey hierarchy, functionality and content means they will not be able to use the product.

3. Visual hierarchy directs the user to the required action: Users rely on the hierarchy and clues to know what to do and where to go so it is very essential to guide them using the hierarchy.

4. Items on top of visual hierarchy are most important: Visual hierarchy allows the users to quickly scan information, prioritize content based on the immediate needs. Items at the top must be most important for business and also most relevant for the users.

5. Primary action is visually distinct from the secondary action: If you have two distinct primary and secondary action, it means the user’s won’t be confused while interacting with your website and will be less prone to making mistakes.

6. Interactive elements are not abstracted: When using a new product, users come with expectations built from their previous experience using other digital products. If you are able to fulfill their expectations, you are not creating unnecessary friction.

7. Action conformity: It is very important to give the user confirmation whether a particular action was successfully performed or not.

8. Alert messages are consistent: Consistent alert messages will help the user understand, what immediately deserves attention. If you are not consistent with the alerts, the users will have an extra load every time a new alert pops up.

9. Alert messages are visually distinct: By making sure that alert messages are clearly differentiated from other screen elements, the users can actually act on them.


Typography

 

1. No more than two distinct type families are used: This is not a fixed rule. At times it may be possible to pull off more than two but matching more than two is not an easy job. Sticking to two type families improves comprehension.

2. Fonts used for text content should at least be 12 pixel in size: This again is not a fixed rule. You can use smaller font size for very specific purpose but then again readability reduces severely for font size below 12 pixel.

3. Use uppercase words for labels, headers or acronyms: It is better to limit the use of uppercase words as it facilitates understanding. It is less visually heavy and easier for user to digest.

4. Different font styles or families are used to separate content from controls: There should be clear indicators as to what is content and what are controls. These indicators can be size, colors, font etc. By using different styles or families, user won’t be confused and will easily identify what can be interacted with.


User Interface

 

1. Proximity and alignment: Users have the tendency of grouping the functionalities or items that are close to each other. If you follow this pattern and group similar functionalities, the users will immediately understand your interface.

2. Progress indicator for multi-step workflows: For multi-step workflows, chances are, users may easily feel overwhelmed or wonder how long it may take to until it is finally done. Progress indicator creates a sense of accomplishment and reduces drop rates.

3. Foreground elements are easily distinguished from the background: It improves a user’s learning curve. Clear distinction facilitates navigation, brings more attention to buttons and increases usability.

Following are the books that will help you improve user experience on your website hence improving the conversion rate. 



See Also

user experience

What is user Experience?

Usability

Why Usability?

user delight

Achieving user Delight

users

Usability, UX and the Users

Ux Privacy

UX: Privacy

mobile ux

Improving Mobile UX

Share This