Votable

 

October - December 2019

Sprint 2_Primary Proto-Persona.jpg

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. 

THE TEAM

  • Lucas Bauer (Scrum Master)

  • Wendy Adams

  • Kyera Kick

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:

                                       

                                           SPRINT CYCLES

                                           PRODUCT BACKLOG

                                           AFFINITY MAPPING

                                           PROTOTYPING

                                            

 

 

 

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. 

SPRINT 1

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 

                                                     election

                                                  Features: ID Scanner for registration, ballot information,

                                                     notifications

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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)

  • Polling locations

  • Register to vote through the app

  • Unbiased information about the candidates

  • Trending topics

 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.

 

SPRINT 2

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. 

Final Presentation

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. 

IMG_2812.jpg
affinitymap.JPG
IMG_2814.jpg
Sprint 1_Primary Proto-Persona.jpg
Sprint 1_Secondary Proto-Persona.jpg
IMG_2852.jpg
IMG_2855_1.jpg
IMG_2873.JPG
IMG_2877.PNG
IMG_2879.PNG
IMG_2878.PNG
IMG_2875.jpg
IMG_2876.jpg
Paper Prototype_Sprint 2_2.jpg
Paper Prototype_Sprint 2.jpg
Registration_remodel1.jpg
Registration_remodel2.jpg
IMG_2944.jpg
IMG_2945.jpg
User Testing_Sprint 2_Week 2_User 2.jpg
User Testing_Sprint 2_Week 2_User 3.jpg
 
homepage.jpg