Digital Interface Design

Elevator interface – SLIP

Sort: two separate screens (left one for manually typing of floor + right one for selecting floor by swiping), security buttons standing out separately

Label: screen buttons with numbers or icons

Integrate: combing floor number with special locations on the right screen

Example of screen reading: Z-Pattern

1: taking a picture and posting it

2: check instastories, read/write messages

3: see latest post on feed, interact by giving a heart

4: writing a comment but being offered emoji suggestions 

Example of screen reading: F-Pattern

1: reading the title

2: reading the first short summary line

3+4: reading the beginning of the next paragraph

Example for screen reading pattern: Gutenberg diagram

primary optical area: BHL logo, main function of the webpage

strong fallow area: search bar, social media links, request for support

weak fallow area: practically empty

Analysis of weather app

Hierarchy: City with its current weather + visual illustration, day weather over several hours + weather icons, week weather + weather icons, weather parameters for the day listed in two coloms

swiping horizontally = switching to another selected city

hamburger = adding, deleting places

vertical and horizontal swiping often creates conflict.

Laws of simplicity: 

shrinking: swiping vertically and horizontally enables storing more content in a small space

space convention (position of licence plate and rear position lamps)

License plates are arrange at the front and rear end of a car in order to be seen from most angles. 

color convention (color blue for mineral water bottle lables)

sign convention (exit sign)