Pavel Ivanov UX/UI Engineer at Mozilla Bulgaria Web Summit, 31.05.2014 at Inter Expo Center (Sofia, Bulgaria)

What is Firefox OS?

How we started the project?

“The Web is the Platform”

The first Gaia Interface ...

Work Weeks

UX/UI (Day 1)

UX/UI (Day 2)

Start Coding (day 3)

First Devices (Day 4)

More Devices :) (Day 5)

The Results

WORK TOGETHER ALL THE TIME (24/7)

Firefox OS | V1 Design

V1 Design Principles

consumption focus / magazine feel content is king ease of use emphasis on color and circle forms

Font Face

Fira Sans commissioned for readability on mobile

Dark media / entertainment

Content Focus

Light productivity

differentiate productivity vs media theatre experience (content vs experience)

Icon Shape

Unique circle shape for app icons and action icons

Value Selector

Ease of use

Value Selector

full screen dialogs & value selectors

Home screen Lockscreen Lockscreen Homescreen

Contacts Calendar Messages Contacts

Music Video Music Music

Keypad On Call Incoming Call Call Log

The Problems with FFOS v1

Problem 1

Performance

Problem 2

Performance

Problem N

Performance

The Solution

Improve the Web Standards

Improve the Platform

Improve the Work Process

Where we are Today?

Where we are Today?

Firefox OS | V2 Refresh

Design by Code Spacious Content Focus Emotion Through Motion

Design Principles for v2

Design by Code

Design by Code

flat, elegant design style less dependency on bitmaps easily scales across a larger portfolio of devices SVG iconography

V2 Refresh V1

Home Screen Music Contacts Home Screen

Keypad On Call Incoming Call Call Log

V2 Refresh V1

Spacious

larger controls

The Work Process v2

The Toolsdesign, wire frames, code,

build, automations, tests etc.

Questions?

Thank You :)

I Support the Open Web <3