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

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

25. Initial wireframes

29. Round 2 wireframes

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