Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Openness, Innovation and Opptunity

9,596 views

Published on

@ browser workshop 2011/8/20

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Openness, Innovation and Opptunity

  1. 1. Openness, Innovation and Opptunity
  2. 2. About Mozilla1998年 Netscape Communicator 5のコードのオープンソース化に 伴い、Mozilla.orgが設立2003年 Mozilla Foundationが設立2004年 Mozilla Europe / Mozilla Japan設立2005年 Mozilla China (Mozilla Online)設立2005年 FirefoxとThunderbirdの開発等を行う組織、Mozilla Corporationを設立2008年 Thunderbirdの開発等を行う組織、Mozilla Messagingが設 立2011年 Mozilla MessagingをMozilla Labsへ編入
  3. 3. Engineering @ mozilla• Platform• Firefox UX• WebDev • MDN – developer.mozilla.org • SUMO – support.mozilla.org• Labs • Thunderbird • Many projects…
  4. 4. Mozilla Labs• WebブラウザのUXやWeb Technologyの実験の 場所 • すべてが実装ありきの話ではない • FirefoxやThunderbirdとは関係ないものも含 まれる• 将来のFirefoxで取り入れられることも • Firefox Sync etc
  5. 5. Many Projects…• デザインのアイデア• UI/UXの研究• 他のWebサービスとの統合• Web API
  6. 6. DESIGN CHALLENGE
  7. 7. Design Challenge• ある特定のテーマを決めて、そのデザイン/モッ クのアイデアを募る
  8. 8. Design Challenge• Contact in browser • http://design- challenge.mozillalabs.com/contacts/• Home Tab • http://design- challenge.mozillalabs.com/winter09/
  9. 9. CONCEPT SERIES
  10. 10. Concept Series• ブラウザやデバイスなどの様々なデザインを一緒 に考える場所• 実装ではなくて、あくまでも”アイデア”
  11. 11. Ex. Seabird
  12. 12. Ex. seabird
  13. 13. Ex. Seabird
  14. 14. Ex. Ubiquitous Firefox
  15. 15. Resource - Concept Series• Seabird • http://mozillalabs.com/conceptseries/2010 /09/23/seabird/• Ubiquitous Firefox • https://mozillalabs.com/conceptseries/201 1/05/24/community-concepts-ubiquitous- firefox-part-1-how-do-you-design-a- debris-less-browser/
  16. 16. TEST PILOT
  17. 17. Test Pilot• ユーザのブラウザの利用データを取得して解析す るプロジェクト • 収集用のアドオンをインストール • 当然その結果は公開• データが偏る傾向になりやすいため、偏りを取る ような手法を利用している
  18. 18. Test Pilot - New Tab Study
  19. 19. Test Pilot - VisualizingFirefox 4 Beta Usage
  20. 20. Test Pilot – User Interface• Test case • https://testpilot.mozillalabs.com/testcases/ betaui• Result • http://blog.mozilla.com/metrics/2010/09/1 4/heatmap/
  21. 21. More resource - Test Pilot• Rolling your own tool: test pilot • http://www.slideshare.net/boltpeters/jono -xia-rolling-your-own-tool-test-pilot• Test case of Test Pilot • https://testpilot.mozillalabs.com/testcases/
  22. 22. PROSPECTOR
  23. 23. Prospector• ユーザが目的のサイトにたどり着くためのUXの 模索 • サーチ用ボックス or アドレスバーとの統合で はない、別の考え方
  24. 24. Prospector• Awesomebar HD • http://mozillalabs.com/prospector/2011/0 5/09/quickly-switch-searches-with- awesomebar-hd/• Many add-ons for this concept • http://mozillalabs.com/prospector/experim ents
  25. 25. FIREFOX SHARE / F1
  26. 26. Firefox Share (F1)• ソーシャルネットワークとの 統合• http://f1.mozillamessaging .com/
  27. 27. RAINBOW
  28. 28. Rainbow• ブラウザ上で動画、音声のレコーディングを行う APIを定義する • 現在はWebRTCと統合を検討• Web-based Karaoke • http://mozillalabs.com/blog/2011/04/a- web-based-karaoke-prototype-as- technology-feedback-loop/
  29. 29. Q&A

×