UI/UX Design Analysis

How to analyze website User Interface and User Experience. Simply take care of the below-mentioned aspects of user interface and experience while analyzing and document based on these:

1. Brand Appearance

How the brand is placed on overall website or application. Is the brand image prominent enough and follows the branding guidelines.

2. Navigation

How user centered the navigation is, how is the structure and visual appearance playing its role when user is visiting the website or application.

3. Readability and Usability

Is the information readable enough for user? Since the content is taking most of the space on the website and its the only thing that connects the user and help achieve the user goals.

4. Typography

Its not just about pretty fonts. The typographic placement, right sizing and rendering can play an important role in directing user navigation.

5. Color Management

Users are always visual, they respond to visual first than text. It is important to analyze how the competitors used their brand colors on overall web application to drive users.

6. Accessibility

Is all of the important information available on website is accessible enough to most of the user from almost any part of the website? The most important content should have access from anywhere on the website.

7. Utilisation of space

Space management is as important as other parts on the website/application. How the negative and positive spaces are being used. Are there any breathing spaces for users or the interface is full of content and clutter.

8. Reactive Interface

Is the interface responding back to users when users are performing specific actions while trying to achieve their goal/tasks on the website/application.

9. User Expected Approach

Is the website interface design built in a way to entertain users of all kind and works according to what user generally expects from the interface when interacting with parts of website. This is also based on users past experience on websites.

10. Responsive and Adaptive

Depending on how big or small the website is and what kind of experience we want user to get from our web interface. Responsive can be a bit heavy on mobile devices and adaptive can give a whole new device-specific experience experience.

11. Mobile Experience

Regardless of what approach has been taken for mobile devices either responsive or adaptive. The end result should give a seamless experience without compromising any important content which is available on the desktop version.

12. Scalable and Retina Ready Graphics

More devices and computers these days adding more pixels to enrich visual experience which has almost become impossible for human eye to find pixels on screen. In order to entertain any sort of pixel density the right choice of graphics is necessary.

13. Imagery/Photos

How optimized are the images used on the website. Are the images used within the interface supporting content. Is there any imagery that can be replaced with scalable vector graphics.

Please leave your comments below, if you need any help do follow me and contact at @vakas on Twitter. I have applied these in my projects with some of the major companies and get the most out of it. Hope this will be helpful enough for you.