Embed Size (px)
Citation preview
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.
