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