User Interface Design

Lectures

What is it all about?

Most important for user Principles of good interface

Interface design process

Cheats and hints Practice

Create UI design prototype

The Interface is the way you accomplish tasks with a product; what you do and how it responds.
Jef Raskin, Interface

Everything
we interact with

has an interface

Computer interfaces

Tip: Pirates of Silicon Valley

Touch devices

Problems

Programmers 2 Programmers

Marketing

Most important for user

Safety of user and his money

Safety of users data (his work)

Autosave Unlimited Undo Remember input data

Save users time

Previews Reopen last session Shortcuts Default settings

Principles of good interface

Simplicity of interaction model

scrollbar

Simplicity of basic functions

Speed

Feedback

Modeless and predictability

Caps Lock Num Lock Insert button Language switching

User fails proof

everybody make mistakes

lazy programmers

cool

Simplicity of interaction model Simplicity of basic functions Speed Feedback Modeless and predictability User fails proof

Bonus :)

Microsoft Bob

Bob received the 7th place in PC World magazine's list of the 25 worst tech products of all time, a spot in Time magazine's list of the 50 Worst Inventions and number one worst product of the decade by CNET.com.

UI design process

Analyze Concept Prototype Detailed Design Product

Analyze
Talk and understand task Personas Scenarios and features

Alan Cooper, The Inmates Are Running the Asylum

, . . . , . . , , , .

"" '09 : : : 17 1987 . : . : . : : . : Sonny Ericsson . : Panasonic ICQ: 425-020-668 -: http://topmebel.com.ua : : , , , , , , , ........ . : minimal, disco-80 : . : : , , . : FIFA98, FIFA99, FIFA2000, FIFA2001, FIFA2002, FIFA2003, FIFA2004, FIFA2005, FIFA2006, FIFA2007, FIFA2008 : " " "NO money........NO honey" " , " " , " ", ! " : ... ...

: : "" '09 : : : : 241 '04 , 2002-2004 () : 171 , 1994-2002 -

Concept
Idea of user interface

Prototype

Detailed design

Product

Cheats and Hints

Grids

HOME
WELCOME TO

ARTICLES

BROWSE

ABOUT

SEARCH

GO

TheHOMEnal home page design.

WELCOME TO

ARTICLES

BROWSE

ABOUT

SEARCH

GO

A th

Designery is a public square for design practitioners, students and fans. LEARN MORE

Designery is a public square for design practitioners, students and fans. LEARN MORE

Wednesday, December 22, 2010

Signed in as Khoi Vinh

You have 7 new messages Log Out

Signed in as
Wednesday, December 22, 2010

You have 7 new messages Log Out

Khoi Vinh

Typographys Lost Weekend

By Sheba Shayne

Logos, the Next Wave

By Chuck Tatum, Editor

Lorem ipsum dol or sit amet, consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol.
12 Comments

Typographys Lost Weekend

By Sheba Shayne

Logos, the Next Wave

By Chuck Tatum, Editor Tatum,

Lorem ipsum dol or sit amet, consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol.
12 Comments

Ad
EXPLORE PROJECTS ON DESIGNERY
Most Popular Most Recently Updated Most Discussed Most Blogged Most Commented Random & Interesting

Ad
EXPLORE PROJECTS ON DESIGNERY
Most Popular Most Recently Updated Most Discussed Most Blogged Most Commented Random & Interesting

The Bigger They Are

By Mary Bristol, Editor

The Bigger They Are

By Mary Bristol, Editor Bristol,

Lorem ipsum dol Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit erat.
17 Comments

Lorem ipsum dol Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit erat.
17 Comments

or sit amet, consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol.
12 Comments

or sit amet, consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mol.
12 Comments

Will They Pay for It? Publishers Make a Last Stand

By Nick Garcos

GET UPDATES VIA EMAIL

Youremail@address
SUBSCRIBE

Will They Pay for It? Publishers Make a Last Stand

By Nick Garcos

GET UPDATES VIA EMAIL

Youremail@address Youremail@address
SUBSCRIBE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mollis tortor nulla eu tortor.
22 Comments

Trouble in Paradise
Ellen Lacey Last Updated Dec 18, 2010

Holiday Fun
Gat Morgan Last Updated Nov 8, 2010

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique, odio vel facilisis hendrerit, erat nisl imperdiet orci, in mollis tortor nulla eu tortor.
22 Comments

Trouble in Paradise
Ellen Lacey Last Updated Dec 18, 2010

Holiday Fun
Gat Morgan Last Updated Nov 8, 2010

Web Design Techniques of the Damned

By Mike Figlia

TOP PEOPLE ON DESIGNERY

Jerry Warriner
Last Updated December 22, 2010

Web Design Techniques of the Damned

By Mike Figlia

TOP PEOPLE ON DESIGNERY

Jerry Warriner
Last Updated December 22, 2010

ptg
Chapter IX
Gus Snider Last Updated Dec 18, 2010

Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Nam tristique, odio vel. Ut nibh turpis, dictum ac eleifend et, consequat in velit. Aliquam faucibus congue pretium. In mollis dolor eu
54 Comments

Kathy Hale
Last Updated December 22, 2010

Chapter IX
Gus Snider Last Updated Dec 18, 2010

Calculated Accidentalism
Daniel OKeefe Last Updated Nov 8, 2010

Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Nam tristique, odio vel. Ut nibh turpis, dictum ac eleifend et, consequat in velit. Aliquam faucibus congue pretium. In mollis dolor eu
54 Comments

Kathy Hale
Last Updated December 22, 2010

Calculated Accidentalism
Daniel OKeefe Last Updated Nov 8, 2010

Francis Dollarhyde
Last Updated December 21, 2010

Francis Dollarhyde
Last Updated December 21, 2010

Hildy Johnson Holding on to Offset Printing CSS and the Man on the Street Listening to Your Mom
Last Updated December 21, 2010

Hildy Johnson Holding on to Offset Printing CSS and the Man on the Street Listening to Your Mom
Last Updated December 21, 2010

Big West BBQ Dix Handley

Last Updated December 21, 2010 Phyllis Dietrichson Last Updated Dec 18, 2010

Hurtling Towards Hipsterism

Walter Neff Last Updated Nov 8, 2010

Big West BBQ Dix Handley

Last Updated December 21, 2010 Phyllis Dietrichson Last Updated Dec 18, 2010

Hurtling Towards Hipsterism

Walter Neff Last Updated Nov 8, 2010

More Articles

More People

More Projects

More Articles

More People

More Projects

2011 by Khoi Vinh User agreement and privacy policyv

Site Map I Advertise I Contact Us I RSS I Mobile

2011 by Khoi Vinh User agreement and privacy policyv

Site Map I Advertise I Contact Us I RSS I Mobile

Khoi Vinh. Ordering Disorder. Grid Principles for Web Design

http://960.gs

Instruments for prototyping

http://balsamiq.com

One more thing

 users dont care about code

 interface is evil

Books

Fin