screen design. what i wish i knew when i first started making websites

Post on 14-Jun-2015

223 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

The goal is to help new web designers and developers think of websites as a chain of connected pages that create a unique path for the user instead of static pages that live in their own little world with simple connections to other pages.

TRANSCRIPT

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

top related