ui design principles and patterns

28
UI Design Principles and Patterns Grigor Yeghiazaryan @grigy

Upload: grigor-yeghiazaryan

Post on 28-Jan-2015

137 views

Category:

Design


2 download

DESCRIPTION

My talk at Barcamp Yerevan 2013

TRANSCRIPT

Page 1: Ui design principles and patterns

UI Design Principles and Patterns

Grigor Yeghiazaryan@grigy

Page 2: Ui design principles and patterns

My side projects

Page 3: Ui design principles and patterns

User Interface is The App

Page 4: Ui design principles and patterns

Know the User

Page 5: Ui design principles and patterns
Page 6: Ui design principles and patterns

Stay Consistent

Page 7: Ui design principles and patterns
Page 8: Ui design principles and patterns

Use Hierarchy

Page 9: Ui design principles and patterns
Page 10: Ui design principles and patterns

Keep it Simple

Page 11: Ui design principles and patterns

Interface elements on demand

Page 12: Ui design principles and patterns

Make it Direct

Page 13: Ui design principles and patterns

In-page editing, drag and drop

Page 14: Ui design principles and patterns

Stay on Context

Page 15: Ui design principles and patterns
Page 16: Ui design principles and patterns

Guide User

Page 17: Ui design principles and patterns

Empty states that tell what to do

Page 18: Ui design principles and patterns

Provide Feedback

Page 19: Ui design principles and patterns
Page 20: Ui design principles and patterns

Don't forget Aesthetics

Page 21: Ui design principles and patterns
Page 22: Ui design principles and patterns

Be Forgiving

Page 23: Ui design principles and patterns
Page 24: Ui design principles and patterns

Increase Efficiency

Page 25: Ui design principles and patterns
Page 26: Ui design principles and patterns

Good UI is obvious.Great UI is invisible.

Page 27: Ui design principles and patterns

Analyze others' work

Page 28: Ui design principles and patterns

Questions?