Week 7: UI Visual Design Patterns

Lecture Pod

Web and app user interface design is sometimes mistakenly thought of how the website or app looks, the graphic design. Interface design is not just about the colours and shapes but rather about presenting the user with the right tools to accomplish their goals. User interfaces are much more then buttons, menus, and forms for users to fill out. It is a connection between the user and the experience, the first and an impression that either makes the website feel familiar and helpful, invisible or forgettable and annoying.

User Experience

User experience is the abstract feeling when people get from using website. When designing a website, you want your user experience to be as positive as possible and you want your users to enjoy being on your website or using your app.

Common Navigation Patterns


  • Navigation Tabs
  • Module Tabs


  • Horizontal Dropdown Menu
  • Vertical Dropdown Menu
  • Accordion Menu

Jumping in Hierarchy

  • Shortcut Dropdown
  • Fat Footer
  • Home Link
  • Breadcrumbs


  • Carousel
  • Event calendar
  • Article list


Class Time

No face to face class this week. Assessment 2 due this week.



contributors, Anders, and Anders Toxboe. “Cards Design Pattern”. Ui-patterns.com. N.p., 2017. Web. 8 May 2017.

Patterns?, Industry. “Industry Standard For Documenting Ixd / UI Design Patterns?”. Ux.stackexchange.com. N.p., 2017. Web. 8 May 2017.




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