3
edits
Mobile/UI/Designs/TouchScreen: Difference between revisions
Undo revision 178964 by Modred11 (Talk) whoops. that's how they're supposed to be.
(→Comments: Added Tap and Hold on Link Request) |
|||
| (21 intermediate revisions by 7 users not shown) | |||
| Line 26: | Line 26: | ||
The toolbar at the bottom contains the most frequently used functions - back/forward, zoom in/out and tabs. This toolbar cannot be hidden, and is generally present in all browser screens. The buttons may sometimes change depending on the screen. | The toolbar at the bottom contains the most frequently used functions - back/forward, zoom in/out and tabs. This toolbar cannot be hidden, and is generally present in all browser screens. The buttons may sometimes change depending on the screen. | ||
Web page content is displayed in the center panel, and can be scrolled/panned directly by dragging. Scrollbars are normally not shown to maximize screen real estate, but can be shown during scrolling to provide a visual cue of the overall page size. | Web page content is displayed in the center panel, and can be scrolled/panned directly by dragging. Scrollbars are normally not shown to maximize screen real estate, but can be shown during scrolling to provide a visual cue of the overall page size. (Suggest persisting scrollbar on screen for, say, 3 sec after panning, allowing user to then drag scrollbar. This provides much faster scrolling through long documents since with such a small screen, getting to bottom of long document takes many many pans on an iPhone.) | ||
At the top of the screen is a title bar with a hideable toolbar beneath. This toolbar has a reload button, a URL bar, and a bookmark button. | At the top of the screen is a title bar with a hideable toolbar beneath. This toolbar has a reload button, a URL bar, and a bookmark button. | ||
| Line 50: | Line 50: | ||
|- valign="top" | |- valign="top" | ||
|One of the design principles/goals for the original Firefox was to maximize the amount of space available for web content. I think that is a very good goal to have as it makes you think about what is really necessary to have on the screen all the time. So one option to consider is to have the "cannot be hidden" items, be available through e.g. a transparent icon (perhaps an embossed Firefox icon as TV channels use) that when tapped will bring up these "cannot be hidden" items. /Christian | |One of the design principles/goals for the original Firefox was to maximize the amount of space available for web content. I think that is a very good goal to have as it makes you think about what is really necessary to have on the screen all the time. So one option to consider is to have the "cannot be hidden" items, be available through e.g. a transparent icon (perhaps an embossed Firefox icon as TV channels use) that when tapped will bring up these "cannot be hidden" items. /Christian | ||
| | |Another way to pull the title and toolbar back into view would be to scroll to the top of the page, then, once you have reached the top of the page, keep scrolling, which brings you to the title and tool bar. To keep people from accidentally bringing up the title and toolbar, there would be a distinctive "click" sound when you reached the top of the page and couldn't scroll up it any farther. Then you would just scroll up a little more, and the title and toolbar would appear. It would be intuitive. | ||
|- valign="top" | |- valign="top" | ||
|Many smartphones (incl all Windows Mobile 5+ devices) only have 2 smart buttons at the bottom. It would be logical to offer just two options in the bottom button bar. And map zooming to a tap-drag button on the top bar or the scroll wheel/updown buttons on some devices. Or at least visually highlight the button that is bound to the smart buttons. | |Many smartphones (incl all Windows Mobile 5+ devices) only have 2 smart buttons at the bottom. It would be logical to offer just two options in the bottom button bar. And map zooming to a tap-drag button on the top bar or the scroll wheel/updown buttons on some devices. Or at least visually highlight the button that is bound to the smart buttons. | ||
| Line 65: | Line 66: | ||
Some of the items I'd like to see in this menu include: | Some of the items I'd like to see in this menu include: | ||
* Link Info (or Link Properties), | |||
* Open Link in New Tab, | * Open Link in New Tab, | ||
* Copy Link Location, | * Copy Link Location, | ||
* View Image, | * View Image, | ||
* Copy Image Location, | * Copy Image Location, | ||
* etc. | * etc. | ||
--[[User:Kpr|Kpr]] 01:03, 8 February 2008 (PST) | --[[User:Kpr|Kpr]] 01:03, 8 February 2008 (PST) | ||
| | | | ||
|- valign="top" | |||
|I'd like to be able to zoom in and zoom out on images too instead of only text. Furthermore, I would like to be able to zoom in on text and images as much as I like without any limitation. --[[User:Kpr|Kpr]] | |||
| | |||
|- valign="top" | |||
|Will there be a way to drag-select text for copy and paste? Potentially a mode where this is the default action for tap and drag? --[[User:JimPark|JimPark]] | |||
| | |||
|- valign="top" | |||
|I didn't read this anywhere, but for the G1 there was a Tetris game that you could choose which button did what to the tiles, like I would decide the rolly ball to flip the tiles, tap to drop them and slide to move them side to side. Something along those lines. So when creating this for the G1 which I hope you will, you can have it where we can choose which button or function does what. And I think the rolly ball would be best for zooming in and out! | |||
-- : [[[[User:Kokoroneko|Kokoroneko]] 07:28, 2 February 2009 (UTC)]] | |||
| | |||
|- valign="top" | |||
|I really wonder how this is going to work in Landscape Mode, as this draft of the button bar seems to take away a lot of screen space, once the screen is turned by 90deg (assuming it remains at the bottom of the screen)... You might reduce the size of the buttons and place them at the right hand side of the screen. | |||
2ndly: Do the Buttons really have to be that much bigger than the common Windows Mobile Softkeyboard? --[[User:Lukx|Lukx]] 22:00, 3 February 2009 (UTC) | |||
| | |||
|- valign="top" | |||
|It looks to me like the toolbars will take up alot of space (as other people seem to be saying). I'd just like to throw out there the idea of having the toolbars be "embedded" into the webpage, so the top bar will be above the content of the webpage and the bottom one below it, so you'll have to scroll to the top of the page to access the top toolbar. | |||
IDK if that's really doable, but if so it might at be done just with the bottom toolbar (personally I wouldn't access those features much). Alternatively the "press and hold" (or equivalent of a double click) might reveal a menu that gives you the options of the toolbar(s). --[[User:Modred11|Modred11]] 07:21, 28 October 2009 (UTC) | |||
|} | |} | ||
| Line 214: | Line 234: | ||
| This is possible. We could have a single tap bookmark the current page, and a double tap open the bookmarks. | | This is possible. We could have a single tap bookmark the current page, and a double tap open the bookmarks. | ||
The reason for the proposed design is that we more often access bookmarks than create bookmarks, so use 1-tap to show bookmarks, and 2-taps to add. --Venky | The reason for the proposed design is that we more often access bookmarks than create bookmarks, so use 1-tap to show bookmarks, and 2-taps to add. --Venky | ||
|- | |- valign="top" | ||
|If a single tap on the star opens the bookmarks list, then please add a "plus" (+) button in the bookmarks list to bookmark the current page. I do not think double tapping the star to bookmark a page is very intuitive. | |||
Furthermore, consider changing the star to a book icon to make this functionality more clear and make it look different than Firefox 3 since it is acting different than Firefox 3. --[[User:Kpr|Kpr]] | |||
| | |||
|- valign="top" | |||
|Please allow the bookmarks to be searched. --[[User:Kpr|Kpr]] | |||
| | |||
|} | |} | ||
| Line 241: | Line 268: | ||
|The use of Back/Forward buttons to navigate among sets of 4 tabs is not intuitive. What about adding left and right arrows at the left and right sides of the screen in a row with the plus sign? | |The use of Back/Forward buttons to navigate among sets of 4 tabs is not intuitive. What about adding left and right arrows at the left and right sides of the screen in a row with the plus sign? | ||
|True. In hindsight (being 20/20), we should have removed the titlebar, put only X (cancel) and + (new) buttons in the bottom toolbar, and let the user scroll by dragging left or right in between the thumbnails. What do you think? --Venky | |True. In hindsight (being 20/20), we should have removed the titlebar, put only X (cancel) and + (new) buttons in the bottom toolbar, and let the user scroll by dragging left or right in between the thumbnails. What do you think? --Venky | ||
|- | |- valign="top" | ||
|I think "Tabs" should be renamed to "Pages" since there really are not any tabs like we are used to seeing in Firefox. For devices with bigger screens, please consider adding real tabs to the top of the Main Screen. These tabs can be named "1", "2", etc. to save space. --[[User:Kpr|Kpr]] | |||
| | |||
|} | |} | ||
| Line 273: | Line 302: | ||
* Bookmark Screen | * Bookmark Screen | ||
* Tabs Screen | * Tabs Screen | ||
==== Comments ==== | |||
{| border="1" cellpadding="5" style="border-collapse: collapse" | |||
|- style="background:lightgray;" | |||
! width="50%" | Comment !! Discussion | |||
|- valign="top" | |||
|I'd like to be able to select text on a web page and copy it. --[[User:Kpr|Kpr]] | |||
| | |||
|- valign="top" | |||
|Please consider adding View Page Source support. --[[User:Kpr|Kpr]] | |||
| | |||
|- valign="top" | |||
|'''Tap and hold''' pop-up menu support similar to right-clicking in the desktop Firefox. | |||
Consider including in the menu: | |||
* Show Only this Frame | |||
* Show Only this Column | |||
* View Page Source | |||
* View Page Info | |||
* Search Google for "<selected text>" | |||
* Search Wikipedia for "<selected text>" | |||
See my comments under the Main Screen section above for tap and hold on a link or image. | |||
--[[User:Kpr|Kpr]] | |||
| | |||
|- valign="top" | |||
|Please add a mode to optimize how a web page or column is being viewed in order to minimize / eliminate scrolling right and left, even when zoomed in. --[[User:Kpr|Kpr]] | |||
| | |||
|} | |||