SlideShare a Scribd company logo
1 of 34
 
 
 
 
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
What’s important to keep in mind when  designing a health-related site?
Possible situations ,[object Object],[object Object],[object Object],[object Object],[object Object],Professional user: •  busy •  urgent •  research-mode
What does the site need to convey? ,[object Object],[object Object],[object Object]
[object Object]
Design gives form.  Form influences perception. Perception influences behavior.
Elements of visual design on the web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Elements of user experience on the web ,[object Object]
Web as software (applications) Web as  linked  content
[object Object],[object Object],[object Object],[object Object],Web as software (applications) 15
[object Object],[object Object],[object Object],[object Object],Web as software (applications) 15
[object Object],[object Object],[object Object],[object Object],Web as  linked  content 15
Elements in the context of designing for health-related sites
Professional ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Trustworthy ,[object Object],[object Object],[object Object],[object Object]
Helpful ,[object Object],[object Object],[object Object],[object Object]
[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Things are changing fast ,[object Object],[object Object],[object Object],[object Object]
Process: how it is done
Typical web application/site process ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Design activities ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Design activities, continued ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Who does what? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
What to look for in a design professional ,[object Object],[object Object],[object Object]
What to look for in a design professional, continued ,[object Object],[object Object],[object Object]
Tips and resources
A design brief helps get the visual work  off to a good start ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Things to read ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]

More Related Content

What's hot

Senior Web Developer specializing in user experience
Senior Web Developer specializing in user experienceSenior Web Developer specializing in user experience
Senior Web Developer specializing in user experience
Desarae Veit
 
Information Architecture
Information ArchitectureInformation Architecture
Information Architecture
Olivier Tripet
 

What's hot (6)

Introduction to User Experience for Internet Company
Introduction to User Experience for Internet CompanyIntroduction to User Experience for Internet Company
Introduction to User Experience for Internet Company
 
Senior Web Developer specializing in user experience
Senior Web Developer specializing in user experienceSenior Web Developer specializing in user experience
Senior Web Developer specializing in user experience
 
scott
scottscott
scott
 
Don’t Just Build Pretty Websites — UX in the Real World
Don’t Just Build Pretty Websites — UX in the Real WorldDon’t Just Build Pretty Websites — UX in the Real World
Don’t Just Build Pretty Websites — UX in the Real World
 
Information Architecture
Information ArchitectureInformation Architecture
Information Architecture
 
Speaking the Language of Meta-Principles: Consistency, Hierarchy, and Persona...
Speaking the Language of Meta-Principles: Consistency, Hierarchy, and Persona...Speaking the Language of Meta-Principles: Consistency, Hierarchy, and Persona...
Speaking the Language of Meta-Principles: Consistency, Hierarchy, and Persona...
 

Similar to User experience design overview for Tufts' School of Medicine web health communication class

UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
Mark N Swaine
 
BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16
BYUIWebmaster
 
MBiever–resume–2017
MBiever–resume–2017MBiever–resume–2017
MBiever–resume–2017
Melissa Biever
 
A project guide to ux design vm
A project guide to ux design vmA project guide to ux design vm
A project guide to ux design vm
Valentina Marzola
 
Resume_Samar
Resume_SamarResume_Samar
Resume_Samar
Samar Pal
 

Similar to User experience design overview for Tufts' School of Medicine web health communication class (20)

Web Design Process
Web Design ProcessWeb Design Process
Web Design Process
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
 
BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16BYU-Idaho Web Developers' Information Session 2011-05-16
BYU-Idaho Web Developers' Information Session 2011-05-16
 
UX Overview_ZiaRahman
UX Overview_ZiaRahmanUX Overview_ZiaRahman
UX Overview_ZiaRahman
 
User Research Portfolio3
User Research Portfolio3User Research Portfolio3
User Research Portfolio3
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
 
Usability
UsabilityUsability
Usability
 
MBiever–resume–2017
MBiever–resume–2017MBiever–resume–2017
MBiever–resume–2017
 
A project guide to ux design vm
A project guide to ux design vmA project guide to ux design vm
A project guide to ux design vm
 
From a technical writer to a usability engineer
From a technical writer to a usability engineerFrom a technical writer to a usability engineer
From a technical writer to a usability engineer
 
UX - Beyond Design Practice
UX - Beyond Design PracticeUX - Beyond Design Practice
UX - Beyond Design Practice
 
Careers In Web Design
Careers In Web DesignCareers In Web Design
Careers In Web Design
 
Intro to Information Architecture for Web Sites
Intro to Information Architecture for Web SitesIntro to Information Architecture for Web Sites
Intro to Information Architecture for Web Sites
 
User interface for website
User interface for websiteUser interface for website
User interface for website
 
Making your job website easier to use
Making your job website easier to useMaking your job website easier to use
Making your job website easier to use
 
Joel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin UX Design and Artifacts
Joel Baskin UX Design and Artifacts
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
How User Testing Can Inform Content - 03/19/12 Content Strategy - Minneapolis...
 
Resume_Samar
Resume_SamarResume_Samar
Resume_Samar
 
2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final
 

More from Tania Schlatter

More from Tania Schlatter (6)

Tips for talking about visual design for UX - ConveyUX
Tips for talking about visual design for UX - ConveyUXTips for talking about visual design for UX - ConveyUX
Tips for talking about visual design for UX - ConveyUX
 
Visual design principles & practices for web and mobile apps
Visual design principles & practices for web and mobile appsVisual design principles & practices for web and mobile apps
Visual design principles & practices for web and mobile apps
 
Visual Usability: principles & practices for designing great web and mobile a...
Visual Usability: principles & practices for designing great web and mobile a...Visual Usability: principles & practices for designing great web and mobile a...
Visual Usability: principles & practices for designing great web and mobile a...
 
Web Application Visual Design for Non-Designers
Web Application Visual Design for Non-DesignersWeb Application Visual Design for Non-Designers
Web Application Visual Design for Non-Designers
 
Introducing User Experience Design to MIT Students
Introducing User Experience Design to MIT StudentsIntroducing User Experience Design to MIT Students
Introducing User Experience Design to MIT Students
 
Establishing Qualitative Criteria for IA and UX in One Fell Swoop -- How to C...
Establishing Qualitative Criteria for IA and UX in One Fell Swoop -- How to C...Establishing Qualitative Criteria for IA and UX in One Fell Swoop -- How to C...
Establishing Qualitative Criteria for IA and UX in One Fell Swoop -- How to C...
 

Recently uploaded

Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 

Recently uploaded (20)

Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 

User experience design overview for Tufts' School of Medicine web health communication class

Editor's Notes

  1. Keep it short here - I design…. Under the name Nimble Partners
  2. background
  3. Interested in people - what their needs are - enabling them to do things successfully on the web
  4. My role with clients
  5. We’re going to start talking about design by not talking about design. We’re going to start with people, and their situations
  6. Who’s looking for and using information on the web? What is their situation?
  7. Example: tea cup and coffee mug - both with coffee - will the form effect how you drink?
  8. Make this list a hand-out
  9. Visual design on the web is just one part of a larger effort - designing the user experience
  10. Important distinction - effects the type of designer/skills needed Effects the design and development process Some sites are a hybrid
  11. Explain patterns Bring up social media - more closely integrated in an App
  12. Any questions before we go on?
  13. Back to our criteria: Professional, Helpful, Trustworthy. These elements are from all over the elements “map” - they cross visual design, IA, UI, etc. to make up the overall “experience” What can design do to make something professional?
  14. Brand plays in to this: Tone of content affects brand
  15. Use the list of visual elements and our 3 criteria when evaluating Address: how can branding be/is being leveraged in these examples - what can Harvard Health Publications or Consumer Reports Health do that a lesser known org can't?
  16. Cite UPA preso as example of #1 &2 - Patients like me site - turns user stories into data. Presents the data to empower people to take control of their health #3: Cover article Interactions magazine, design/health specialties at several larger firms in the area How social media fits into an overall design strategy - people want to share health-related data, and sites need to provide the tools to do so. What tools and the extent of the tools depends on the focus of the site. Patientslikeme.com - social is the CORE of the site. NIH - not so much
  17. Differences between a site and application: AP: Developer may prototype FIRST SITE: IA may be prototyped and tested before design SITE: content may be developed partly before design, completed before design is complete. Tone of content affects brand Agile - #2-5 done in “Sprint 0”
  18. Use MIT medical as examples #2: up front research is needed if: team knows there are problems but not sure what they are, team lacks a shared and adequate understanding of users, lack of team unity/multiple/conflicting priorities #3: we recently worked on a site visual design. The site was moving to a CMS. The team said they would do the IA. They thought that meant defining the site map. Did not realize that it also meant defining content and features at a high level. Did not understand the need to define TEMPLATES.
  19. #6: iterative - may be done in 3 steps - home page and 1-2 pages first, selection of direction and refinement - application to @3 more pages/templates, finally applied to all pages/templates #7: what is delivered will depend on a variety of situations - who is creating the code for the site, site or application, etc. How does the design of content fit into the visual design? - Varies depending on if a site or application, if user generated content.
  20. Designer or client may create Show samples - high/low http://en.wikipedia.org/wiki/Creative_brief http://www.amazon.com/Creating-Perfect-Design-Brief-Strategic/dp/1581153244 http://www.dmi.org/dmi/html/education/seminars/cgdb_s.htm
  21. “Designing for Care” forthcoming from Rosenfeld Media