Interface Design Mantras -...

Post on 01-Feb-2018

225 views 1 download

Transcript of Interface Design Mantras -...

Interface DesignMantras

Robbie Manson@rougebert

robbiemanson.com

HelloHello

Story timeStory time(Yay!)

—‘The Interface of a Cheeseburger’, Oliver Reichenstein www.informationarchitects.jp/en/the-interface-of-a-cheeseburger/

Photo courtesy of X|Media|Lab

Shaping interfaces is shaping the character of things.The brand is what transports the character of things.”

Interface=

Brand

Establish avocabulary

Help your Uncle Jack off his horse”“and

The difference betweenHelp your uncle jack off his horse”“

Punctuation

Typography

FormScale

Colour

Texture

Pattern

ProximityResponse

Tone

Depth

Pace

Know, first, who you are;and then adorn yourself accordingly.”

—EpictetusGreek Stoic philosopher (AD 55 - AD 135)

Context is king

WTF?

Make it better

Facilitategood habits

Handholding example

FreeAgent getting started process(handholding example)

Anyone can make the simple complicated. Creativity is making the complicated simple.

—Charles Mingus

Simplicity is not the goal.It is the by-product of a good ideaand modest expectations.”

—Paul Rand

Story timeMake it simple(But no simpler)

Photo courtesy of Rosenfeld Media

Photo courtesy of Rosenfeld Media

Small detailsmake a

Big difference

Images courtesy of littlebigdetails.com

Images courtesy of littlebigdetails.com

Images courtesy of littlebigdetails.com

Design isfor humans

Thanks@rougebert

robbiemanson.comdribbble.com/robbiemanson

freeagentcentral.com