Mobile/UI/Designs/TouchScreen/workingUI

UI to-do list

• navigation screen (integration with search)
• bow
  • final list and layout of buttons
  • site button?
• what kind of bar at the top
  • URL/title bar
  • permanent bar for system information
• page identity UI
• add-ons UI
• notifications UI
  • will encompass
    • pop-up blocking
    • password manager
• actions UI

• tabs switching (spatial)
• bookmarks page (list or spatial)
• find in page
• context menu (tap and hold)
  • Example: on a tel: - regular click to call, context menu includes add to address book
  • Example: hold on a link to sms/email/bookmark

Usage Scenarios and task flows

Usage scenarios: Mobile/User_Experience/scenarios

Working Mockups

'note: these mockups are intended to describe interaction-flows and layout rather than pixel-perfect screens.

Basic Usage

On initial load (if, in this case, nytimes.com is the start page):

Beginning to scroll down the page while the page is loading. The titlebar remains overlaid until page loading is complete.

Page load complete. UI is fully out of the way.

A user brings up the primary UI (bow and titlebar) by tapping/touching one of the lower corners. Button set and arrangement TBD.

Initial