AIM: Bring “industry” content in line with “country” content while improving the user experience.
What was I dealing with?
A content inventory was performed to understand how the content fitted together and what problems existed.
Talk to stakeholders
Stakeholder interviews and workshops were undertaken to check their requirements, concerns and suggestions.
A new information architecture
A new IA was crafted to show the new structure of the site and a possible navigation pattern. The whole site’s navigation had to be changed to accommodate some requirements outside of this project.
Wireframes were drawn up iteratively using sketches until accepted by stakeholders.
The design was then formally described in high-fidelity annotated wireframes that gave sufficient detail for the site to be built.
This is the finished live site.
A simple out-of-the-box experience for tablet customers
Defining the proposition
Proposition workshop: Assisted in the planning, running and analysing a workshop with stakeholders and business owners. This helped clarify this project’s proposition in detail.
A user survey (performed ad-hoc – guerrilla-style) helped us to quickly understand the market: What tablets people used, what for, and how they connected when at home and on the move.
Prepared for the usability testing including fleshing out the brief, drawing up a participant screener and writing a moderators guide.
Moderated the usability testing using overhead cameras to observe participants’ interactions in the lab. Stakeholders also observed to impress users’ responses and to help evangelise UX methods.
Findings were communicated to stakeholders and designers.
Land Rover Biosphere
AIM: Create a video competition website including social media promotions.
Sketches – After understanding the project’s aims and requirements, I developed user scenarios and provided sketches to illustrate the design solution. These helped
to rapidly communicate the design to stakeholders, allow iterative design and show how the design achieved the project’s goals
Stakeholders had to understand how everything fitted together so the information architecture was formalised.
User journeys and scenarios were included to show how users progressed through the site until their goals were accomplished.
and entry and exit points to and from this project were noted. The IA was validated with stakeholders
Annotated wireframes defined and documented the design and communicated to stakeholders how each page worked.
These documents had sufficient information for developers to build the site. Wireframes were validated with stakeholders
The final high-fidelity wireframes were produced and the site released about 2 months after this project was signed off. Above is a screenshot of the final live site.
Moneycorp's responsive site
AIM: Make a new website that is responsive device resolution.
Requirements & mobile wireframes
The requirements were gathered and close work with the project team ensured that they were clear and unambiguous. Design began with wireframes for mobile devices first.
Wireframes for multiple desktop resolutions were crafted.
High resolution mock-ups were produced to help the client envisage how the wireframes would actually look on a mobile device.
Ford single-sign on
AIM: Enhance user experience by integrating multiple services into a single-sign on across Europe.
My task was to synthesise business and technical requirements and infuse a good user experience. This required negotiation with stakeholders and the creation of user journeys to show the optimal journeys for various tasks.
The information architecture was crafted to fit into the company’s wider IA. Entry and exit points were defined across services.
The interaction design was designed using annotated wireframes that described the design in sufficient detail for non-expert stakeholders to understand it.
The design was formally documented in a formal specification document signed off by all stakeholders.
Writing a complete statistics program using Python, NumPy, SciPy and wxPython.
45,000+ downloads since 2002.
After teaching statistics and data analysis to postgraduates and undergraduates, we found existing software for analysing data (like SPSS, Minitab, SAS) offered a poor user experience.
To counter this, Salstat was written in Python (with wxPython, NumPy, and SciPy) as a genuinely cross-platform solution.
Initial adoption was good with hundreds of downloads every month.
I've given talks at EuroPython conferences (2003 and 2004) to demonstrate how easy usability testing and research could be for all open source projects using Salstat as an example.
It's completely cross-platform and runs on Windows, OSX and Linux. This screenshot shows some descriptive and inferential analysis and data visualisation on Macintosh OSX.
Salstat's current site is a fairly vanilla bootstrap-based site with a dynamic news page and the ability for users to submit their email address for release information.
Articles about Salstat have appeared in various places. This LinuxFocus article (originally written by Jürgen Pohl) has been translated to Chinese. It has had over 45,000 downloads from SourceForge alone and videos made by third parties are on YouTube.