8/9/2019 Mozilla Keynote

1/30

1

GAMP Design - UNIVILLEPascal Finette

September 4th, 2009

8/9/2019 Mozilla Keynote

2/30

Lets begin with

some context2

8/9/2019 Mozilla Keynote

3/30

about:MozillaProbably not your typical success story

3

1. a global, open source project2. a community of thousands ofcreators

3. a mission-oriented organization

4. a public benefit company5. the maker ofFirefox & Thunderbird

8/9/2019 Mozilla Keynote

4/30

300m Peo le use FirefoxWorldwide market share: ~20% to 25%

4

8/9/2019 Mozilla Keynote

5/30

Mozilla Labs5

8/9/2019 Mozilla Keynote

6/30

Laboratories are where science and creativity meet to

develop, research, and explore new ideas.

Mozilla Labs embraces this great tradition - a virtual lab

where people come together to create, experiment, and

play with new Web innovations and technologies.

6

8/9/2019 Mozilla Keynote

7/30

Evolution *not* RevolutionThe browser evolved and matured but didnt really change

7

8/9/2019 Mozilla Keynote

8/30

(Some) Ex erimentsWe experiment *a lot*

8

8/9/2019 Mozilla Keynote

9/30

UX/UI @ Mozilla9

8/9/2019 Mozilla Keynote

10/30

Mozillas UX TeamYes thats all!

10

8/9/2019 Mozilla Keynote

11/30

O enness as a Princi leWorking within the wider community

11

8/9/2019 Mozilla Keynote

12/30

Open

Innovation12

8/9/2019 Mozilla Keynote

13/30

Concept SeriesMozilla Labs Open Innovation Initiative

13

8/9/2019 Mozilla Keynote

14/30

Conce t Series WorkbenchFrom lots of ideas come many mockups

From many mockups come some prototypes

From a some prototypes come a few products14

8/9/2019 Mozilla Keynote

15/30

Step 1:IdeaIt all begins with an idea. A sentence,

paragraph, or even bullet-points kick-start the

process. Ideas can be simple and non-technical.

It should be easy for anyone and everyone to

help shape the future of the Web. So throw

your notions, inspirations, dreams and visions

out to the community.

15

8/9/2019 Mozilla Keynote

16/30

Step 2:MockupTurn your idea (or someone elses) into an

image, sketch or video. Words are great, but

you know what they say about pictures.

Mockups offer up a visual and communicate

ideas in terms that are just a bit more polished

and real. They draw the next person in,

tempting them to pick up the concept and run

with it.16

8/9/2019 Mozilla Keynote

17/30

Step 2:MockupMockups can be anything from a napkin

drawing to a polished Photoshop mockup to a

video.

17

8/9/2019 Mozilla Keynote

18/30

Step 3:PrototypeA prototype is interactive. Feel, touch and play

with developing concepts. Prototypes get ideas

across by showing off the moving parts. They

arent always fully functional or pretty, but

theyre more than a static image or two.

Theyre a dress rehearsal of sorts, with minimal

programming. Make a prototype in HTML,

Flash, or whatever puts things into action.18

8/9/2019 Mozilla Keynote

19/30

Design ChallengeBringing together students from all around the world

19

8/9/2019 Mozilla Keynote

20/30

Partners all over the World

20

8/9/2019 Mozilla Keynote

21/30

Feedback, Tutoring & MentoringMozillians provide support for participating students

21

8/9/2019 Mozilla Keynote

22/30

ShowcaseHigh profile presentation of submissions

22

8/9/2019 Mozilla Keynote

23/30

Best in Class HonorsHigh calibre panel bestows Best in Class honors

23

8/9/2019 Mozilla Keynote

24/30

Outlook24

8/9/2019 Mozilla Keynote

25/30

Design ChallengesFurther exploration of the format

25

8/9/2019 Mozilla Keynote

26/30

O en Collaboration PlatformProject Chocolate Factory

26

8/9/2019 Mozilla Keynote

27/30

The Showcase

27

8/9/2019 Mozilla Keynote

28/30

Innovation TournamentsFairly new concept in the Open Innovation space

28

8/9/2019 Mozilla Keynote

29/30

Questions?pfinette@mozilla.com

@pfinette

http://finette.co.uk

29

http://finette.co.uk/http://finette.co.uk/

8/9/2019 Mozilla Keynote

30/30

labs.mozilla.compfinette@mozilla.com

@mozconcept / #mozconcept

Get involved.30