Understanding the User

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was busy adults who need a special events app that’s mobile device responsive and user friendly.

This user group confirmed initial assumptions about some special events apps seem difficult to use because the user’s lacks excellent digital literacy, but research revealed that was not the only factor in preventing a good user experience. Another factor was that some special events apps are not mobile device responsive. Other user problems included busy schedules, missing and difficult to find information on app, and lack of support from app to assist users. These problems cause users to spend too much time on the task.

User Pain Points

Starting the Design

Paper Wireframes

Drafting the screens on paper helped in visually addressing the user pain points and organizing the best user flow. These iterations ensured that all elements are represented for a good user experience. For the homescreen, I prioritized a simple way to quickly start the RSVP process to help users save time.

Digital Wireframes

Based on the initial findings and feedback from the user research, I made sure to include the “Invite Code” where users can start the RSVP process quickly. As a helpful feature, I added the “Change Language” button to the top of the Homescreen. Additionally, the clickable feedback, accessibility, and help buttons are available at the bottom of every screen. View the Special Events App low-fidelity prototype

In continuing the initial design phase, I wanted to acknowledge the user pain points by making sure the event details' section, contacting event organizer button and RSVP options are clearnly visible and clickable. Since the app is mobile device responsive, the user will be able to complete this task on the go.

To improve the overall user experience, I ensured the menu contents are uncomplicated and quick to navigate through. Additionally, I wanted to guarantee that various user needs are available.

Usability Findings

Based on the initial findings and feedback from the user research, I made sure to include the “Invite Code” where users can I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Refining the Design

Mockups

Early designs showed a cluttered Homescreen, but after the second usability study, I eliminated the Homescreen and replaced it with a "Contents" screen. I revised the contents of the app in order to simplify the user flow.

Initially the Homescreen appeared to have too many buttons and too much information for users to process without feeling overwhelmed. After the second usability study, I adequately distributed information and positioned buttons neatly throughout the app to declutter - creating a cleaner layout. For example, I eliminated the "Change Language" button from the Homescreen. Now users can change language easily by going to the "Accessibility & Language Options" screen. This location is similar to other apps and is a familiar path to the user.

The second usability study revealed confusion about the word "Menu". I changed the "Menu" button label to "Contents". Additionally, I changed images and fonts to create consistency in the app. I also scaled the screen, added a title to the screen, dividers, sections, more icons and rearranged the screens to make a cleaner layout.

Accessibility Considerations

Refined Designs

High-fidelity Prototype

The final high-fidelity prototype visually presented uncluttered screens, unity and consistency with colors and images. It also meets the user needs for function by providing a easy and quick RSVP process.

View the Special Events App high-fidelity prototype