1 / 8

UI Guidelines for Effective Websites

Learn the key principles of user interface design for websites. Focus on standardization, consistency, easy navigation, and informative content to enhance readability, loading speed, and overall user experience.

hadassah-floyd
Télécharger la présentation

UI Guidelines for Effective Websites

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  3. 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

  4. Easy Navigation • Do not lose users • Appropriate Message / Input boxes • Able to come back to the main page from any sub site.

  5. 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

  6. 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 read Used Times New Roman, Arial

  7. 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

  8. Common Sense • Tab Order • Default button – No Save or Delete buttons • Future Addition : Internationalization / Localization • eg.) Death: Black(USA), White(China)

More Related