Prototype Unified Making Experience

MozillaFoundation / plan

What the MoFo production teams are working on

https://build.mozillafoundation.org

18 stars 4 forks source link

Prototype Unified Making Experience #365

Closed thisandagain closed 9 years ago

thisandagain commented 9 years ago

From the Toronto work week we have a good sense of how the prototypes we've been working on will port to mobile, but have quite a bit of prototyping to do to have some confidence before moving into a UI pass. This sprint is to develop simple InVision prototypes for a unified experience across platforms.

Deliverables

Prototype of core making and discovery experience on mobile
Prototype of core making and discovery experience on desktop / tablet
Benchmarks and direction for UI design to be completed in the next sprint
Milestone

Desktop / Tablet - https://github.com/mozilla/webmaker-desktop/milestones/Unified%20Prototype Mobile - https://github.com/mozilla/webmaker-app/milestones/Unified%20Prototype

RACI

Phase: Design Owner: @xmatthewx Decision: @thisandagain Lead design: @flukeout + @sabrinang Lead dev: n/a Quality: @cassiemc

cassiemc commented 9 years ago

Adding @sabrinang here to help with additional UX/UI considerations.

xmatthewx commented 9 years ago

Here's a quick recap of the work week that impacts this heartbeat. @cassiemc will likely share a more rich and complete summary. Hit me up on IRC for corrections and omissions.

We considered content

We asked: What is webby? We found answers.
We listed types of content enabled by Tiles.
We took a first step toward creating examples of lead user content. (link expired)

We tested prototypes

Key takeaways

making while mobile invites a different variety of content than on desktop
deeply integrated collaboration is interesting & valuable, but complex
simplicity begets understanding, but can also put a limit on imagination
the power and flexibility of the tiles paradigm is not immediately obvious

We iterated on tiles

We produced lots of refined & annotated sketches that cover:

navigation
aerial editor
tile editor
element editor
code editing via UI and/or keyboard

We took inventory of elements and attributes to help identify the most viable set of features.

cassiemc commented 9 years ago

Here are all the sketches I scanned from the workweek – @xmatthewx maybe you can help figure out how to make these most useful in this process, if they are at all? https://www.dropbox.com/sh/5sd3imrguvkn94f/AAAjlYM5mmahKw_KM2jOHSeba?dl=0

Worth calling out this pdf specifically – it's all of the revised and edited and most finalized sketches for the tiles concept: https://www.dropbox.com/s/4u9lme5disvw707/final-tiles-sketches.pdf?dl=0

xmatthewx commented 9 years ago

Thanks. Link I posted above points to an edited set of the latest Tiles sketches as individual image files on gdrive.