Week 7: User Interface Visual Design Patterns

Summary

There is often a false perception of UI as people believe that it represents how a design appears; it provides the user with the appropriate tools in order to accomplish their goals.

Screen Shot 2017-05-08 at 11.48.59 AM

Waterson, S. (2016, February). GDIDMPOD07 [Video Podcast Recording]. Retrieved from https://vimeo.com/161435877

User interface goes beyond buttons, menus and forms and is rather a a connection between the user and their experience with the product. Designers should find a balance between aesthetics and effortless interactivity whilst guiding the user through the experience.

Screen Shot 2017-05-08 at 11.49.19 AM

Waterson, S. (2016, February). GDIDMPOD07 [Video Podcast Recording]. Retrieved from https://vimeo.com/161435877

User experience (UX) is the abstract feeling users perceive from the website. Design teams usually attempt to create the most optimal user interface designs which will as a result, heighten the UX.

User interface design patterns refers to reoccurring solutions that solve common design issues. Common navigation patterns consist of:

    1. Tabs
        • Navigation tabs
        • Module tabs
    1. Menus
        • Dropdown menu (horizontal/vertical)
        • Accordion menu
    1. Jumping in hierarchy
        • Shortcut dropdown
        • Fat footer
        • Home link
        • Breadcrumbs
    1. Content
        • Carousel
        • Event calendar
        • Article list

Reflection

After attentively watching this weeks lecture pod, I have developed a much greater understanding the difference between UX and UI. The navigation patterns that Sarah outlined gave me a sense of realisation of the impact these small website attributes can have on a user’s experience. I can conclude that a pleasant ‘user experience’ highly depends on initially developing an exceptional ‘user interface’. User interfaces must utilise UX tools in order to ensure that the user is meeting their goals with ease in conjunction with aesthetic layouts and navigation patterns to guarantee a positive user experience. In conclusion, UX and UI have a high dependability on each other when attempting to provide their users with an optimal experience as they navigate throughout the website.

Advertisements