SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Downloaden Sie, um offline zu lesen
Designing for a great
 User Experience
What is User Experience?
But first...




Why do you need a website?
Objectives:
what do you want to achieve?
•   Organisation goals
•   Website goals

•   Conversions
    o sign up a volunteer
    o make a sale
    o make a donation
    o register
    o share on social network
User experience:
 a means to an end

- to achieve a goal

What changes to
experience change
conversion positively
or negatively ?

Rinse and repeat.
Who does your website need to
speak to?
Include external and internal stakeholders
What do they want from the site?




How can the site provide value or be of use for them?

What is it that they are trying to get done by using your site or service? Understand their purpose for
   using you, how they talk about it, Where they are coming from.

Have empathy with your users. See it from their perspective. If you know the job they want to get
   done, you can put yourself in their shoes in order to make the right decisions.
How will they access the site?


Desktop, tablet, mobile?

If starting from scratch
consider Mobile First or
Responsive Design.
What makes a great experience?
Developing personas for your primary audiences can help
in identifying what makes a great UX for each


           Young person (under 18)                Corporate supporter               Funder




             Young person (18-25)                  Supporter (friends and family)




 * Sketches courtesy of my lovely agency yoomee
User Experience Honeycomb
Copy and Information Architecture
Q. How do users read on the web?

A. They don't

Users mostly glance at each new page and scan text. They
click on the first link to catch their eye or which vaguely
resembles what they’re looking for. There are large areas of
the page they don’t even look at. In other words, they read
the web like a billboard rather than a document.


Look at any video game – they rarely have more than three
option buttons on any one screen. Too many choices
confuse.
Usage lifecycle




a user progresses from initially being unaware, through
being a first-time user, to ultimately becoming a
passionate user.
Creating a great User Experience

1. Respect the usage lifecycle
Realise that not all users are at the same level of experience with the website.


2. Use mental models
The site’s user interface should reflect how users perceive the real world, not how the technical
implementation is structured.


3. Less is more
People don’t read the web like books, they scan copy looking for headlines and key points. Focus on
short web copy and minimise choices.


4. Test with real users
All changes should be regularly tested on real users, with time allowed for feedback and
improvements.
Everybody's Job




Great user experience needs to be part of the
 mindset and focus of the whole organisation
Pleasure in the simple things in life




         Damien Austin-Walker
              @b33god

      Head of Digital - @vInspired

Weitere ähnliche Inhalte

Was ist angesagt?

15 Lesssons From Emotion Design Experience Dynamics Web Seminar
15 Lesssons From Emotion Design  Experience Dynamics Web Seminar15 Lesssons From Emotion Design  Experience Dynamics Web Seminar
15 Lesssons From Emotion Design Experience Dynamics Web SeminarExperience Dynamics
 
UX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonKarl Saynor
 
What is UX?
What is UX?What is UX?
What is UX?Nata Suu
 
Web Design Through The Lens of Psychology
Web Design Through The Lens of PsychologyWeb Design Through The Lens of Psychology
Web Design Through The Lens of PsychologyLim Donald
 
Intro to UX - Summer Sampler Series
Intro to UX - Summer Sampler SeriesIntro to UX - Summer Sampler Series
Intro to UX - Summer Sampler SeriesRED_Academy
 
User Experience and your Intranet Brand
User Experience and your Intranet BrandUser Experience and your Intranet Brand
User Experience and your Intranet BrandBen Rowe
 
Intro To Emotion Design- Pleasurability and Emotional Design- Experience Dyn...
Intro To Emotion Design- Pleasurability and Emotional Design-  Experience Dyn...Intro To Emotion Design- Pleasurability and Emotional Design-  Experience Dyn...
Intro To Emotion Design- Pleasurability and Emotional Design- Experience Dyn...Experience Dynamics
 
Are You An User Experience Designer
Are You An User Experience DesignerAre You An User Experience Designer
Are You An User Experience DesignerVinay Mohanty
 
Website design basics
Website design basicsWebsite design basics
Website design basicsCeriHughes9
 
What is User Experience (UX)
What is User Experience (UX)What is User Experience (UX)
What is User Experience (UX)Barkan Saeed
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User ExperienceShawn Calvert
 
StartingUp - Designing Delightful Experience
StartingUp - Designing Delightful ExperienceStartingUp - Designing Delightful Experience
StartingUp - Designing Delightful ExperienceLim Donald
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Careerdpanarelli
 
Changing a community through writing
Changing a community through writingChanging a community through writing
Changing a community through writingTodd Sumerfield
 
Architecting Social Experiences - UXCampDC 2011
Architecting Social Experiences - UXCampDC 2011Architecting Social Experiences - UXCampDC 2011
Architecting Social Experiences - UXCampDC 2011Steven Fisher
 
Using the Web for Global Giving and Activism
Using the Web for Global Giving and ActivismUsing the Web for Global Giving and Activism
Using the Web for Global Giving and ActivismSee3 Communications
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 

Was ist angesagt? (20)

15 Lesssons From Emotion Design Experience Dynamics Web Seminar
15 Lesssons From Emotion Design  Experience Dynamics Web Seminar15 Lesssons From Emotion Design  Experience Dynamics Web Seminar
15 Lesssons From Emotion Design Experience Dynamics Web Seminar
 
UX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, London
 
What is UX?
What is UX?What is UX?
What is UX?
 
Web Design Through The Lens of Psychology
Web Design Through The Lens of PsychologyWeb Design Through The Lens of Psychology
Web Design Through The Lens of Psychology
 
Intro to UX - Summer Sampler Series
Intro to UX - Summer Sampler SeriesIntro to UX - Summer Sampler Series
Intro to UX - Summer Sampler Series
 
User Experience and your Intranet Brand
User Experience and your Intranet BrandUser Experience and your Intranet Brand
User Experience and your Intranet Brand
 
Intro To Emotion Design- Pleasurability and Emotional Design- Experience Dyn...
Intro To Emotion Design- Pleasurability and Emotional Design-  Experience Dyn...Intro To Emotion Design- Pleasurability and Emotional Design-  Experience Dyn...
Intro To Emotion Design- Pleasurability and Emotional Design- Experience Dyn...
 
Are You An User Experience Designer
Are You An User Experience DesignerAre You An User Experience Designer
Are You An User Experience Designer
 
Website design basics
Website design basicsWebsite design basics
Website design basics
 
What is User Experience (UX)
What is User Experience (UX)What is User Experience (UX)
What is User Experience (UX)
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User Experience
 
Ux design process
Ux design processUx design process
Ux design process
 
Intro to UX UI Presentation at StartCo - May 24, 2017
Intro to UX UI Presentation at StartCo - May 24, 2017Intro to UX UI Presentation at StartCo - May 24, 2017
Intro to UX UI Presentation at StartCo - May 24, 2017
 
StartingUp - Designing Delightful Experience
StartingUp - Designing Delightful ExperienceStartingUp - Designing Delightful Experience
StartingUp - Designing Delightful Experience
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
 
Changing a community through writing
Changing a community through writingChanging a community through writing
Changing a community through writing
 
Usability design for pleasure
Usability  design for pleasureUsability  design for pleasure
Usability design for pleasure
 
Architecting Social Experiences - UXCampDC 2011
Architecting Social Experiences - UXCampDC 2011Architecting Social Experiences - UXCampDC 2011
Architecting Social Experiences - UXCampDC 2011
 
Using the Web for Global Giving and Activism
Using the Web for Global Giving and ActivismUsing the Web for Global Giving and Activism
Using the Web for Global Giving and Activism
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 

Ähnlich wie User experience

10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Designsirferds
 
Apec Melbourne Conference
Apec Melbourne ConferenceApec Melbourne Conference
Apec Melbourne Conferencewiliamau
 
Tampa UX November 2014 Meetup
Tampa UX November 2014 MeetupTampa UX November 2014 Meetup
Tampa UX November 2014 MeetupMike Gallers
 
First Impressions Matter: LeanUX Design of Landing Page #2
First Impressions Matter: LeanUX Design of Landing Page #2First Impressions Matter: LeanUX Design of Landing Page #2
First Impressions Matter: LeanUX Design of Landing Page #2Kazumichi (Mario) Sakata
 
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
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersEuropeana Newspapers
 
A Developer’s Guide to Interaction and Interface Design
A Developer’s Guide to Interaction and Interface DesignA Developer’s Guide to Interaction and Interface Design
A Developer’s Guide to Interaction and Interface DesignHoltstrom
 
Design for Lawyers : Why UI Can Make You a Better Attorney
Design for Lawyers : Why UI Can Make You a Better AttorneyDesign for Lawyers : Why UI Can Make You a Better Attorney
Design for Lawyers : Why UI Can Make You a Better AttorneyRocket Matter, LLC
 
Graphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code CampGraphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code CampFrank La Vigne
 
Eason ux design_portfolio
Eason ux design_portfolioEason ux design_portfolio
Eason ux design_portfolioShelda Eason
 
Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slidesoopscrash1
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an OverviewJulie Grundy
 
Intro to User eXperience
Intro to User eXperienceIntro to User eXperience
Intro to User eXperienceMike Gallers
 
Want Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top PriorityWant Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top PriorityRick Hevier
 
Welcome to Userland - A user centric web2.0 workshop
Welcome to Userland - A user centric web2.0 workshopWelcome to Userland - A user centric web2.0 workshop
Welcome to Userland - A user centric web2.0 workshopTamir Berkman
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the HumanitiesShawn Day
 

Ähnlich wie User experience (20)

10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Design
 
Apec Melbourne Conference
Apec Melbourne ConferenceApec Melbourne Conference
Apec Melbourne Conference
 
Tampa UX November 2014 Meetup
Tampa UX November 2014 MeetupTampa UX November 2014 Meetup
Tampa UX November 2014 Meetup
 
First Impressions Matter: LeanUX Design of Landing Page #2
First Impressions Matter: LeanUX Design of Landing Page #2First Impressions Matter: LeanUX Design of Landing Page #2
First Impressions Matter: LeanUX Design of Landing Page #2
 
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
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic Newspapers
 
A Developer’s Guide to Interaction and Interface Design
A Developer’s Guide to Interaction and Interface DesignA Developer’s Guide to Interaction and Interface Design
A Developer’s Guide to Interaction and Interface Design
 
Business & Web
Business & WebBusiness & Web
Business & Web
 
Politics & The Web
Politics & The WebPolitics & The Web
Politics & The Web
 
Design for Lawyers : Why UI Can Make You a Better Attorney
Design for Lawyers : Why UI Can Make You a Better AttorneyDesign for Lawyers : Why UI Can Make You a Better Attorney
Design for Lawyers : Why UI Can Make You a Better Attorney
 
Usability thinking
Usability thinkingUsability thinking
Usability thinking
 
Graphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code CampGraphic Design For Developers Richmond Code Camp
Graphic Design For Developers Richmond Code Camp
 
Eason ux design_portfolio
Eason ux design_portfolioEason ux design_portfolio
Eason ux design_portfolio
 
Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slides
 
Basics of ux
Basics of uxBasics of ux
Basics of ux
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Intro to User eXperience
Intro to User eXperienceIntro to User eXperience
Intro to User eXperience
 
Want Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top PriorityWant Your Customers to Come Back? Make Sure UX is of Top Priority
Want Your Customers to Come Back? Make Sure UX is of Top Priority
 
Welcome to Userland - A user centric web2.0 workshop
Welcome to Userland - A user centric web2.0 workshopWelcome to Userland - A user centric web2.0 workshop
Welcome to Userland - A user centric web2.0 workshop
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 

Mehr von Cliff Ashcroft

Facebook for Charities
Facebook for CharitiesFacebook for Charities
Facebook for CharitiesCliff Ashcroft
 
Google Analytics for charities
Google Analytics for charitiesGoogle Analytics for charities
Google Analytics for charitiesCliff Ashcroft
 
EU General Data Protection Regulation - Update 2017
EU General Data Protection Regulation - Update 2017EU General Data Protection Regulation - Update 2017
EU General Data Protection Regulation - Update 2017Cliff Ashcroft
 
Webinar: Office 365 for Beginners
Webinar: Office 365 for BeginnersWebinar: Office 365 for Beginners
Webinar: Office 365 for BeginnersCliff Ashcroft
 
Using Technology to Help deliver Advice Services
Using Technology to Help deliver Advice ServicesUsing Technology to Help deliver Advice Services
Using Technology to Help deliver Advice ServicesCliff Ashcroft
 
Google Analytics for Charities
Google Analytics for CharitiesGoogle Analytics for Charities
Google Analytics for CharitiesCliff Ashcroft
 
Office 365 and using SharePoint Online
Office 365 and using SharePoint OnlineOffice 365 and using SharePoint Online
Office 365 and using SharePoint OnlineCliff Ashcroft
 
Top 10 social media tips
Top 10 social media tipsTop 10 social media tips
Top 10 social media tipsCliff Ashcroft
 
Community IT resources
Community IT resourcesCommunity IT resources
Community IT resourcesCliff Ashcroft
 
Using technology to help deliver Advice Services
Using technology to help deliver Advice ServicesUsing technology to help deliver Advice Services
Using technology to help deliver Advice ServicesCliff Ashcroft
 
Connecting Care @ National Care Forum
Connecting Care @ National Care ForumConnecting Care @ National Care Forum
Connecting Care @ National Care ForumCliff Ashcroft
 
Lasa esolutions campaigning and awareness
Lasa esolutions campaigning and awarenessLasa esolutions campaigning and awareness
Lasa esolutions campaigning and awarenessCliff Ashcroft
 
Better Digital Marketing
Better Digital MarketingBetter Digital Marketing
Better Digital MarketingCliff Ashcroft
 
Lasa amplify your multimedia content
Lasa amplify your multimedia contentLasa amplify your multimedia content
Lasa amplify your multimedia contentCliff Ashcroft
 

Mehr von Cliff Ashcroft (20)

Facebook for Charities
Facebook for CharitiesFacebook for Charities
Facebook for Charities
 
Google Analytics for charities
Google Analytics for charitiesGoogle Analytics for charities
Google Analytics for charities
 
EU General Data Protection Regulation - Update 2017
EU General Data Protection Regulation - Update 2017EU General Data Protection Regulation - Update 2017
EU General Data Protection Regulation - Update 2017
 
Webinar: Office 365 for Beginners
Webinar: Office 365 for BeginnersWebinar: Office 365 for Beginners
Webinar: Office 365 for Beginners
 
Using Technology to Help deliver Advice Services
Using Technology to Help deliver Advice ServicesUsing Technology to Help deliver Advice Services
Using Technology to Help deliver Advice Services
 
Google Analytics for Charities
Google Analytics for CharitiesGoogle Analytics for Charities
Google Analytics for Charities
 
Office 365 and using SharePoint Online
Office 365 and using SharePoint OnlineOffice 365 and using SharePoint Online
Office 365 and using SharePoint Online
 
Top 10 social media tips
Top 10 social media tipsTop 10 social media tips
Top 10 social media tips
 
Community IT resources
Community IT resourcesCommunity IT resources
Community IT resources
 
Computanews 07
Computanews 07Computanews 07
Computanews 07
 
Computanews 02
Computanews 02Computanews 02
Computanews 02
 
Computanews #1 (1984)
Computanews #1 (1984)Computanews #1 (1984)
Computanews #1 (1984)
 
Using technology to help deliver Advice Services
Using technology to help deliver Advice ServicesUsing technology to help deliver Advice Services
Using technology to help deliver Advice Services
 
E access13
E access13E access13
E access13
 
Connecting Care @ National Care Forum
Connecting Care @ National Care ForumConnecting Care @ National Care Forum
Connecting Care @ National Care Forum
 
Cloudsourcing2013
Cloudsourcing2013Cloudsourcing2013
Cloudsourcing2013
 
Lasa esolutions campaigning and awareness
Lasa esolutions campaigning and awarenessLasa esolutions campaigning and awareness
Lasa esolutions campaigning and awareness
 
Better Digital Marketing
Better Digital MarketingBetter Digital Marketing
Better Digital Marketing
 
Lucy Buck
Lucy BuckLucy Buck
Lucy Buck
 
Lasa amplify your multimedia content
Lasa amplify your multimedia contentLasa amplify your multimedia content
Lasa amplify your multimedia content
 

User experience

  • 1. Designing for a great User Experience
  • 2. What is User Experience?
  • 3. But first... Why do you need a website?
  • 4. Objectives: what do you want to achieve? • Organisation goals • Website goals • Conversions o sign up a volunteer o make a sale o make a donation o register o share on social network
  • 5. User experience: a means to an end - to achieve a goal What changes to experience change conversion positively or negatively ? Rinse and repeat.
  • 6. Who does your website need to speak to? Include external and internal stakeholders
  • 7. What do they want from the site? How can the site provide value or be of use for them? What is it that they are trying to get done by using your site or service? Understand their purpose for using you, how they talk about it, Where they are coming from. Have empathy with your users. See it from their perspective. If you know the job they want to get done, you can put yourself in their shoes in order to make the right decisions.
  • 8. How will they access the site? Desktop, tablet, mobile? If starting from scratch consider Mobile First or Responsive Design.
  • 9. What makes a great experience? Developing personas for your primary audiences can help in identifying what makes a great UX for each Young person (under 18) Corporate supporter Funder Young person (18-25) Supporter (friends and family) * Sketches courtesy of my lovely agency yoomee
  • 11. Copy and Information Architecture Q. How do users read on the web? A. They don't Users mostly glance at each new page and scan text. They click on the first link to catch their eye or which vaguely resembles what they’re looking for. There are large areas of the page they don’t even look at. In other words, they read the web like a billboard rather than a document. Look at any video game – they rarely have more than three option buttons on any one screen. Too many choices confuse.
  • 12. Usage lifecycle a user progresses from initially being unaware, through being a first-time user, to ultimately becoming a passionate user.
  • 13. Creating a great User Experience 1. Respect the usage lifecycle Realise that not all users are at the same level of experience with the website. 2. Use mental models The site’s user interface should reflect how users perceive the real world, not how the technical implementation is structured. 3. Less is more People don’t read the web like books, they scan copy looking for headlines and key points. Focus on short web copy and minimise choices. 4. Test with real users All changes should be regularly tested on real users, with time allowed for feedback and improvements.
  • 14. Everybody's Job Great user experience needs to be part of the mindset and focus of the whole organisation
  • 15. Pleasure in the simple things in life Damien Austin-Walker @b33god Head of Digital - @vInspired