How we redesigned Payfine.co.za - Tech4Africa
•
5 likes•1,915 views
The slides for our redesign panel at Tech4Africa. Panel members: @allankent, @rianvdm, @bash, @originsa.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to How we redesigned Payfine.co.za - Tech4Africa
Similar to How we redesigned Payfine.co.za - Tech4Africa (20)
More from Rian van der Merwe
More from Rian van der Merwe (9)
Recently uploaded
Recently uploaded (20)
How we redesigned Payfine.co.za - Tech4Africa
- 1. How we redesigned payfine.co.za 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
- 24. Interaction Design Basheera Khan @bash
- 40. Visual Design Mike Lewis @originsa
- 50. How we redesigned payfine.co.za Basheera Khan @bash Mike Lewis @originsa Rian van der Merwe @rianvdm Allan Kent @allankent
Editor's Notes
- An example of bad content – technical jargon that doesn’t mean much to the user. “Turnkey aggregated standardized branded end-to-end store.”
- Another example of bad content – this time closer to home, and how it can make UX very difficult. Why user number? Why the message about your PIN? What does “Reset” do – isit even necessary? Logon should be two words… Log in. “click here” doesn’t look clickable, and it is no longer a standard to link “click here” anyway.
- Simple content that matches the design. Focused on what they do, in language the user can understand.
- Another site often shown as an example of good content. It’s financial software, but the language is not jargony at all, and explains what they do in simple language from the user’s perspective.
- So many things wrong with this… Fake excitement, as if this is one of the best things you can find on the Internet Bad punctuation (Why all the exclamation points? Why hyphens on “ticket number” and “notice number”?) Rhetorical questions (question-talkers!): Already registered? New user? Red text that draws the eye (danger, danger!), but so long that very few visitors will read it Jargon (what’s AARTO, and why would users care?) Logout/login/Log In (innit caps)