user centered design workshop

33
User Centered Design Workshop Workshop Overview, Concepts, & Mozilla + MozCamps project kick-off proposal Holly Habstritt Gaal

Upload: vuongque

Post on 11-Dec-2016

228 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: User Centered Design Workshop

User Centered Design WorkshopWorkshop Overview, Concepts, & Mozilla + MozCamps project kick-off proposal

Holly Habstritt Gaal

Page 2: User Centered Design Workshop
Page 3: User Centered Design Workshop

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

Page 4: User Centered Design Workshop

Overview

User-centered design, how to interview users, design thinking exercises, success metrics, and audience identification were all topics throughout the workshop.

Page 5: User Centered Design Workshop

Workshop Theme:

Create an app that helps your community learn about or contribute to Mozilla.

Page 6: User Centered Design Workshop

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.

Page 7: User Centered Design Workshop

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.

Page 8: User Centered Design Workshop

Interview analysisWe then grouped our post-its to start to discover common themes from our interviews.

Page 9: User Centered Design Workshop

Solo concept sketchingBased on feedback from the interviews and their personal knowledge about Mozilla, we spent 20 minutes creating quick sketches for 2 ideas.

Page 10: User Centered Design Workshop

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.

Page 11: User Centered Design Workshop

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.

Page 12: User Centered Design Workshop

Concepts

Theme: Create an app that helps your community learn about or contribute to Mozilla.

Page 13: User Centered Design Workshop

42

@jaipradeesh@yati_itay

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.

Page 14: User Centered Design Workshop

42Audience

Success

● 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

Page 15: User Centered Design Workshop

Bugs Ahoy 2.0

@sushanthiray@bitgeekypankaj@manishearth@darkowlzz

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)

Page 16: User Centered Design Workshop

Bugs Ahoy 2.0Audience

Success

● People wanting to contribute to Mozilla development

● Newbie retention● A rise in new/first patches

Page 17: User Centered Design Workshop

Bugstrips

@larissashapiro@sawrubh, :saurabh

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.

Page 18: User Centered Design Workshop

BugstripsAudience

Success

● 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

Page 19: User Centered Design Workshop

Contri-rail

@diwanship@bird_of_d_dawn

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.

Page 20: User Centered Design Workshop

Contri-railAudience

Success

● 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

Page 21: User Centered Design Workshop

Mo5

@arunmartin@_tripad

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?)

Page 22: User Centered Design Workshop

Mo5Audience

Success

● 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

Page 23: User Centered Design Workshop

MozPlanet

@saurabhshah@akshtkedia

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)

Page 24: User Centered Design Workshop

MozPlanetAudience

Success

● 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

Page 25: User Centered Design Workshop

Moz Postcards

@spacetime29@psubhashish@roysrijib

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?)

Page 26: User Centered Design Workshop

Moz PostcardsAudience

Success

● Potential Contributors

● Mozillians/Reps/Guides respond to letters

● People connect to relevant opportunities/communities

● people find out how to contribute

Page 27: User Centered Design Workshop

Moz Square

@imasrikar@abhishek_potnis

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.

Page 28: User Centered Design Workshop

Moz SquareAudience

Success

● Current Contributors● New Contributors

● Increase in # of Mozillians / Contributors

● Retention of Current Contributors

● Mentor / Mentee connection

Page 29: User Centered Design Workshop

Mozillians (mobile)

@ekuttan@pmjcreations

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.

Page 30: User Centered Design Workshop

● 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

Mozillians (mobile)Audience

Success● More community

engagement● used as a common place

for Mozillians● Marketing local events● maintain relation with

Mozillians● Reaching nearest

Mozillians quickly

Page 31: User Centered Design Workshop

Moztivity

@grssam@akshayaurora

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.

Page 32: User Centered Design Workshop

MoztivityAudience

Success

● All Contributors (bugzilla, AOA, L10n

● New users

● profile views● outgoing links (L10n,

bugzilla, SUMO)● Impact on bug fixes, L10n

strings, SUMO AOA

Page 33: User Centered Design Workshop

MozCamp Project Kickoffs

Why include our community in project kickoffs for large projects?

● The India Mozillians requested skills-based workshops during MozCamps - let’s 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.