37
Interface Design Mantras Robbie Manson @rougebert robbiemanson.com

Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Embed Size (px)

Citation preview

Page 1: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Interface DesignMantras

Robbie Manson@rougebert

robbiemanson.com

Page 2: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

HelloHello

Page 3: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Story timeStory time(Yay!)

Page 4: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 5: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 6: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

—‘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.”

Page 7: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Interface=

Brand

Page 8: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 9: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 10: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 11: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Establish avocabulary

Page 12: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Help your Uncle Jack off his horse”“and

The difference betweenHelp your uncle jack off his horse”“

Punctuation

Page 13: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Typography

FormScale

Colour

Texture

Pattern

ProximityResponse

Tone

Depth

Pace

Page 14: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 15: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 16: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

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

—EpictetusGreek Stoic philosopher (AD 55 - AD 135)

Page 17: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Context is king

Page 18: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 19: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 20: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

WTF?

Page 21: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Make it better

Page 22: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Facilitategood habits

Page 23: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Handholding example

Page 24: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

FreeAgent getting started process(handholding example)

Page 25: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

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

—Charles Mingus

Page 26: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

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

—Paul Rand

Page 27: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Story timeMake it simple(But no simpler)

Page 28: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Photo courtesy of Rosenfeld Media

Page 29: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Photo courtesy of Rosenfeld Media

Page 30: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 31: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of
Page 32: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Small detailsmake a

Big difference

Page 33: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Images courtesy of littlebigdetails.com

Page 34: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Images courtesy of littlebigdetails.com

Page 35: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Images courtesy of littlebigdetails.com

Page 36: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Design isfor humans

Page 37: Interface Design Mantras - 104.236.43.209104.236.43.209/pdf/Interface_Design_Mantras_Robbie_Manson.pdf · Interface Design Mantras ... The brand is what transports the character of

Thanks@rougebert

robbiemanson.comdribbble.com/robbiemanson

freeagentcentral.com