Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

How we redesigned - Tech4Africa


Published on

The slides for our redesign panel at Tech4Africa. Panel members: @allankent, @rianvdm, @bash, @originsa.

Published in: Design
  • Be the first to comment

How we redesigned - Tech4Africa

  1. How we redesigned Basheera Khan @bash Mike Lewis @originsa Rian van der Merwe @rianvdm Allan Kent @allankent
  3. User research Interaction design Visual design Content strategy The elements of user experience: User research
  4. User-centred design User-centred design (UCD) is a process in which the needs , wants , and objective s of the end user of an interface are given extensive attention at each stage of the design process. This approach produces only the features and solutions that directly meet the user’s needs in a usable manner.
  5. Content Strategy Rian van der Merwe @RianVDM
  6. What happens when words and images are separated ?
  7. You cannot design without content
  8. Content strategy plans for the creation, delivery, and governance of content. Better content. Content people care about. Content that supports your business objectives and meets your users' goals. It's a long-term fix for content problems of all sizes. - Kristina Halvorson (@halvorson)
  9. Some examples of bad content
  13. Some examples of good content
  16. What is payfine’s content strategy?
  17. They don’t have one
  18. A better way For Payfine
  19. Payfine is a website that lets its customers pay their traffic fines online.  We are a government website, but we don't sound like one.  We realize that people hate paying traffic fines, so they come to our site because they have to, not because they want to.  We talk to our customers in a way that communicates that we understand this.  Our manner is friendly, straightforward, and conversational, and always with the goal of helping our customers get through the process as quickly and easily as possible so that they can get on with their lives. Product Voice Statement
  20. Understanding We all know how much it sucks to pay traffic fines, so we will show our customers that we know what they're going through. Friendly We are always open, casual, and speak in a conversational, everyday language. Helpful We always guide users towards the goal of paying their fines - no distractions along the way Dependable Our products and services are solid, reliable, and secure. Personality traits
  21. We use natural, everyday language to evoke a conversational feel. This means we strive to create the impression we are having a one-on-one conversation with our audience. In conversational language, we don’t use internal jargon, overly promotional phrases, or tech-speak. Copy and design decisions should support this method, including sentence casing for headers, use of contractions, and simple, uncluttered language. Method
  22. The content
  23. <ul><li>Pay your traffic fines.  Get on with your life. </li></ul><ul><li>We know paying a traffic fine isn't fun.  We're here to make it easy for you so you can move on to more important things, like watching that one YouTube video with the cat, or checking Facebook. </li></ul><ul><li>Enter your notice number </li></ul><ul><li>View the details of your fine </li></ul><ul><li>Pay your fine securely </li></ul><ul><li>(Optional) Register for a free account. (Because, let's face it, you're probably going to have to come back here at some point). </li></ul><ul><li>Now slow down so you don't have to come back here any time soon. </li></ul>
  24. Interaction Design Basheera Khan @bash
  25. Initial wireframes
  29. Round 2 wireframes
  40. Visual Design Mike Lewis @originsa
  50. How we redesigned Basheera Khan @bash Mike Lewis @originsa Rian van der Merwe @rianvdm Allan Kent @allankent