1. IMD 315 Designing Interactive Interfaces Assignment #2 Oral Presentation by Allin Harmon USER INTERFACE DESIGN PATTERNS

2. PASSWORD STRENGTH INDICATORS USER INTERFACE DESIGN PATTERNS

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. UI Pattern #1 Password Strength Indicator Pros Reject weak passwords; increase site security Allows the user to feel more confident about their password

6. UI Pattern #1 Password Strength Indicator 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

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

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

9. UI Pattern #1 Password Strength Indicator Bad Examples

10. TAG CLOUDS USER INTERFACE DESIGN PATTERNS

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. UI Pattern #2 Tag Clouds Good Example Click here to see a good example of a Tag Cloud

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

17. UI Pattern #2 Tag Clouds More Good Examples

18. UI Pattern #2 Tag Clouds Bad Examples

19. Sources Password Strength Indicator  http://designinginterfaces.com/patterns/password-strength-meter/ http://designinginterfaces.com/patterns/password-strength-meter/  http://www.freshdesignweb.com/10example-jqueryjavasript-password-strength- meter.html 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 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://www.roytanck.com/tag-cloud/  http://wallbase.cc/home http://wallbase.cc/home  http://www.smashingmagazine.com/2007/11/07/tag-clouds-gallery-examples-and- good-practices/ http://www.smashingmagazine.com/2007/11/07/tag-clouds-gallery-examples-and- good-practices/