Overview
Client: American GI Forum (AGIF)
My Role: UX Researcher, UX Designer, and IA
Team: No teammates
Challenge:
1. Site needs to comprise of a simple, organized place of info regarding the Forum
2. Include an updated calendar for events, volunteering with RSVP options
3. Incorporate online payment processing
Methodologies:
1. Interviews – interviewed 5 members of the AGIF with different roles (volunteers, IT, and Committee members)
2. Personas – created a user persona based on intel from interviews
3. Interactive Prototyping – designed 26 wired-screens for interactions that include mostly tapping and swiping
4. Surveys – surveyed 7 people regarding potential fonts and colors for UI
5. Usability Testing – tested the app’s usability with 7 users (AGIF members and nonmembers)
Timeline: 2020 / 9 months
Research
Key Findings
Key Findings on AGIF Users
User Persona (AGIF Member)
Persona Card on AGIF Member
Process and Artifacts
Sketches
Drawn sketches of various site pages on paper prior to designing them digitally.
Committee Pages
User Flow
Red circle indicates the value or the main attraction for users. Specifically for AGIF members - it's the where/when/why/how they participate.
User Flow Design (red circle is the value of the site)
Design Iterations
Redesign AGIF Website (current site).
Low-fidelity Wireframes
Below are screens created for AGIF's mobile-first site using Adobe Xd.
Home
Welcome
Welcome video intro
Calendar
RSVP, Add to calendar & directions
Add to calendar
Get directions
Purchase Tickets
Color & Honor Guards Committee
Color & Honor Guards video intro
About Color & Honor Guards
Ed. Committee
Ed. Committee video intro
About Ed. Committee
Veteran's Committee
Veteran's video intro
About Veteran's Committee
Women's Forum
Women's Forum video intro
About Women's Forum
Youth Forum
Youth Forum video intro
About Youth Forum
Resources
A/B Testing
Produced and conducted A/B/C testing with 7 members on the Committee screens. All preferred the screen in the middle (B) because of its card size and logical swiping.
A
B
C
Component Iterations Based on Usability Testing
Results
Prototype Wiring
A prototype illustration of all actions and connections within the artboards.
Prototype Link
Click through the screens (best on mobile device):
Takeaways
1. At the time, AGIF Mile Hi Chapter relinquished ties and became their own entity which impacted the final steps.
2. We discussed options to complete the project with the above design or create a Wix site that embeds calendar and payments.
3. The key stakeholder stated they were in a legal case and could not continue due to funding.
4. Once the case is over, they will likely choose to create a Wix site to keep costs down.
5. The prototype that I created will not be published.
6. This was my first project that included UX research/strategy and meeting members and key stakeholders. Loved the process!
