Project information

  • Category: Responsive design
  • Company: ABC
  • Product: Electorate Map 2016
  • Project URL: Mobile Desktop

Discover

Problem

  • Poor representation of electorate data
  • Clunky experience
  • Not responsive (Large screens only)
Map of Australia with electorates in different colours

Define

Paper prototyping workshop

I ran a Design thinking workshop with the ABC team to help define the problem and come up with actionable solutions. I convinced the primary stakeholder to gather other stakeholders who he felt would benefit from participating in this workshop. I faciitated an adhoc paper prototyping workshop where the participants would provide solutions given the above problems. As a result I was able to start initial designs and development for this solution.

Design: Before user feedback

3 Mobile screen designs with yellow circles indicating the legend

Develop

Overall the design worked well. The main insight we obtained that resulted in change in design was that some users would tap on the legend. We found that some users thought the legend was interactive. We changed this to look more like a notification. We conducted another round of testing and found users not tapping on the notification.

Design: After user feedback

Redesign of Calendar to manage childcare bookings
  • Accurate representaion of electorate data
  • Smoother experience
  • Mobile view
  • Desktop view

Deliver

What went well

The electorate map was a huge success! They were able to tap into new set of users due to the mobile friendly design. The electorates were accurately represented at a national level. There was lots of positive feedback from users.

Through Design thinking we were able to:

  1. Help define the problem
  2. Involve stakeholders to contribute and generate actionable solutions
  3. Take the stakeholders on a journey in the design process

Through Guerilla testing we were able to:

  1. Gain fast feedback about the design
  2. Test hypothesis quickly
  3. Measure and learn how users interact with the product
  4. Catch potential design issues before it gets implemented in code, which saves rework

These processes enabled the team to take stakeholders on the design journey and take user centric approach to design thinking.

Way better design for ABC Electorate Map 2016

About Neil

ORIGIN STORY

I started out as a Nurse for 8 years at Coronary Care Unit and Cardiac Rehabilitation. Although I found the job rewarding it was lacking something I couldn't articulate.

Frustrated with time wasted conducting and documenting a 6-minute walk test (6MWT), I decided to build an app so I could focus more time on my patients. I taught myself how to code and design in my spare time which eventually resulted in 6MWT app.

I found that Coding and Design gave me creative freedom to solve a problem and potentially disrupt an industry.

I wanted to learn from the best cutting edge company with a big heart so I worked at ThoughtWorks as Frontend Developer (FED) and User Experience Designer (UX).

I consider my FED strengths in to be HTML, CSS (SCSS), Javascript (Typescript/Angular). I am a strong advocate for increasing confidence by writing tests and abstracting elements into reusable components. FYI I'm a self-confessed Ionic Fanboy.

I consider my UX strengths to be UI Design, Usability Testing, User interviews, Design Systems and Design Workshop facilitation. I am a strong advocate for baking in UX Methodologies from the start and thrive when I champion the UX processes within the team. I believe Design is a team sport and work best in a collaborative environment.

Ultimately, I have a passion for creating interactive applications that deliver delightful user experiences whether it's with code or design.

Download Resume
Scrolls back to top of the screen