2. Overview
• Themes/goals of the design
• User-interface walkthrough
• Basic Controls
• Navigation
• Notifications
• Add-ons, Downloads, and Preferences
• Identity
• Desktop integration (Weave)
3. Themes and goals
• Maximize screen space dedicated to content
• Minimize typing wherever possible
• Give primacy of interaction to a finger-oriented touchscreen
• accommodate finger size
• increase the physicality of the interface
• Support the quick lookup scenario
• Relationship back to Firefox on the desktop
12. Getting at more search engines new!
Yahoo Wikipedia
Answers.com
Google
Yahoo Wikipedia
Answers.com
Google
Gmail
Wikipedia Google Maps
Yahoo Answers Yellow
14. Page-level notifications
• Requests, warnings, or reminders about the current specific page
• Pop-ups blocked -- would you like to see them?
• Remember this password?
• May this page know your location?
• Will you let this page install software?
• Some malware indication (secondary mechanism)
19. Browser-level notifications
• Notifications that are outside the context of the current page or site
• Either about ongoing processes or the browser/system itself
• Something is complete (downloads, updates, add-on install)
• Something is waiting (an update is ready to be applied)
• Typically, they require less immediate user intervention
38. Bookmark management 1
bookmark button depressed
Bookmarks By Name Search
Bookmark Name
Folder name
folders inline
Bookmark Name
Bookmark Name
Bookmark Name
Bookmark Name
39. Bookmark management 2
Bookmarks By Name Search
Top level folder
open folder titles stack, and scroll away
(possibly we auto-scroll the user down to the
Secondary level folder
title-row of the lowest-level open folder)
Bookmark Name
Bookmark Name
Bookmark Name
Bookmark Name
40. Bookmark management 3
Bookmarks By Name Search
Bookmark Name
Edit
drag past page edge
Bookmark Name
Edit to reveal controls
Edit Bookmark Name
Bookmark Name
Edit
Bookmark Name
Edit
Bookmark Name
Edit
41. Bookmark management 4
Bookmarks By Name Search
Bookmark Name
Edit
Bookmark Name
Edit
Done Name
Address http://bookmark.url.com/goes/here
Tags tag1, tag2
Bookmark Name
Edit