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

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 CompanySameer Chavan
 
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 experienceDesarae Veit
 
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 WorldSonja Leix
 
Information Architecture
Information ArchitectureInformation Architecture
Information ArchitectureOlivier Tripet
 
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...Tania Schlatter
 

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 TrendsMark 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-16BYUIWebmaster
 
User Research Portfolio3
User Research Portfolio3User Research Portfolio3
User Research Portfolio3geoffwillcher
 
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 worldKarri Ojanen
 
MBiever–resume–2017
MBiever–resume–2017MBiever–resume–2017
MBiever–resume–2017Melissa 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 vmValentina Marzola
 
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 engineerBogo Vatovec
 
UX - Beyond Design Practice
UX - Beyond Design PracticeUX - Beyond Design Practice
UX - Beyond Design Practicesunildas2009
 
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 SitesChris Farnum
 
User interface for website
User interface for websiteUser interface for website
User interface for websitehemantdSEO
 
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 useStuart Church
 
Joel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin
 
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 ExperienceJeremy Johnson
 
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...Link Positive, Inc.
 
Resume_Samar
Resume_SamarResume_Samar
Resume_SamarSamar Pal
 
2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-final2008 web-managers-hwilfert-final
2008 web-managers-hwilfert-finalHallie Wilfert
 

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

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 - ConveyUXTania Schlatter
 
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 appsTania Schlatter
 
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...Tania Schlatter
 
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-DesignersTania Schlatter
 
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 StudentsTania Schlatter
 
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...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

Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Vector Hue, Anshika Agrawal, Freeelance Graphic Designer from Indore, Indore,...
Vector Hue, Anshika Agrawal, Freeelance Graphic Designer from Indore, Indore,...Vector Hue, Anshika Agrawal, Freeelance Graphic Designer from Indore, Indore,...
Vector Hue, Anshika Agrawal, Freeelance Graphic Designer from Indore, Indore,...Vector Hue
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作aecnsnzk
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 

Recently uploaded (20)

Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Vector Hue, Anshika Agrawal, Freeelance Graphic Designer from Indore, Indore,...
Vector Hue, Anshika Agrawal, Freeelance Graphic Designer from Indore, Indore,...Vector Hue, Anshika Agrawal, Freeelance Graphic Designer from Indore, Indore,...
Vector Hue, Anshika Agrawal, Freeelance Graphic Designer from Indore, Indore,...
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作澳洲UQ学位证,昆士兰大学毕业证书1:1制作
澳洲UQ学位证,昆士兰大学毕业证书1:1制作
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 

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