Design study for new start page

2005-07-22 02:30:26 | johann | #

Google is a good example for a simple user interface. I'm planning to replace the start page with a similar minimalistic submit form. Here is a live design study for it (but the buttons are not working yet). Your feedback is very welcome.

The design is based on an idea by Christian Otto who has also created the logo. Thanks!

I am looking for hints on how to move the input cursor to the end with JavaScript in Safari. And should we have a short text above the input field, something along the lines of "Enter your URL to make screenshots in different browsers"?

Comment

posted 2005-07-22 17:56:06 by __seb

This is pretty nice but can be improved:

  • Center the menu bar
  • Display the flag somwhere else: here it's highly reachable by eye but will be used only once. So could put it, verticaly on the right for example.
  • Lake of information about what to submit, you should display a shot sentence like "web page shots" intead of the flags line.
  • Italian and french flags colors are too similar, use more different colors for the blue and green.

tchô!

Gravatar

Comment

posted 2005-07-27 20:53:54 by Help Full

  • The previous comments are all correct
  • The logo is great but bigger than it needs to be.
  • Add the BrowserShots name to the layout. The original example by Christian is fine, or you could do "[logo] Browsershots.org" with the logo the same size as the capital B.
  • Change the 'submit' button caption to 'Make Screenshots'
  • Change 'Search' button caption to 'Find Screenshots'

Needs a little more description...

posted 2005-07-29 16:35:59 by jason

...I agree with the previous comments. Just a one-line description would be nice, as browsershots is not (yet) the household name that google is, so people might be confused as to what submitting a URL would do. On google.com, there's no descriptive text because there's no need, but on their other sites, e.g., images.google.com, you'll find one line of text that sums up what it does, e.g., "The most comprehensive image search on the web."