user centered design workshop
Post on 11-Dec-2016
Embed Size (px)
User Centered Design WorkshopWorkshop Overview, Concepts, & Mozilla + MozCamps project kick-off proposal
Holly Habstritt Gaal
User Centered Design WorkshopThe User Centered Design Workshop was held in Bangalore, India during the June 21-22 MozCamp. The workshop lasted 3 hours and was held once each day so that 2 separate groups had a chance to attend.
10 concepts created 25 participants Lots of feedback was received regarding a need for skills-based
workshops like this for the community Many amazing, near-implementable ideas in just 2 days! Our community has strong UX and Dev skills
The following slides share the outcome of the workshop. To view the workshop slides which reviewed a history of User Centered Design and stepped through a series of exercises, see the following PDF: UCD Presentation
User-centered design, how to interview users, design thinking exercises, success metrics, and audience identification were all topics throughout the workshop.
Create an app that helps your community learn about or contribute to Mozilla.
What is User-Centered Design?We talked through the history of User Centered Design - from Scientific Management to Usability and Contextual Research. We discussed the principles of UCD, and how research and design are at the core of this process. We ended this section on best practices for interviewing users and then practiced interviewing each other before moving to sketching, success metrics, and choosing a final concept.
Interview practice Participants practiced interviewing each other using the techniques and rules we discussed. After which we went through our interview notes and distilled the feedback to single points - one per post-it.
Interview analysisWe then grouped our post-its to start to discover common themes from our interviews.
Solo concept sketchingBased on feedback from the interviews and their personal knowledge about Mozilla, we spent 20 minutes creating quick sketches for 2 ideas.
Success Metrics & AudienceWe talked about identifying our audience. We also discussed identifying what would make our project successful and how to measure this once we have a prototype and/or release our app.
CollaborationAttendees paired up and focused on a single concept. Concepts were taken from on of the sketches, or often a combination of the best ideas.
Theme: Create an app that helps your community learn about or contribute to Mozilla.
Description:Communities request a session/event that they would like to attend. Once a demand for a session is met, a Mozillian responds by creating an event. Upcoming events and requests are also displayed for the community to both vote on a request and see if their topic of interest is already in the schedule.
Local communities of developers (but could be for any skill)
Attendees get to learn what they came to learn [ ratings ]
Mentors volunteer for multiple events
Attendees actively seek to attend more sessions
Bugs Ahoy 2.0
Description:An app that sends new users through a whatcanidoformozilla flow to introduce them to bugs. Complete with a leaderboard and push notifications, this rethinking of Bugzilla will keep contributors coming back for more. (need explanation of credits from sketch)
Bugs Ahoy 2.0Audience
People wanting to contribute to Mozilla development
Newbie retention A rise in new/first patches
Description:Pick from a list of bugs you are working on or have completed and use Bugstrips to create a shareable Dino-themed comic strip to tell the story about your bug. This creates a better story around your solution than Bugzilla can do and is also more inviting for those not accustomed to or intimidated by Bugzilla.
Developers People who view strips
Developer keeps fixing more bugs
Rise in views of strips # of viewers who click to
learn more about strip/bug Social media sharing
Description:UI presents the story/timeline of completing a project like a game. Each piece/role in a project is represented on the trail/map. You can invite people to help you complete your tasks, add new components, visit milestones in the project, and earn badges. High scores can also be featured on community pages.
Newbies Existing Contributors
Works in lo-fi as it is a light app
Interactive and collaborative contribution
Social media shares Invite people to contribute Feels like a game Offline documentation Badges awarded
Description:Mozilla contributors and anyone with a Mozillans account users have a chance to High five the work of other Mozillians. By high-fiving a post in this feed you can share the users post to social channels. Community engagement can feature relevant posts in this feed and on social channels, emails, etc. (what does post need to contain? - resolved bug, blog post, live project?)
All Mozilla Contributors Mozillans account users
Easy to use Top hi-fives Get mentioned in Mozilla
channels (FB, Twitter) Submitter gets famous
socially, bragging rights Motivates other community
members Community Engagement
pushes relevant posts to top (trends)
Identification of top and new contributors
Description:One stop access to blogs, Get Involved opportunities, events, etc all on your mobile device and all in a unified flow/UI. The app can use what it knows about you to push appropriate actions and content your way. (e.g.: skills-based opportunities, location-based events). Users also have quick access to a feedback form. (could also include SUMO & MDN content)
FirefoxOS users Other mobile device
users Newbies Existing Contributors
rise in # of new contributors rise in # of blog viewers and
subscribers rise in number of events
registered through app
Description:Post-card interface and concept simplifies the steps for contributors when sending information to us. It is more compelling and personal than a form. User can get their first badge by creating the postcard. (optional: use webmaker to create?)
Mozillians/Reps/Guides respond to letters
People connect to relevant opportunities/communities
people find out how to contribute
Description:Find a Mozillian near you! Search by distance, name, functional area, country. Connect with Mozillians data to populate app and invite Mozillians to share their location a la Swarm/Foursquare.
Current Contributors New Contributors
Increase in # of Mozillians / Contributors
Retention of Current Contributors
Mentor / Mentee connection
Description:Find the nearest Mozillians and/or Event near you! Mobile Mozillians guide to staying connected to locale-based Mozilla content. Also a space to be notified about blog posts, stories, general updates from Mozilla. CTA to contribute + action for those that want to get help from the nearest Mozillian.
New users / contributors to know and get in touch with Mozillians
Those that want support from nearest Mozillian
People who love stories Explorer for nearest event,
especially for PSA
Success More community
engagement used as a common place
for Mozillians Marketing local events maintain relation with
Mozillians Reaching nearest
Description:Gaming of contribution presents a list of activities, leaderboard, and connects to Mozillians profile to connect Mozillians and allow for collaboration. Bug autosuggestion, badges, and sharing success to social channels also possible.
All Contributors (bugzilla, AOA, L10n
profile views outgoing links (L10n,
bugzilla, SUMO) Impact on bug fixes, L10n
strings, SUMO AOA
MozCamp Project Kickoffs
Why include our community in project kickoffs for large projects?
The India Mozillians requested skills-based workshops during MozCamps - lets empower our community!
Give Mozillians the tools and knowledge to share with other Mozillians and their communities.
Many amazing, implementable ideas in just 2 days!
Involve Mozillians in creating tools that directly improve their communities and their contribution.
Our community has strong UX and Dev skills and they are eager to contribute.
Planning ahead and allowing our community to offer solutions not only allows us to explore more solutions,
it saves Mozilla time and resources, while allowing Mozillians to have an impact.