Week 7 – UI Design Patterns

What is UI?

User Interface (UI) design is the connection between the user and the interactive. Good UI design is a balance between beauty and effortless usability. UX consists of 3 main areas:

  • Look – credibility, trust, harmony, spirit
  • Feel – interation, reations
  • Usability – functionality, individuality, predictability

Common Navigation Patterns

Tabs:  Used to categorise content or provide a list.
– Navigation Tabs
– Module Tabs:

Menus: When the user needs to navigate through sections but the room for content is limited
– Horizontal Dropdown Menu
– Vertical Dropdown Menu
– Accordion Menu

Jumping in Hierachy:
– Shortcut Dropdown
– Fat Footer
– Home Link
– Breadcrumbs

– Carousel
– Event Calender
– Article List

User Interfaces (UI) are essential for any project whether it be a small or large application. Navigation patterns such as tabs, menus, footers, breadcrumbs and more all serve a purpose; to create a fluid and simple way of displaying content. Without these, your application will be a massive document filled with information that overwhelms the user and gives them a bad user experience.

Feature Image: Mendix. (2017). The Eye-Catching Mendix UI Framework. Retrieved from https://www.mendix.com/blog/the-eye-catching-mendix-ui-framework/


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s