This presentation outlines the design progression from WordPress 2.5 to 2.7 based on usability testing and community feedback. Originally presented at WordCamp Australia 2008

1. The Road to 2.7
Jane Wells
Automattic

2. Before and After
2.5/2.6
2.7

3. The Map: May
Usability Testing:
WordPress 2.5
May June July/August August September/October November
Usability Testing: WordPress 2.5
• Third Party: Ball State University’s Center for Media Design
• Usability review of WordPress 2.5
• Low-hanging fruit prototype development
• Usability testing (with eye tracking) of 2.5 and prototype
• Analyze findings, recommendations for improvement

4. Eye Tracking
• Desktop system
• Two cameras
(facial recognition,
reflection of laser)
• X/Y coordinates,
timecode
• Variety of outputs

5. 2.5 Test Results
• Participants rated WordPress as very easy to use
despite having issues with specific elements
• Navigation structure ambiguity sometimes caused
disorientation
• Dashboard not considered useful
• Excessive scrolling caused annoyance and additional
work on Write screen
• Action links not always intuitive (example: commenter
name to edit comment)
• Media management a sore point across the board

6. The Map: June
Crazyhorse
Usability Testing:
Prototype
WordPress 2.5
Development
May June July/August August September/October November
Crazyhorse Prototype Development
• Select interaction model, general layout
• Identify high-priority screens
• Brainstorm new functionality
• Rapid design iteration and development

7. Superfast Prototyping
• Determine Navigation Model
• Select Screens/Elements to Redesign
• Wireframe/Review/Revise

8. Result: Crazyhorse
• Left hand navigation
• Drag and drop Dashboard
• Modified screen layouts
• Increased vertical workspace
above fold
• Simplified media upload process

9. The Map: July/August
Crazyhorse
Usability Testing: Usability Testing:
Prototype
WordPress 2.5 Crazyhorse
Development
May June July/August August September/October November
Usability Testing: Crazyhorse
• Participants use Crazyhorse at home
• Usability testing with eye tracking in lab
• Comparative analysis
• Presentation of results

10. Crazyhorse Test Results
• All actions completed faster than in 2.5
• Every participant preferred Crazyhorse
“I love it.”
“It’s definitely better.”
“It just seems to flow better.”
“More organized.”
“It’s more extensible.”
“Easier to navigate.”
“More efficient use of space.”
“Seems more modern, friendlier.”
“Looking forward to using some of
these features on a daily basis!”

11. The Map: August
Crazyhorse Merge
Usability Testing: Usability Testing:
Prototype Crazyhorse with
WordPress 2.5 Crazyhorse
Development Trunk
May June July/August August September/October November
Merge Crazyhorse with Trunk
• Don’t wait to improve interface
• Reduce parallel development
• Focus on user feedback

12. The Map: September/October
Crazyhorse Merge WordPress 2.7
Usability Testing: Usability Testing:
Prototype Crazyhorse with Design and
WordPress 2.5 Crazyhorse
Development Trunk Development
May June July/August August September/October November
WordPress 2.7 Design and Development
• Refine structure/design and feature set (wireframes)
• User surveys (navigation, features)
• New visual design
• Icon design contest

13. Making Decisions

14. The Map: November
Crazyhorse Merge WordPress 2.7
Usability Testing: Usability Testing: Usability Testing:
Prototype Crazyhorse with Design and
WordPress 2.5 Crazyhorse WordPress 2.7
Development Trunk Development
May June July/August August September/October November
Usability Testing: WordPress 2.7
• Confirm improved ease of use
• Continue refining design/features
• Catalog improvements for 2.8
• Prepare for launch

15. WordPress 2.7