User:Ge.diego/User Interface Mockup: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 52: Line 52:
# The RSS '''[.)]''' and Go '''[=>]''' buttons.
# The RSS '''[.)]''' and Go '''[=>]''' buttons.
# The search text and icon '''[ google G ]''' and search engine selection drop-down button '''[.O]'''.
# The search text and icon '''[ google G ]''' and search engine selection drop-down button '''[.O]'''.
                .i.
              [.i.]
# The throbber [-O-]
# The throbber [-O-]
                'i'
              ['i']

Revision as of 18:43, 5 May 2006

Mockup proposed by Ge.diego user

This mockup is based on the one proposed by Mike Beltzner in the User interface design FX2 page.

Outline of the mockup

Mockup proposed:
                         (2)                                    (5) -.
             (1)          |        (3)-.----.           (4) -.       |
              |           v            v    v                v       v
 .----------------------------------------------------------------------.
 | File   Edit   View   History   Bookmarks   Tools   Help     [_][=][x]|
 |----------------------------------------------------------------------|
 |.--. .--. .--.  ,-------------------..--,,-,   ,----------.---,,  .i. |
 ||<-| |->| |[]| ( {} www.foo.com   v ||.)||=>) (  google G |.O |)  -O- |
 |'--' '--' '--'  `-------------------''--''-'   '----------'--v''  'i' |
 |----------------------------------------------------------------------|
 |(.O) (&) (BBC News v) (Mozilla)                                       |
 |.-----------,.-----------,.-----------,-------------------------------|
 ||{} Bar     || {} Foo (x)|| {} Baz    |                               |
 |-------------'           '--------------------------------------------|
 |                                                                    |^|
 |                                                                    |H|
 :                             (page content)                         : :
 .                                                                    . .
 :                                                                    : :
 |                                                                    |V|
 |\\                                                                  //|
 '----------------------------------------------------------------------'
 | New tab: http://www.foobarbaz.com                                    |
 '----------------------------------------------------------------------'
  ^     ^                ^       ^                                    ^
  '     |                |       |                                    |
  (1)   '- (7)      (8) -'       '- (9)                          (2) -'

New features proposed

(1) Page resizer in both bottom corners

I think the page resizer spends only a little amount of space and sometimes may be convenient (for example when you want to resize to see two pages at a time) to resize from the left.

(2) Maintain page resizer in a maximized window

When you have the browser window maximized, in order to resize it, you have first to restore button and then pull the page resizer. i think it could be more usable to allow the user to pull the page resizers whenever he wants to.

(3) Put tab bar on top of embraced elements

As stated in my tab management comments, the Opera browser uses already this functionality, and with a very good criterion in my opinion.

The tab should visually cover everything related to it. These elements qualify:

  1. Back [<-] and forward [->] button.
  2. Stop button [[]].
  3. URL bar [{} www.foo.com v].
  4. The RSS [.)] and Go [=>] buttons.
  5. The search text and icon [ google G ] and search engine selection drop-down button [.O].
              [.i.]
  1. The throbber [-O-]
              ['i']
Retrieved from "https://wiki.allizom.org/index.php?title=User:Ge.diego/User_Interface_Mockup&oldid=25180"