Jordan Rules 1 of 5
-
Upload
jordan-julien -
Category
Business
-
view
557 -
download
2
description
Transcript of Jordan Rules 1 of 5
The Jordan Rules9 Rules to ensure a good user
experience
v1.0
Rule 9
Test and adapt
5 elements to test
Layout
Technology
Messaging
Interaction
Audio
Layout
button
buttonV.S.
Technology
V.S.
Messaging
Submit
V.S.Enter
Interaction
button
V.S.button
Interaction
button
V.S.button
Testing is a competencyIt’s important to follow best practices for testing.
If you follow a sound methodology, you’ll derive great insights; if you don’t, you’ll end up with misinterpreted insights.
Rule 8
Teach the user what he needs to
know
Direct and Indirect Teaching
Direct teaching: when you provide obvious instruction to the user.
Indirect teaching: when you allow the user to learn through trial and error.
Direct Teaching
Indirect Teaching
Your approach depends on your audience
Depending on who you expect to interact with your site, and the goals of your site; you’ll want to adapt your teaching approach to make the site easy to use and engaging.
Rule 7
Spend more time on IA and UX when using new technology
5 types of new ‘technology’New channel
New media
New platform
New technique
New Channel
or
New Media
or
New Platform
or
New Technique
or
Plan to spend more timeIt’s important to allow more time for all stages of a project that makes use of new technology.
Because UX planning and IA set the foundation for your project, it’s even more important to spend additional time in those areas.
Rule 6
Look at supporting visuals from a
psychological perspective
Where is your eye drawn?
Where is your eye drawn?
Supporting visuals should supportVisuals need to be on brand, interesting and relevant, but they also need to SUPPORT your message, and your goals.
If your visuals aren’t helping to guide the user to a goal, they’re being under-used.
Rule 5
Prioritize user flows over information
Many web designers look at each page separately and create a hierarchy of information for each page.
Creating a hierarchy for your user flows, looks at the objectives of the site and prioritizes information across the entire site.
By prioritizing your user flows, you’ll prioritize page content as a side-effect.
Rule 4
Write copy for skimming
6 Spiderman Movie Facts
James Franco originally auditioned for the role of Peter Parker, but director Sam Raimi decided to cast him as Harry Osborn instead.The hand sketching Peter Parker’s different costumes during the montage in the first “Spider-Man” movie in reality belongs to Infinite Crisis artist Phil Jimenez.Eliza Dushku, who co-starred with Kirsten Dunst in “Bring It On,” auditioned for the role of Mary Jane Watson and on the original “Spider-Man” DVD, during Tobey Maguire’s screen test, the actress reading Mary Jane’s lines was Dushku.The name of Peter’s landlord in “Spider-Man 2,” Mr. Ditkovitch, is a reference to Spider-Man co-creator Steve Ditko.The Spider-Man costumes cost upwards of $100,000 each to produce. Four of the valued costumes were stolen from the set of the original film and never recovered. Even a $25,000 reward for their recovery turned up no clues to the costumes’ whereabouts.Now a highly prized collectable, the original teaser poster for the first film featured the New York City skyline—including the World Trade Center—reflected in Spider-Man’s eye. Sony Pictures recalled all of the posters after the events of Sept. 11, 2001.
1.James Franco originally auditioned for the role of Peter Parker, but director Sam Raimi decided to cast him as Harry Osborn instead.
2.The hand sketching Peter Parker’s different costumes during the montage in the first “Spider-Man” movie in reality belongs to Infinite Crisis artist Phil Jimenez.
3.Eliza Dushku, who co-starred with Kirsten Dunst in “Bring It On,” auditioned for the role of Mary Jane Watson and on the original “Spider-Man” DVD, during Tobey Maguire’s screen test, the actress reading Mary Jane’s lines was Dushku.
4.The name of Peter’s landlord in “Spider-Man 2,” Mr. Ditkovitch, is a reference to Spider-Man co-creator Steve Ditko.
5.The Spider-Man costumes cost upwards of $100,000 each to produce. Four of the valued costumes were stolen from the set of the original film and never recovered. Even a $25,000 reward for their recovery turned up no clues to the costumes’ whereabouts.
6.Now a highly prized collectable, the original teaser poster for the first film featured the New York City skyline—including the World Trade Center—reflected in Spider-Man’s eye. Sony Pictures recalled all of the posters after the events of Sept. 11, 2001.
6 Spiderman Movie Facts
Rule 3
Set expectations
Sign-up
Sign-up
Name
Phone Number
Address
Sign-up
Gender
Country
Credit Card #
Occupation
Sign-up
Upload Photo
Employer
Employer Contact
Marital Status
Where would you drop off?
Sign-up
Continue
Name
Phone Number
Address
Continue
Gender
Country
Credit Card # (optional)
Occupation
Activate
Upload Photo (optional)
Employer
Employer Contact (optional)
Marital Status
What about now?
3 Steps
Step 1 Step 2 Step 3
What would you expect?Visuals need to be on brand, interesting and relevant, but they also need to SUPPORT your message, and your goals.
If your visuals aren’t helping to guide the user to a goal, they’re being under-used.
Rule 2
Help the user find what he’s looking for
*Note: Dedicated Presentation Required
FindabilityThere is enough information on best practices, and examples of findability to create a separate presentation.
In the interest of keeping this presentation to an hour; I’m not covering this rule completely.
How users find stuff
Users generally find things in one of two ways:
•Using a search tool•Browsing through links
links
searchtool
Using a Search Tool
The most important page to get ‘right’ for users who find stuff using a search tool is the SEARCH RESULTS PAGE (SRP, or SERP)
Browsing through links
Setting up the proper user flows is key for users who browse the site through links.
Rule 1
Help the user figure out what he’s looking for
*Note: Dedicated Presentation Required
What am I looking for?There are enough best practices, and examples of navigation hierarchy, types of navigation, and user flows to create a separate presentation.
In the interest of keeping this presentation to an hour; I’m not covering this rule completely.
Next Steps
I’m providing you with a checklist of the rules to use on your next project.
I’ll be back next Wednesday with a dedicated presentation on Rule 2; and then the following Wednesday with one
on Rule 1. - I’ll make those presentations available on SlideShare