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

PASSWORD STRENGTH INDICATORS USER INTERFACE DESIGN PATTERNS

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

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

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

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

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

UI Pattern #1 Password Strength Indicator More Good Examples

UI Pattern #1 Password Strength Indicator Bad Examples

TAG CLOUDS USER INTERFACE DESIGN PATTERNS

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

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

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.

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

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

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

UI Pattern #2 Tag Clouds More Good Examples

UI Pattern #2 Tag Clouds Bad Examples

Sources Password Strength Indicator   meter.html meter.html  Tag Clouds    good-practices/ good-practices/