Interface design solutions for 5 problems in an hour

2b33f316bf257d596758eecfdea2a678?s=47 Pau Giner
May 24, 2013
Design
0
52

Interface design solutions for 5 problems in an hour

Introduction for the 6-8-5 exercise done during the design workshops at the Wikimedia Amsterdam Hackathon. More info at http://www.mediawiki.org/wiki/Amsterdam_Hackathon_2013

2b33f316bf257d596758eecfdea2a678?s=128

Pau Giner

May 24, 2013
Tweet

Want more?

2b33f316bf257d596758eecfdea2a678?s=48 pauginer
0
31
2b33f316bf257d596758eecfdea2a678?s=48 pauginer
0
33
2b33f316bf257d596758eecfdea2a678?s=48 pauginer
0
58
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
13
790
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
4
430
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
270
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
8
560
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
9
310
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
350
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
4
820
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
210
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
290

Transcript

  1. 1.

    Interface design solutions for 5 problems in one hour Pau

    Giner · Trevor Parscal · Arun Ganesh
  2. 2.

    Your first idea is (usually) not the best one http://www.flickr.com/photos/sludgeulper/5594225517/

  3. 3.

    Exploration of ideas help improve your designs

  4. 4.

    Sketching Think Document Experiment Explain Fail faster http://www.flickr.com/photos/jackdorsey/182613360/

  5. 5.

    6-8-5 Get 6 to 8 design concepts in 5 minutes

  6. 6.

    1. More is better Quantity first, quality later. Get as

    many concepts as possible In case of doubt, explore all directions http://www.flickr.com/photos/hine/4106589701/
  7. 7.

    2. Timeboxed 5 minutes Focus on the core concept Don't

    get lost in the details http://www.flickr.com/photos/hine/4106589701/
  8. 8.

    3. Critique Present design goals and concept. Provide: 2-3 thinks

    that work 1-2 things that: • Don't work according to the goals • Want to see more detailed http://www.flickr.com/photos/rosenfeldmedia/3977544675/
  9. 9.

    4. Iterate Iterate Iterate Iterate ...

  10. 10.

    Let's get started Pick paper and pen Propose a problem

  11. 11.

    We can also propose some... • Translate Wikipedia articles •

    Onboarding: easy tasks for new editors • Wikipedia homepage • Interlanguage links • Visual diff for visual editor • Relevant articles: nearby, current events... • Commons upload and display • Mobile contribution ideas • Visual information for Wikidata • ...