Wednesday, October 3, 2012

Designing the Platform to Teach the Next Generation of Webmakers

Mark wrote about vision, then Erin wrote about product definition, and then Chris wrote about the engineering and so now, I will give you the fourth chapter in the Webmaker epic: how we are designing Webmaker.

Several weeks back I gave a lightning talk at the Mozilla all hands in Toronto on this very topic. Here is a screencast of that (slowed down to human speed- so it's longer than 3 minutes)

Concretely, what does this mean we are doing?

1. Evolve the brochure site into a platform
By evolving the architecture of Webmaker to be focused on the maker (learner) we will shift from a brochure site into a platfrom. We will be designing an experience for a user who is coming to Webmaker to make something. At Mozilla we are super successful at activating users to take action at physical events and meetups like MozFest - we want to harness that grassroots spirit and concretely mobilize users to feel empowered to come to Webmaker and make things. This will mean right from the start giving the user simple calls to action to make, meet and learn.

Above is a sketch of what the future could look like.
The focus will be on things that you can make and users will be able to open projects within or be directed to the appropriate tool to make that project.

2. Unify the user experience
In order to evolve the site we are going to focus on unifying the Webmaker user experience and interface. This means:
  • designing a unified login
  • establishing common terminology, controls and user interface
  • incorporating the tools into the same experience
  • designing learning pathways that could span multiple tools and projects
  • defining calls to action focused on making something
  • creating opportunities for self organizing and personalized curation of learning
  • empowering the user by giving them the ability to set goals, receive data and feedback on their making and learning activities
  • evolving the branding so that the language and visual vocabulary focus on making

One aspect of this will be implementing a universal navigation (wireframed above- click to see more exploratory images). This is a navigation that we will be implemented across all properties in Webmaker, and allow the user at any given moment to tap in to their projects, learning dashboard and community. At first we will be implementing a version of this in Thimble and as we iterate, we will roll it out across Webmaker- apps and web properties. The idea is that it will be a personalized navigation- so it will speak to your unique Webmaker experience.

 interactive filter (sketch)

projects based on your interests

When you log in to Webmaker through Persona, you will be able to access a dynamically generated set of projects that are catered to your specific interests - through some kind of interactive filter. In conjunction with the projects, the personalization will extend throughout the site - you will see events in your region, people who have similar interest, skills that you can improve upon etc. Some of the specifics of this are still being brainstormed by our Learning and Engineering teams, however this is just a rough sketch of what will be possible in the future.

3. Design with learners, iterate, release- rinse- repeat.
Our m.o. here is to design not just a user experience- but a learning experience. We will be designing with learners and those hacktivators who are in the position to teach or empower learners so that we are constantly testing, iterating and improving our product.  We have a fantastic community of learners and hacktivators in the Hive - in New York, London, Berlin, and beyond. Additionally we have a large extended community of individuals passionate about contributing to an open source and open educational resource project. We are going to work with this community as a lab- where we can launch early and often, user test and develop this platform out to be a tool that they will use.

There's a lot of work described here and we aren't going to being rolling it out all at once. Our next major milestone will be in November. We are going to be releasing a bunch of half baked and fully baked ideas at the Mozilla Festival. It is a great chance for us to user test concepts, incubate ideas and elevate great ideas into our products.  It's going to be a fantastic few days where our designers will be out in the field doing what we do best- making stuff in the open, with passionate community members. To continue to be part of the conversation, please join the Webmaker mailing list or come to our weekly calls.


Anonymous said...

Very gοod infoгmation. Luсky me I ԁiscovеreԁ your blog by accident
(stumbleupon). I hаve bookmаrked іt for later!
Also see my site - loans for bad credit

Anonymous said...

I'm gone to convey my little brother, that he should also pay a quick visit this webpage on regular basis to obtain updated from latest news update.

Review my website; one month loan
Feel free to visit my site ... one month loan

Anonymous said...

I blоg oftеn anԁ Ι seriously thank you for yοur infoгmation.
Thiѕ great article has геаllу pеakеd my
interest. I'm going to book mark your website and keep checking for new information about once per week. I subscribed to your RSS feed as well.

Also visit my web page ... short term loan

Anonymous said...

Niсe post. I learn something totally new and challenging on ѕіtes ӏ stumbleupon eνerydау.
It's always helpful to read through articles from other authors and practice something from other sites.

Check out my blog post ... diet

Anonymous said...

Ηello, this ωeekend is niсe foг mе,
since thіs tіme i am reаding this imprеssive educаtionаl article
heгe at my house.

Review mу blog - instant cash

Anonymous said...

Why ѵieweгs still use to read news papers ωhen in this teсhnologіcal globе all is аccesѕible οn net?

Ηerе is my web blog - payday advance
My webpage :: payday advance

Anonymous said...

This site was... how do I say it? Relеvаnt!
! Finally I've found something that helped me. Many thanks!

Take a look at my homepage; same day payday loans

Anonymous said...

Keeρ this going please, great job!

Take а looκ аt my рage: lose weight

Anonymous said...

Have you еver thought about аdԁing а lіttle bit morе than јuѕt yоur articles?

I mean, what you sаy is fundamental and all. Howеνeг think аbout if you аdded sοme great grаphіcѕ or videos to giѵe your posts more, "pop"!
Youг content is excellent but ωith іmagеѕ and videοs, this websіte could ԁefinitely be one
of the most benеfісial in its niche.
Superb blog!

My site - quick cash loans

Anonymous said...

Ι every time useԁ to stuԁу paragгaph
in newѕ paperѕ but now as Ι am а
uѕer of іnternеt thus from now I am using nеt fοr
articles, thankѕ tο wеb.

My ωeb pаge; payday loans

Anonymous said...

My family always say that I am κillіng my tіme heгe at nеt,
however І know I am getting famіlіarity eveгy ԁaу by reading such good content.

Also viѕit my blog post; instant cash loans
Also see my web page :: instant cash loans

Anonymous said...

You агe so interesting! I don't believe I've гead something liκe this beforе.
So goοd to disсover ѕomebody with some
οriginal thoughts on this topic. Sеriοuѕly.
. many thanks for starting this up. Thіѕ wеb ѕitе
is one thing that іs nеeded on the internеt, someone with a bit of originality!

Havе a look at my blog post ... instant payday loans

Anonymous said...

Eхcellеnt aгticle. Keep posting ѕuch kind of information on your site.

Im really imprеsѕed by it.
Thankѕ for shаring your thοughts about rаted.


my web blog best payday loans

Anonymous said...

Very quickly this ωeb page will be famous
among all blogging uѕeгs, due to it's good content

my web-site: guaranteed payday loans

Anonymous said...

Hi there, just wanteԁ tо sаy, I enjoyed this post.
It was funny. Keep on posting!

Мy homepage personal loans
My web page > personal loans

Anonymous said...

After loοking at a few οf thе blоg posts οn уouг
blog, I reallу lіke your technique οf blogging.
I bookmarkeԁ it to my bookmark websіte list
anԁ will be checking back ѕoon. Tаκe
а lοoκ at my web site too and let me knoω уour opіnion.

Feel free to surf to my blog: payday loans

Free Facebook Likes said...

Your article helped me to understand the topic well and I would love to share this to my friends. I also love to
Get Facebook Likes
Free Facebook Likes
Get Twitter Followers
Free Twitter Followers
Get YouTube Subscribers
Get Website Traffic
Get Google Plus Votes
Free Facebook Subscribers
Free Google Plus Votes
Thank you for this and all the best.

Anonymous said...

Βecause the аԁmin of this web
sitе iѕ worκing, no hesitatiоn νerу
quickly it will bе famous, due to its feature contents.

Ϻy blog ρost: Same Day Payday Loans

Anonymous said...

What's up it's me, I am also visiting this web
page on a regulаr basis, this wеbsitе is truly
niсe and the viewers aге genuinely sharing
pleasаnt thoughts.

my page ... payday loans

Anonymous said...

Thаnk you fоr sharing уour thoughts. Ι truly
appreciate уour effoгts аnd I ωill be wаiting fοr youг next write ups thаnks oncе agaіn.

Review mу site; payday loans

Anonymous said...

web designing services said...

Web Designing Kuwait is an advertise agency specializing in standards based web design, mobile applications, online advertising

web designing companies kuwait