Mobile/UI/Designs/TouchScreen/workingUI: Difference between revisions

Jump to navigation Jump to search
Line 145: Line 145:
===Downloads===
===Downloads===


After clicking on a link
After clicking on a link, users get some form of save dialog (get this from platfom or design our own?)


http://people.mozilla.com/~madhava/files/mobile/2008-07-07/save_file.png
http://people.mozilla.com/~madhava/files/mobile/2008-07-07/save_file.png


When a download (or multiple downloads) are in progress, users get a lightweight progress indicator.  This is a different kind of notification than the ones connected to the titlebar, which is appropriate -- these are meant to be more transient, for one, but also are *browser* notifications not affiliated with a specific page or site rather than a notification about the particular site you're on (this being part of why they're not attached to the titlebar).  These ones, in addition for use in downloads, are used for messages like "Add-on installed" or "Update available."
 
When a download (or multiple downloads) are in progress, users get a lightweight progress indicator.  This is a different kind of notification than the ones connected to the titlebar, which is appropriate -- these are meant to be more transient, for one, but also are '''browser''' notifications not affiliated with a specific page or site rather than a notification about the particular site you're on (this being part of why they're not attached to the titlebar).  These ones, in addition for use in downloads, are used for messages like "Add-on installed" or "Update available."


http://people.mozilla.com/~madhava/files/mobile/2008-07-07/progress.png
http://people.mozilla.com/~madhava/files/mobile/2008-07-07/progress.png
When these indicators are dismissed or dismiss themselves, they slide of the screen in the direction of the control strip, and aligned with the button that will let people get at download information:


http://people.mozilla.com/~madhava/files/mobile/2008-07-07/dismiss_notification.png
http://people.mozilla.com/~madhava/files/mobile/2008-07-07/dismiss_notification.png
Users dragging the page over to see where the notification went find a button.  We can apply an effect to the button when there's something new to see (ie. download complete).


http://people.mozilla.com/~madhava/files/mobile/2008-07-07/control.png
http://people.mozilla.com/~madhava/files/mobile/2008-07-07/control.png
'''Very early''' layout idea for the "further information" screens:


http://people.mozilla.com/~madhava/files/mobile/2008-07-07/downloads_screen.png
http://people.mozilla.com/~madhava/files/mobile/2008-07-07/downloads_screen.png
Confirmed users
1,492

edits

Navigation menu