Opdracht 1

It will contain some of the User Interface Designs Principles

the app

The App

Applied Interface Design Principles

  • 11 Strong visual hierarchies work best
  • 10 Consistency matters
  • 6 One primary action per screen

User Scenario

I want to discover new music and listen to it when I'm on the metro on my way to college.

Strong visual hierarchies work best

The layout does have a strong h1 in everypage so everyone knows the primary action on te screen.

Consistency matters

On the first page the layout is perfect consistant and is simple to understand.

One Primary Action per Screen

  • The first screen is an overview
  • The seccond screen is the new music that you can listen to.
  • The third screen is made to find more music that is related.

Adjustments after feedback

Padding on the homepage:

padding-1 padding-2

The padding is enlarged so that the principle of strong Visual hierarchies work best is boosted.

Enlarges the title so that the focal point is stronger presence

list-style-1 list-style-2

Font-Size is enlarged so that the principle of strong Visual hierarchies work best is boosted.

font-1 font-2

Font-weight is enlarged so that the principle of strong Visual hierarchies work best is boosted.

not-bold bold