October - December 2019
In Fall 2019, I was part of a team in my Interaction Design II class, we developed a mobile app called Voteable, that is about elections, such has presidential, state, and local ones. In my role, I helped with affinity mapping, designing the app, and user testing.
Lucas Bauer (Scrum Master)
What is Lean UX?
The class spent the first few weeks of the semester learning about Lean UX and how to apply to our projects. Some of the terms we learned for Lean UX:
Lean UX is a rapid design method that is collaborative and iterative. It is used for getting a MVP (Minimum Viable Product) that can be used early on with users with multiple sessions of weekly testing, to improve the product.
Our process was done over 6 weeks, that divided up in two sprint cycles that each contained 3 weeks. We were able to concentrate on smaller tasks and completed them quickly each sprint cycle.
Design Week 0
Our first meeting we all did assumptions worksheets separately about the user and business goals of this app. From there we created our hypothesis statements that included the business outcomes, proto-personas, user outcomes, as well as what features we would like our app to have.
Business Outcomes: increase voter registration, maintain
election information, remain unbiased
Proto-personas: Michael, Maria
User Outcomes: easy to register, become more informed on
up coming elections wither it is a national, state, or local
Features: ID Scanner for registration, ballot information,
We then shared our ideas of how we would want the app to achieve our goals. We did some affinity mapping to flush out the ideas and also to develop a list of which tasks we would need to tackle in the first sprint.
Once we finished affinity mapping, we identified what common features we wanted our app to have such as:
Information about the upcoming elections (such as date of elections and who are the candidates)
Register to vote through the app
Unbiased information about the candidates
When finished the affinity mapping, we created our product backlog, a document contains all the features we would like to have completed in our app. We also completed a sprint backlog that would allow us to focus on just 3 features during the first sprint.
New voter registration
Polling location details
Unbiased information about candidates in an elections
Design Week 1
Once we decided on which features to concentrate on, we used paper fidelity to draw out the look of the app. We each tackled one of the features, and I was given the task of new voter registration. We completed paper fidelity and did some user testing with random students in the library.
Some of the feedback:
Address privacy issues about the using the driver license scanner for registering to vote.
Put most of the newsworthy and popular bills at the top of the bills page.
Add a place for polling locations wait times.
Design Week 2
We moved on to wireframing and low-medium prototyping using Figma, so we could all working on the prototyping together. We each still focus on our original tasks that we had for the paper prototyping while working on the first round of wireframing in Figma.
We did make some changes, such as still having the driver's license scanner, but made it optional. We also added the times and a map for the polling location.
With the prototyping on Figma and the changes we made, we did our next round of user testing.
The feedback we got with this round of testing was overall positive with several items that the users told us improve. The users:
Would like to see a link to the candidates campaign page
Looked for a home page or a dashboard
Would rather scroll vertically on a section such as headlines instead of horizontally
Want to know the source that the news articles are on the app
First Sprint Review Presentation
At the end of this sprint I gave a presentation to update the class on the development of our app.
After the sprint review presentation, we began our second sprint. We reassessed our product backlog and determined what worked for us and what did not. We created our product backlog for the second spirit and it includes tasks such making the app look uniformed, creating a logo, and deciding on an app name.
Design Week 0
Our main goal was to make accomplish was to make the app look uniformed, as since we each had one feature, we each had our own design style. We made some sketches and decided together how to make our app one style instead of three.
Design Week 1
Once we established a consist style, I was tasked with remodeling the voter registration feature. We also came up with a list of possible app names to include with user testing.
After we completed some of the redesign, we did more user testing.
We were surprised by the feedback we received about the list of app names, because we assumed incorrectly by our favorite names, they did not. Overall, the users liked the app and said they would use it.
Design Week 2
We made some more changes to the app based on the feedback we got from the user testing in Week 1. We eliminated map feature in the polling location and instead made a pop up menu to ask the user which map app, Apple maps or Google maps, they would rather use to find their polling locations. We added another page that shows more information about the candidates once you tap on the name. We develop a few versions of a logo to put on the app.
With the final round of user testing, they all agreed on the same version of the logo. We changed the name of the app based on the feedback. We realized that we needed to change our primary proto-persona. We decided to make Maria our primary proto-persona, since we mainly interviewed college students.
Second Sprint Review Presentation
Kyera gave the second presentation to the class at the end of this sprint.
At the end of the semester, our scrum master, Lucas gave the final presentation to provide overview of what we accomplished during the two months.
I really enjoyed working with my teammates and learned a great deal about Lean and Agile UX. I am proud of the work that we did and the app that we created.