131013 chi i wish i knew series (part 2 - how to make better decisions) by ps. timothy loh
Screen Design. What I Wish I Knew When I First Started Making Websites
-
Upload
david-sparks -
Category
Design
-
view
223 -
download
0
description
Transcript of Screen Design. What I Wish I Knew When I First Started Making Websites
by David Sparks
Screen Design.What I wish I knew, when I first started making websites.
Hello.My name is David Sparks.
Before we get started…
The 1st thing I wish I knew when I started building websites.
Sketch. Don’t Draw.
Free Tip #1
Use Pens or Sharpies.Grid paper helps too.
Free Tip #2
Stop Thinking “I can do this faster on the computer”
Limited Edition FREE Quick-Tips!
• Don’t be an artist.
• Be fast.
• Sketch to communicate.
• Get comfortable with mistakes.
Screen Design.
Screen Design.• What is it?
• It’s the act of consciously deciding what content, elements or functionality is necessary based on relationships.
• Think about user paths.
10 Screen Design Questions to Ask Yourself.
Why is someone on this screen?
1.
How did the user get to this screen?
2.
10 Screen Design Questions to Ask Yourself.
What is the next screen they will go to?
3.
10 Screen Design Questions to Ask Yourself.
What is the main action that the user should take on this screen?
4.
10 Screen Design Questions to Ask Yourself.
goodui.org
goodui.org
What happens if a user does not take this action?
5.
10 Screen Design Questions to Ask Yourself.
bestbuy.com
Are there other actions that a user is being given that could be a distraction?
6.
10 Screen Design Questions to Ask Yourself.
bestbuy.com
litmus.com
How would they know what to do if it were their first time on this screen?
7.
10 Screen Design Questions to Ask Yourself.
What could be removed from this screen?(Nothing? Then, ask again.)
8.
10 Screen Design Questions to Ask Yourself.
Can you map each feature on this page back to a goal or need of a user?
9.
10 Screen Design Questions to Ask Yourself.
What role does this screen play in fulfilling the value proposition to the user?
10.
10 Screen Design Questions to Ask Yourself.
Overview1. Why is someone on this screen?
2. How did they get to this screen?
3. What is the next screen they will go to?
4. What is the main action that the user should take on this screen?
5. What happens if a user does not take this action? Does their experience break?
6. Are there other actions that a user is being given that could be a distraction?
7. How would they know what to do if it were their first time on this screen?
8. What could be removed from this screen? Nothing? Then, ask yourself again.
9. Can you map each feature on this page back to a goal or need of a user?
10. What role does this screen play in fulfilling the value proposition to the user?
UX Learning• uxmag.com
• adaptivepath.com/ideas
• uxapprentice.com
• goodui.org
• smashingmagazine.com/category/uxdesign
• sarahdoody.com
Q&A
Thank You! @DigitalSkraps