Mobile/Fennec/Extensions/UserInterface: Difference between revisions

→‎Equivalents for desktop UI areas: Fennec has context menus now
(→‎Equivalents for desktop UI areas: Fennec has context menus now)
Line 199: Line 199:
===Equivalents for desktop UI areas===
===Equivalents for desktop UI areas===


That's fine if you're creating something from scratch, but what about bringing your desktop Firefox add-on over to Fennec's different UI-space?  What if you're using application menus, toolbars, sidebars, statusbars, or context menus?
That's fine if you're creating something from scratch, but what about bringing your desktop Firefox add-on over to Fennec's different UI-space?  What if you're using application menus, toolbars, sidebars, or status bars?
 


<center>[http://www.flickr.com/photos/menros/3910951232/ http://farm3.static.flickr.com/2604/3910951232_31f23f2b8c.jpg]</center>
<center>[http://www.flickr.com/photos/menros/3910951232/ http://farm3.static.flickr.com/2604/3910951232_31f23f2b8c.jpg]</center>


Fennec doesn't have any of these!  It's helpful to think about what these areas tend to provide, and then look for ways to accomplish the same ends with the tools that Fennec provides.
Fennec doesn't have any of these!  It's helpful to think about what these areas tend to provide, and then look for ways to accomplish the same ends with the tools that Fennec provides.
Line 211: Line 209:
*'''sidebars''':  concurrent/background tasks,  tools for content area
*'''sidebars''':  concurrent/background tasks,  tools for content area
*'''statusbars''':  quick access, alerts, ambient indicators,
*'''statusbars''':  quick access, alerts, ambient indicators,
*'''context menus''':  object related actions, hiding many actions (unfortunately)


So what can you use instead?  Here are some ideas:
So what can you use instead?  Here are some ideas:
Line 222: Line 219:


<center>[http://www.flickr.com/photos/menros/3910981334/ http://farm4.static.flickr.com/3472/3910981334_422f282f13.jpg]</center>
<center>[http://www.flickr.com/photos/menros/3910981334/ http://farm4.static.flickr.com/3472/3910981334_422f282f13.jpg]</center>


Or better, '''ambient indicators -> peek indicators?"
Or better, '''ambient indicators -> peek indicators?"
Line 229: Line 225:


Because you can pull slightly past a page edge but stop before fully committing, at which point the page edge snaps back into place, users can quickly peek past the page edge to check on things that are just out of view.  The mockup above shows a scheme where users can peek at a badge on a tab thumbnail to, for example, see if there are any new messages in his or her webmail or tweets in twitter.
Because you can pull slightly past a page edge but stop before fully committing, at which point the page edge snaps back into place, users can quickly peek past the page edge to check on things that are just out of view.  The mockup above shows a scheme where users can peek at a badge on a tab thumbnail to, for example, see if there are any new messages in his or her webmail or tweets in twitter.
* '''right click -> tap and hold'''  There is currently no mechanism for bringing up contextual actions on an object like a picture or a link.  An emerging design pattern with touchscreens is to use tap-and-hold to get at further actions about the tapped object.


===What about preferences?===
===What about preferences?===
canmove, Confirmed users
1,584

edits