fish fingers & custard

Post on 18-Feb-2017

128 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Fish Fingers & Custard:HOW TO GIVE YOUR CLIENT WHAT THEY WANT,EVEN IF THEY DON’T KNOW THEY WANT IT.

James Barrett  Senior UX Consultant, Magenic

The Value of Discovery SessionsEngage, Define, and Plan.

Discovery Sessions…

Empowers the client with a voice in the design / production of the project

Saves you time, saves the client money, and saves heartache on both sides.

Helps vet ideas and organize features before one pixel is drawn or one line of code is written.

When your client says…

“I want a blog on my company’s website.”

“I want more traffic on my site.”

“I heard that having a blog on my company’s website would make more people visit it.”

When your client says…

“I want HTML 5 on my site.”

“Everyone’s talking about HTML 5, and I don’t want to be left behind.”

“I don’t want my site to be obsolete.”

When your client says…

“I need a mobile app for my site.”

“Mobile’s big right now, and I don’t want to miss out.”

“My site needs to be accessible to the growing mobile user base.”

Gathering RequirementsYou don’t know where you are until you know where you aren’t.

General Guidelines

Be interactive; get the client involved in the process with hands-on activities.

Listen. Then listen some more. Then listen even more. Absorb now. Design later.

Gathering Information

Stakeholder Interviews Listen for patterns Look for Golden Nuggets.

Shadowing Users Bring a camera Check for artifacts

Heuristic Evaluation Evaluate. Don’t Critique Keep it simple and direct

Nielsen’s Heuristics

Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose, and recover from errors

Sorting through the dataFind a needle in a stack of needles.

Affinity MappingOne of these things is a lot like the other…

Affinity Map Process

Feature 1Feature 1

Step 1: Write down your discovered features on 3 x 5 cards:

Step 2: Organize your cards based on “affinity”.

Feature 1

Feature 4

Feature 3

Feature 10

Feature 9

Feature 7

Feature 6

Feature 8

Feature 5

Feature 2

Feature 11

Feature 12

Feature 13

Feature 14

Feature 15

Feature 16

Feature 17

Feature 18

Affinity Map Process

Step 3: Label your towers

Feature 1

Feature 4

Feature 3

Feature 10

Feature 9

Feature 7

Feature 6

Feature 8

Feature 5

Feature 2

Feature 11

Feature 12

Feature 13

Feature 14

Feature 15

Feature 16

Feature 17

Feature 18

Label 1 Label 2 Label 3 Label 4 Label 5

Screen MapDo you know where you’re going to?

Screen Map Process

Step 1: Define your “root.”Step 2: Define SecondaryNavigationStep 3: Define Tertiary and Remaining pages Step 4: Apply Technical Labels

The Wrap upWe’re almost done…

The WordPress Factor

Knowing what features matter most before design and development will make choosing plugins & custom coding easier.

As you find similar projects (photo blogs, corporate sites, etc) you can identify design patterns that will help streamline your design / development

Performing exercises like Screen Mapping will help define which template files you need to account for.

Questions?jim@brts.us

@seejimtweet

http://www.slideshare.net/jamesbarrett52438174

top related