Your SlideShare is downloading. ×
0
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
FirefoxOS - Bulgaria Web Summit
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

FirefoxOS - Bulgaria Web Summit

303

Published on

FirefoxOS - The Beginning! What we learned? FirefoxOS - Today! What is our work process? The Tools We Use?

FirefoxOS - The Beginning! What we learned? FirefoxOS - Today! What is our work process? The Tools We Use?

Published in: Design
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
303
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Pavel Ivanov UX/UI Engineer at Mozilla Bulgaria Web Summit, 31.05.2014 at Inter Expo Center (Sofia, Bulgaria)
  • 2. What is Firefox OS?
  • 3. How we started the project?
  • 4. “The Web is the Platform”
  • 5. The first Gaia Interface ...
  • 6. Work Weeks
  • 7. UX/UI (Day 1)
  • 8. UX/UI (Day 2)
  • 9. Start Coding (day 3)
  • 10. First Devices (Day 4)
  • 11. More Devices :) (Day 5)
  • 12. The Results
  • 13. WORK TOGETHER ALL THE TIME (24/7)
  • 14. Firefox OS | V1 Design
  • 15. V1 Design Principles consumption focus / magazine feel content is king ease of use emphasis on color and circle forms
  • 16. Font Face Fira Sans commissioned for readability on mobile
  • 17. Dark media / entertainment Content Focus Light productivity differentiate productivity vs media theatre experience (content vs experience)
  • 18. Icon Shape Unique circle shape for app icons and action icons
  • 19. Value Selector Ease of use Value Selector full screen dialogs & value selectors
  • 20. Home screen LockscreenLockscreenHomescreen
  • 21. Contacts CalendarMessagesContacts
  • 22. Music VideoMusicMusic
  • 23. Keypad On CallIncoming CallCall Log
  • 24. The Problems with FFOS v1
  • 25. Problem 1 Performance
  • 26. Problem 2 Performance
  • 27. Problem N Performance
  • 28. The Solution Improve the Web Standards Improve the Platform Improve the Work Process
  • 29. Where we are Today?
  • 30. Where we are Today?
  • 31. Firefox OS | V2 Refresh
  • 32. Design by Code Spacious Content Focus Emotion Through Motion Design Principles for v2
  • 33. Design by Code
  • 34. Design by Code flat, elegant design style less dependency on bitmaps easily scales across a larger portfolio of devices SVG iconography V2 RefreshV1
  • 35. Home Screen MusicContactsHome Screen
  • 36. Keypad On CallIncoming CallCall Log
  • 37. V2 RefreshV1 Spacious larger controls
  • 38. The Work Process v2
  • 39. The Tools design, wire frames, code, build, automations, tests etc.
  • 40. Questions?
  • 41. Thank You :) I Support the Open Web <3

×