8
GetSomeLovin.com 4 TH ROW User User Interface Interface Leon Hwang

GetSomeLovin

Embed Size (px)

DESCRIPTION

GetSomeLovin.com. 4 TH ROW User Interface Leon Hwang. Focus. Standard & Consistency Easy Navigation Informative Readability Loading Speed Common Sense. Standard & Consistency. Put buttons in consistent place Gray things out, do not remove them - PowerPoint PPT Presentation

Citation preview

Page 1: GetSomeLovin

GetSomeLovin.com4TH ROW

User User InterfaceInterface

Leon Hwang

Page 2: GetSomeLovin

Focus Standard & Consistency Easy Navigation Informative Readability Loading Speed Common Sense

Page 3: GetSomeLovin

Standard & Consistency Put buttons in consistent place Gray things out, do not remove them Use the same wording in labels and

messages Use consistent color scheme, fonts. Put message boxes in the center of

the action. Set standard to ensure all these

Page 4: GetSomeLovin

Easy Navigation Do not lose users Appropriate Message / Input boxes Able to come back to the main

page from any sub site.

Page 5: GetSomeLovin

Informative Poor text -> poorly perceived UI by

users Tool tips Message boxes eg.) Password should consist of at

least one number and be at least 6 alphanumeric characters

Page 6: GetSomeLovin

Readability Color – Contrast Rule (Dark text on

light background or vice versa) Alignment and justify Fonts and its size eg.) Old English or Script: hard to

readUsed Times New Roman, Arial

Page 7: GetSomeLovin

Loading Speed Avg. 6 Sec. With 28.8 Kbps modem GIF : Animation / less than 16 x 16 JPEG No Flash media, shockwave – 99%

brought negative reaction from user In 2003, expect to rebuild our web

with more multimedia for faster connection

Page 8: GetSomeLovin

Common Sense Tab Order Default button – No Save or Delete

buttons Future Addition :

Internationalization / Localization eg.) Death: Black(USA),

White(China)