Upload
pavel-ivanov
View
308
Download
0
Embed Size (px)
Citation preview
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