160 likes | 227 Vues
Agenda. Characteristics of health-related sites Group crit of top sites Process and design activities Design brief introduction and exercise Designer characteristics. What’s unique about designing for a health-related site?. Possible scenarios. Consumer user: • emotional • personal
E N D
Agenda • Characteristics of health-related sites • Group crit of top sites • Process and design activities • Design brief introduction and exercise • Designer characteristics
Possible scenarios • Consumer user: • • emotional • • personal • • research-mode • • urgent Professional user: • busy • urgent • research-mode
What does the site need to convey? • Professional • Trustworthy • Helpful
Content, form and behavior • Elements presented - features, content, imagery, etc. • Organization of elements on the page (layout) • Feedback of interactive elements • Colors • Type styles and hierarchy • Presentation of navigation • Tone of voice • Choice and use of imagery • Identity elements
Professional • Clear • Presentation of up-front value proposition • Consistent • navigation, language, behavior • Organized • hierarchical structures for page content and type, restricted color palette • Appropriate • imagery that supports content
Trustworthy • Limited, relevant advertising • Appropriate use of professionally designed logo • No fake photos • Real credentials, appropriately displayed
Helpful • Appropriate language level • Accessible - download time, use of alt tags, use of colors, type sizes appropriate for audience • Foreshadowing - ui cues to indicate clickability, other behaviors
Largest sites - how to the home pages rate? • 20 Most Popular Health Websites | June 2009 • Largest Health Websites ranked by a combination of Inbound Links, Google Page Rank, Alexa Rank, and U.S. traffic data from Compete and Quantcast. • http://www.ebizmba.com/articles/health • WebMD.com • NIH.gov • MedicineNet.com • MayoClinic.com • Drugs.com • Yahoo! Health • RxList.com • RealAge.com • MedHelp.org • Healthline.com
Typical process • 1. business need established and verified • 2. user characteristics identified • 3. site/application goals set - metrics for success • 4. budget/timeframe established • 5. content/features identified and documented • 6. goals for visual/ui defined • 7. site design - ui and visual • 8. usability testing • 9. content development/engineering • 10. testing/deploying • 11. repeat steps as needed
Design activities • Confirm business goals, users, metrics for success, deliverables, timeframe/budget, content, users • Up front research • Define structure • wireframe/schematic sketches • site map • Define/confirm feature design • prototype • usability testing • Identity design • Visual design concepts • concept testing • Page types/templates designed • Develop and specify all graphics, type specifications, page templates
A design brief helps get off to a good start • Design brief elements: • Business need and metrics for success • User groups and known characteristics • Brand characteristics • Content/features (requirements) • Budget/timeframe • Competitors and/or sites liked/disliked • Existing design elements
What to look for in a designer/firm: • Work that represents the qualities we discussed • AIGA member (Boston site) • Reputable references
Questions? • tania@nimblepartners.com