Storymetrics is a mobile platform that collects metrics, pictures and quotes from your events, puts them into a beautiful template that can be shared as a newsletter or blog post.
overview
ABOUT THE PROJECT
I designed a story telling mobile app for NOMADgardens, that made it easier to connect and share their impact with their donors. Focused on a user-centered design framework, the architecture of the app was determined by understanding how people currently promote and share their events. Frequent user testing between sprints provided prioritization for the next design iteration.
FOCUS: User Interviews, Content Strategy, Information Architecture, User Testing
TIMELINE: 2.5 weeks
THE sENARIO
For the past year, NOMADgardens has been activating a vacant lot in San Francisco with mobile gardens and events. Due to limited bandwidth, the team has not able to share all the great work they are accomplishing with their current donors. Finding a beautiful way to capture and share event goers pictures with their donors will increase sustained giving.
DESIGN PROCESS
1. User Research
2. Content Requirements
3. Information Architecture + Interaction Design
4. Information Design
Wireframing
navigation
content strategy
User testing
prototyping
RESULTS
USER NEEDS
INTERVIEWS | SURVEYS | GUERRILLA
Constraints: Time - 3 days. Because non-profit founders are busy, I had to be resourceful with my approach. 5 interviews were conducted (4 in person, 1 via skype), 10 surveys, 2 events (observing) and on-line search of existing non-profit events.
QUESTIONS: How often do you host events? How do you document your events? How big is the population you're serving? How do your users engage pre, during and post events? Do they use social media accounts during your events? Do you curate your own content or share others? Walk me through how you find, secure and report to your donors.
PERSONAS
An affinity map approach (sticky note categorization) was used to synthesizing the user reserch into 3 personas. Coalessing NOMADgardens business goals and the user needs, Sara was identified as NOMAD's target market and was used to guide future content strategy, to include look, feel and voice.
CONTENT REQUIREMENTS
Sample Flow: Send Test Email
I created a user flow to identify Sara's "happy path" from log-in to sending an email to a select group of recipients. Beginning with this path helped articulate the simplest actions the users would take from start to finish. Task flows were then created from each action item, keeping me focused on simple navigation and features for wireframing.
CONTENT STRATEGY | MENTAL MODEL
Using Sara as my guide, I knew she currently used facebook, twitter, eventbrite and mailchimp to post and share events. To minimize the learning curve for Sara, I opted for a top teir navigation, second tier navigation and bottom navigation, similar to twitters mobile app. A series of in person card sorts helped categorize and structure the actions. To improve the users experience, the most common group of actions were placed within the third tier navigation (thumb reach), adjacent to the iphone's home button.
INFORMATION ARCHITECTURE + INTERACTION DESIGN
low to
INFORMATION DEISGN
VISUAL DESIGN
USER TESTING RESULTS
User testing
RAPID PROTOTYPING
Flinto was used
WORKING HI-FIDELITY PROTOTYPE
Email result
