SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Downloaden Sie, um offline zu lesen
welcome to ux 101
       spring moore
       experience director @ razorfish healthware




                                                   spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                            1
a little bit about me




                              spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                       2
Graduated from     Freelance web      Webmaster at                 Web Manager at
                       Penn               design          Penn Law                     G’town Law




                                                          Experience
                   Joined Razorfish   Creative Director    Architect &                 Graphic designer
                                                           Designer




                   Made cool stuff     Won awards        Talking to you




                                                                        spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                                                 3
A little story about Widget Co.
      or what ux does and why it matters




                                           spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                    4
We ask Widget Co. “What do you want to do?”
      [this is the business need]




                                     spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                              5
The answer? “Sell Widgets!”
      [lots and lots of widgets]




                                    spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                             6
OK. What do you want your customers to do?
      [this is the user need]




                                     spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                              7
Buy Widgets!
      [lots and lots of widgets]




                                   spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                            8
So let’s take a look at the widget buying process
      [aka user research]




                                        spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                 9
What do people do when they buy widgets?


         1. Explore their options

         2. Narrow their choices

         3. Buy their preferred widget

         4. Enjoy their widget



                                         spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                  10
1. Exploring their options



                                         Check Amazon         Look for what’s
                        Google search
                                        and other e-tailers        new




                         Read expert                          Check out social
                                         Ask their friends
                           reviews                                 sites



                                                              spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                                       11
2. Narrow their choices



                        Price        Size                  Color



                        Weight     Ratings              Reviews



                        Photos   Return policy     Shipping cost



                                                 spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                          12
3. Buy their preferred widget


                                                           Entering
          Add widget       Select        Create
                                                           shipping
            to cart       checkout      account
                                                         information



                                                            Enter
                                        Confirm
           Get receipt   Submit order                      payment
                                         order
                                                         information



                            Check
              Wait for                  Receive
                           shipping
              widget                    widget!
                            status


                                                  spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                           13
4. Enjoy their widget


         1. Use their widget

         2. Review their widget

         3. Recommend it to a friend

         4. Contact customer service



                                       spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                14
What are all our requirements?


                                                                          Optimize for          Create an
             Buy widgets     View options Read reviews Rate products
                                                                            search               account


              Social share      Track                                                           Compare
                                             Pay online     Secure PII    Save favorites
              product info     package                                                          widgets


                See new         Save        Save billing      Email                               Loyalty
                                                                              CRM
                widgets      payment info      info        confirmations                          program


             Geotargeted        Banner                                     Credit card           PayPal
                                            Endorsement    Partnership
                sales         retargeting                                  payments             payments


                 Faceted      Keyword                                       Featured
                                             Taxonomy      Most viewed                             etc...
                  search      tagging                                       widgets

                                                                          spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                                                   15
Let’s organize and design it!
      [sitemap and wireframes]




                                      spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                               16
Make a sitemap




                                                                                                     Content Area
                                                                                      Content Area
                                                                     Content Area
                                                      Content Area
                                       Content Area
                        Content Area




                                                                                    spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                                                                             17
Make some wireframes




                             spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                      18
Map the processes




                          spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                   19
What happens next?


         1. Design

         2. Copywriting

         3. Development

         4. Launch

         5. Sell widgets!

         6. Measure success
                              spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                       20
Why does ux matter?




                            spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                     21
Customer satisfaction.




                               spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                        22
thank you.
      Spring Moore
      find me Twitter as @simee




                                 spring moore / @simee / www.springmoore.com


Monday, March 4, 2013                                                          23

Weitere ähnliche Inhalte

Empfohlen

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Empfohlen (20)

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 

Welcome to UX 101

  • 1. welcome to ux 101 spring moore experience director @ razorfish healthware spring moore / @simee / www.springmoore.com Monday, March 4, 2013 1
  • 2. a little bit about me spring moore / @simee / www.springmoore.com Monday, March 4, 2013 2
  • 3. Graduated from Freelance web Webmaster at Web Manager at Penn design Penn Law G’town Law Experience Joined Razorfish Creative Director Architect & Graphic designer Designer Made cool stuff Won awards Talking to you spring moore / @simee / www.springmoore.com Monday, March 4, 2013 3
  • 4. A little story about Widget Co. or what ux does and why it matters spring moore / @simee / www.springmoore.com Monday, March 4, 2013 4
  • 5. We ask Widget Co. “What do you want to do?” [this is the business need] spring moore / @simee / www.springmoore.com Monday, March 4, 2013 5
  • 6. The answer? “Sell Widgets!” [lots and lots of widgets] spring moore / @simee / www.springmoore.com Monday, March 4, 2013 6
  • 7. OK. What do you want your customers to do? [this is the user need] spring moore / @simee / www.springmoore.com Monday, March 4, 2013 7
  • 8. Buy Widgets! [lots and lots of widgets] spring moore / @simee / www.springmoore.com Monday, March 4, 2013 8
  • 9. So let’s take a look at the widget buying process [aka user research] spring moore / @simee / www.springmoore.com Monday, March 4, 2013 9
  • 10. What do people do when they buy widgets? 1. Explore their options 2. Narrow their choices 3. Buy their preferred widget 4. Enjoy their widget spring moore / @simee / www.springmoore.com Monday, March 4, 2013 10
  • 11. 1. Exploring their options Check Amazon Look for what’s Google search and other e-tailers new Read expert Check out social Ask their friends reviews sites spring moore / @simee / www.springmoore.com Monday, March 4, 2013 11
  • 12. 2. Narrow their choices Price Size Color Weight Ratings Reviews Photos Return policy Shipping cost spring moore / @simee / www.springmoore.com Monday, March 4, 2013 12
  • 13. 3. Buy their preferred widget Entering Add widget Select Create shipping to cart checkout account information Enter Confirm Get receipt Submit order payment order information Check Wait for Receive shipping widget widget! status spring moore / @simee / www.springmoore.com Monday, March 4, 2013 13
  • 14. 4. Enjoy their widget 1. Use their widget 2. Review their widget 3. Recommend it to a friend 4. Contact customer service spring moore / @simee / www.springmoore.com Monday, March 4, 2013 14
  • 15. What are all our requirements? Optimize for Create an Buy widgets View options Read reviews Rate products search account Social share Track Compare Pay online Secure PII Save favorites product info package widgets See new Save Save billing Email Loyalty CRM widgets payment info info confirmations program Geotargeted Banner Credit card PayPal Endorsement Partnership sales retargeting payments payments Faceted Keyword Featured Taxonomy Most viewed etc... search tagging widgets spring moore / @simee / www.springmoore.com Monday, March 4, 2013 15
  • 16. Let’s organize and design it! [sitemap and wireframes] spring moore / @simee / www.springmoore.com Monday, March 4, 2013 16
  • 17. Make a sitemap Content Area Content Area Content Area Content Area Content Area Content Area spring moore / @simee / www.springmoore.com Monday, March 4, 2013 17
  • 18. Make some wireframes spring moore / @simee / www.springmoore.com Monday, March 4, 2013 18
  • 19. Map the processes spring moore / @simee / www.springmoore.com Monday, March 4, 2013 19
  • 20. What happens next? 1. Design 2. Copywriting 3. Development 4. Launch 5. Sell widgets! 6. Measure success spring moore / @simee / www.springmoore.com Monday, March 4, 2013 20
  • 21. Why does ux matter? spring moore / @simee / www.springmoore.com Monday, March 4, 2013 21
  • 22. Customer satisfaction. spring moore / @simee / www.springmoore.com Monday, March 4, 2013 22
  • 23. thank you. Spring Moore find me Twitter as @simee spring moore / @simee / www.springmoore.com Monday, March 4, 2013 23