1 / 16

Agenda

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

briana
Télécharger la présentation

Agenda

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. Agenda • Characteristics of health-related sites • Group crit of top sites • Process and design activities • Design brief introduction and exercise • Designer characteristics

  2. What’s unique about designing for a health-related site?

  3. Possible scenarios • Consumer user: • • emotional • • personal • • research-mode • • urgent Professional user: • busy • urgent • research-mode

  4. What does the site need to convey? • Professional • Trustworthy • Helpful

  5. How can design help?

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

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

  8. Trustworthy • Limited, relevant advertising • Appropriate use of professionally designed logo • No fake photos • Real credentials, appropriately displayed

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

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

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

  12. What does a designer do?

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

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

  15. What to look for in a designer/firm: • Work that represents the qualities we discussed • AIGA member (Boston site) • Reputable references

  16. Questions? • tania@nimblepartners.com

More Related