mozilla keynote

8/9/2019 Mozilla Keynote

1/30

1

GAMP Design - UNIVILLEPascal Finette

September 4th, 2009


2/30

Lets begin with

some context2


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


4/30

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

4


5/30

Mozilla Labs5


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


7/30

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

7


8/30

(Some) Ex erimentsWe experiment *a lot*

8


9/30

UX/UI @ Mozilla9


10/30

Mozillas UX TeamYes thats all!

10


11/30

O enness as a Princi leWorking within the wider community

11


12/30

Open

Innovation12


13/30

Concept SeriesMozilla Labs Open Innovation Initiative

13


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


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


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


17/30

Step 2:MockupMockups can be anything from a napkin

drawing to a polished Photoshop mockup to a

video.

17


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


19/30

Design ChallengeBringing together students from all around the world

19


20/30

Partners all over the World

20


21/30

Feedback, Tutoring & MentoringMozillians provide support for participating students

21


22/30

ShowcaseHigh profile presentation of submissions

22


23/30

Best in Class HonorsHigh calibre panel bestows Best in Class honors

23


24/30

Outlook24


25/30

Design ChallengesFurther exploration of the format

25


26/30

O en Collaboration PlatformProject Chocolate Factory

26


27/30

The Showcase

27


28/30

Innovation TournamentsFairly new concept in the Open Innovation space

28


29/30

[email protected]

@pfinette

http://finette.co.uk

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


30/30

[email protected]

@mozconcept / #mozconcept

Get involved.30

mozilla keynote

Documents