Best Practices For Prototypes

Usernames

Username is the person's email address.
  • Easiest to remember
  • Specific to the person
  • Provides a simple way to send a 'lost password' email

Passwords

Passwords are nine lowercase letters and numbers.
  • We never show a password; instead, we show *********
  • We require 9 characters because there are hackers who have automatic attacks on passwords that are 8 characters or less
  • People are confused by upper/lower case so we use only lowercase.
  • People are confused by zero/letter-O, one/letter-L, and the letter q, so we omit these.
  • We choose this as the best tradeoff between usability and complexity for typical applications.
  • For applications that need stronger security, we provide stronger solutions.

Sign In

  • Some web sites use wording like this: Login, Logout, Join
  • We recommend this wording: Sign In, Sign Out, Sign Up
  • We've found this is easier for people to understand, more upbeat, and more consistent.

Layout

We start with a typical layout.
  • Header at the top
  • Navigation menu bar
  • Left sidebar
  • Main content area in the middle
  • Footer at the bottom

Icons

For most websites, we begin with IconExperience Windows style.
  • Has a friendly look
  • Comes in small/medium/large/huge sizes
  • Very similar to icons from major sites like Google and Yahoo

For freeware applications, we begin with freeware Silk icons that are small size only

For desktop applications, we begin with Tango desktop icons

Technical Implementation

Linux

Rails

We use these approaches:

Rails Setup

  • script/plugin install git://github.com/delynn/userstamp.git

AJAX

To make our websites load faster and more efficiently,
we may link to Google's caches of major javascripts:
  • http://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js
  • http://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js
  • http://ajax.googleapis.com/ajax/libs/mootools/1/mootools-yui-compressed.js
  • http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js
  • http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js



What's Next?

blog comments powered by Disqus



WebGet SixArm • http://webget.com • Copyright © 2010 • All Rights Reserved