1 / 19

USER INTERFACE DESIGN PATTERNS

USER INTERFACE DESIGN PATTERNS. IMD 315 Designing Interactive Interfaces Assignment #2 Oral Presentation by Allin Harmon. USER INTERFACE DESIGN PATTERNS. PASSWORD STRENGTH INDICATORS. UI Pattern #1 . The Problem Hackers are becoming more sophisticated

kenley
Download Presentation

USER INTERFACE DESIGN PATTERNS

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. USER INTERFACE DESIGN PATTERNS IMD 315 Designing Interactive Interfaces Assignment #2 Oral Presentation by Allin Harmon

  2. USER INTERFACE DESIGN PATTERNS PASSWORD STRENGTH INDICATORS

  3. UI Pattern #1 The Problem Hackers are becoming more sophisticated Some people still use overly simple passwords Many people don’t know what a good password consists of Password Strength Indicator

  4. UI Pattern #1 The Solution When users create a password, add an indicator that can analyze it an tell them how strong the password is and how to make it stronger Password Strength Indicator

  5. Pros • Reject weak passwords; increase site security • Allows the user to feel more confident about their password UI Pattern #1 Password Strength Indicator

  6. Cons • Users can get confused by password requirements • Password may be to complicated for user to remember • Some special characters are difficult to type on mobile devices UI Pattern #1 Password Strength Indicator

  7. Good Example Click here for a good example of a password indicator UI Pattern #1 Password Strength Indicator

  8. More Good Examples UI Pattern #1 Password Strength Indicator

  9. Bad Examples UI Pattern #1 Password Strength Indicator

  10. USER INTERFACE DESIGN PATTERNS TAG CLOUDS

  11. UI Pattern #2 The Problem Designers need a way to grab the attention of users with a rapidly decreasing attention span Some sites have large amounts of content and need a way to draw users to more important areas Tag Clouds

  12. UI Pattern #2 The Solution Use design elements such as ordering, color and size to attract users according to: How many tags a link shares Amount of content Popularity Tag Clouds

  13. UI Pattern #2 Tag Clouds Pros • Allow more emphasis for popular areas • Easy navigation technique for the user • Easy to update • Lower maintenance than traditional navigation.

  14. UI Pattern #2 Tag Clouds Cons • Can be confusing • Can cause other areas of the sites to be ignored • Can make it more difficult to find an exact item on the site

  15. Good Example Click here to see a good example of a Tag Cloud UI Pattern #2 • Tag Clouds

  16. Interesting Example Click here to see an interesting example of a Tag Cloud UI Pattern #2 • Tag Clouds

  17. More Good Examples UI Pattern #2 • Tag Clouds

  18. Bad Examples UI Pattern #2 • Tag Clouds

  19. Sources Password Strength Indicator • http://designinginterfaces.com/patterns/password-strength-meter/ • http://www.freshdesignweb.com/10example-jqueryjavasript-password-strength-meter.html • https://accounts.google.com/SignUp?service=mail&continue=https%3A%2F%2Fmail.google.com%2Fmail%2Fca%2F&ltmpl=default Tag Clouds • http://www.roytanck.com/tag-cloud/ • http://wallbase.cc/home • http://www.smashingmagazine.com/2007/11/07/tag-clouds-gallery-examples-and-good-practices/

More Related