• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Turning That UX Frown Upside Down
 

Turning That UX Frown Upside Down

on

  • 5,171 views

It doesn’t really matter how great you think your website is if your intended user thinks it’s a loser. There are some very easy methods to getting your website headed down the right track and ...

It doesn’t really matter how great you think your website is if your intended user thinks it’s a loser. There are some very easy methods to getting your website headed down the right track and creating a positive user experience (UX) for your target audience.

In this presentation I discuss the steps that lead up to a the launch or re-launch of your website from a down-to-earth UX perspective. Each site is different, so while there are fundamentals there is also a strong need for critical thinking and creative solutions.

Statistics

Views

Total Views
5,171
Views on SlideShare
5,168
Embed Views
3

Actions

Likes
6
Downloads
56
Comments
0

3 Embeds 3

https://jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com 1
http://paper.li 1
https://blackboardtest.ycp.edu 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • Users are there to accomplish tasks. How does that move them towards the website&#x2019;s goals? <br />
  • Users are there to accomplish tasks. How does that move them towards the website&#x2019;s goals? <br />
  • Users are there to accomplish tasks. How does that move them towards the website&#x2019;s goals? <br />
  • Users are there to accomplish tasks. How does that move them towards the website&#x2019;s goals? <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • Budgets? Timelines? The horror! Test only 3 people?! <br /> It is extreme, but there are a lot of reasons for it. If you keep it that simple then you can do all the testing in one morning. My suggested serving is that you do three test in one morning and then de-brief over lunch. And that way you&#x2019;re team&#x2019;s investment in usability testing; and you do it once a month. <br />
  • Budgets? Timelines? The horror! Test only 3 people?! <br /> It is extreme, but there are a lot of reasons for it. If you keep it that simple then you can do all the testing in one morning. My suggested serving is that you do three test in one morning and then de-brief over lunch. And that way you&#x2019;re team&#x2019;s investment in usability testing; and you do it once a month. <br />
  • Budgets? Timelines? The horror! Test only 3 people?! <br /> It is extreme, but there are a lot of reasons for it. If you keep it that simple then you can do all the testing in one morning. My suggested serving is that you do three test in one morning and then de-brief over lunch. And that way you&#x2019;re team&#x2019;s investment in usability testing; and you do it once a month. <br />
  • Budgets? Timelines? The horror! Test only 3 people?! <br /> It is extreme, but there are a lot of reasons for it. If you keep it that simple then you can do all the testing in one morning. My suggested serving is that you do three test in one morning and then de-brief over lunch. And that way you&#x2019;re team&#x2019;s investment in usability testing; and you do it once a month. <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • It is ok to be clever, but not cute. <br /> Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • Make it obvious. <br /> Instant Chewbacca.com ... irony is it is in flash and is inaccessible on my iPhone. I&#x2019;d love to have my instant chewy where ever I go! <br />
  • Make it obvious. <br /> Instant Chewbacca.com ... irony is it is in flash and is inaccessible on my iPhone. I&#x2019;d love to have my instant chewy where ever I go! <br />
  • Make it obvious. <br /> Instant Chewbacca.com ... irony is it is in flash and is inaccessible on my iPhone. I&#x2019;d love to have my instant chewy where ever I go! <br />
  • Make it obvious. <br /> Instant Chewbacca.com ... irony is it is in flash and is inaccessible on my iPhone. I&#x2019;d love to have my instant chewy where ever I go! <br />
  • Make it obvious. <br /> Instant Chewbacca.com ... irony is it is in flash and is inaccessible on my iPhone. I&#x2019;d love to have my instant chewy where ever I go! <br />
  • Make it obvious. <br /> Instant Chewbacca.com ... irony is it is in flash and is inaccessible on my iPhone. I&#x2019;d love to have my instant chewy where ever I go! <br />
  • Make it obvious. <br /> Instant Chewbacca.com ... irony is it is in flash and is inaccessible on my iPhone. I&#x2019;d love to have my instant chewy where ever I go! <br />
  • Make it obvious. <br /> Instant Chewbacca.com ... irony is it is in flash and is inaccessible on my iPhone. I&#x2019;d love to have my instant chewy where ever I go! <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • That&#x2019;s right. I&#x2019;m Canadian, but I&#x2019;m coming to America! <br />
  • That&#x2019;s right. I&#x2019;m Canadian, but I&#x2019;m coming to America! <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • Your navigation needs to make sense otherwise I will run into roadblocks! <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />
  • Steve <br /> International design week <br /> Handing off a design <br /> From strategy to QA. What do I do? <br />

Turning That UX Frown Upside Down Turning That UX Frown Upside Down Presentation Transcript

  • Turning that UX frown upside-down Sunday, June 20, 2010
  • #uxfrown @hellofisher Sunday, June 20, 2010
  • Hello. I’m a UX designer Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • So what is UX design? Sunday, June 20, 2010
  • The creation, integration and harmonization of all user-facing aspects within an organization or project, with the goal of impacting perceptions and behavior. Sunday, June 20, 2010
  • The creation, integration and Make it harmonization of make sense all user-facing aspects within an and work well organization or for the site project, with the users goal of impacting perceptions and behavior. Sunday, June 20, 2010
  • Why bother? Sunday, June 20, 2010
  • Any project should have goals but most people seem to lose sight of who the audience is. Sunday, June 20, 2010
  • Even a little bit of time spent getting to know your users will improve the overall experience Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Ok. You’ve doing user research and testing. How long do you really stick with it? Sunday, June 20, 2010
  • If you have a group of 10 and the first 3 people tell you the same thing is broken it’s broken. Sunday, June 20, 2010
  • If you have a group of 10 and the first 3 people tell you Fix it now. the same thing is broken it’s broken. Sunday, June 20, 2010
  • Don’t make me talk to the hand! Sunday, June 20, 2010
  • Don’t make me talk to the hand! Sunday, June 20, 2010
  • If your site isn’t cute.com, don’t get cute use conventions Sunday, June 20, 2010
  • Make it obvious Sunday, June 20, 2010
  • People get lost at any turn. Too many choices, bad directions and noise create a bad situation. Sunday, June 20, 2010
  • People get lost at any turn. Too many choices, bad directions and noise create a bad situation. Sunday, June 20, 2010
  • What might be obvious to you isn’t obvious to someone who is new to the website. Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Web Conventions Sunday, June 20, 2010
  • As a rule conventions only become conventions if they work. Use them. They are your friends! Sunday, June 20, 2010
  • All conventions start life as somebody’s bright idea. (Steve Krug - Don’t Make Me Think) Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Oops Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sample Prooocess Sunday, June 20, 2010
  • Define Sunday, June 20, 2010
  • 1. Identify the type of site 1. Branding, marketing, content source, task-based... 2. Determine the team make-up required 3. Discover and understand the client and industry culture 4. Define the project objectives 5. Understand the current state (Heuristic Analysis) 6. Gather ideas from stakeholders 7. CONTENT STRATEGY!!! Sunday, June 20, 2010
  • Research Sunday, June 20, 2010
  • 1. User Research (internal and external) 1. Define user groups 2. Choose research techniques (what will the project's budget allow) 2. Personas 1. Really this could be just a short, visual reminder or representation for the people working on the project of the user groups. I like to have something in front of me that helps me keep my focus user-centric. Sunday, June 20, 2010
  • Visioning Sunday, June 20, 2010
  • 1. Envision features 1. This will allow us to flesh things out and see what it will take to build before to prioritizing 2. Prioritize requirements Sunday, June 20, 2010
  • Wireframe and Design Sunday, June 20, 2010
  • 1. Task flows 2. Wireframes and annotations (function) 1. Basic/draft wireframes 2. Filled out wireframes 3. Prototyping - functionality testing with users. 4. UI Graphic Design 1. Design testing 5. UI Design revisions 1. Design testing 6. Style guide documentation Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • Sunday, June 20, 2010
  • All the other stuff Sunday, June 20, 2010
  • 1. Build... 2. User testing 3. QA (internal and with client) 4. It never ends! Sunday, June 20, 2010
  • delicious.com/ hellosteve/ ux Sunday, June 20, 2010
  • Find me at hellofisher.com Sunday, June 20, 2010