05.24.05
Posted in General
at 12 pm
When you’re linking to a set of PDFs or Word docs in a web site, it is important to remember to name the files so that they are usable once someone has them on their virtual desktop. Here are some guides:
The name needs to:
- be under 31 characters.
- have no spaces in the name (important when a URL might be handed out, or mailed or retyped).
- identify the project very briefly (this is a memory trigger rather than a full name).
- group the files from the site together alphabetically (when someone downloads more than one file, they should stay near each other).
- be distinct from other files so that individual files can be identified easily when they’re in a group.
- avoid cryptically numbered or abreviated names that can only be deciphered by someone involved with the project.
This is a good example here: Confluence Project Newsletters
Spring 2005 edition — (Confluence_Spring_2005.pdf)
Fall 2004 edition: Part I — (Confluence_Fall_2004_p1.pdf)
Fall 2004 edition: Part II — (Confluence_Fall_2004_p2.pdf)
Fall 2003 edition — (Confluence_Fall_2003.pdf)
Spring 2003 edition — (Confluence_Spring_2003.pdf)
Fall 2002 edition — (Confluence_Fall_2002.pdf)
Note that the naming convention still leaves room for flexibility such as for the Part 1 and Part 2 of the Fall 2004 edition. Also Spring and Fall are much better than “Q1″ and “Q3″ or “sp” and “fl”. Potentially the year and the season could be swapped so that the years would line up together, but that would also place Fall before Spring, so it’s not a huge improvement.
Here are some bad ones I’ve come across recently: “2005-1164.pdf” “158STR197B.pdf”. Seriously unfriendly.
Permalink
05.21.05
Posted in General
at 7 am
As part of a big project coming up, we’ve been asked (by the users! Hooray for users!) to implement an auto tab function for some of our forms. What is auto tabbing? When you are using a multiple input fields for a single piece of data that is split up into sections (such as phone numbers or dates or social security numbers (ssn’s) or other structured strings), the cursor should automatically jump forward or auto-tab to the next input field.
The scenario is when you type in three numbers for the area code of a North American phone number, the cursor should automagically go from the area code field to the three digit local exchange field. Again the cursor should jump forward to the text input for the line number once the three numbers are entered.
The intension here is to treat the autotab set as if it were a single input field. I’ve observed a number of interface elements and behaviors should be present:
* The input boxes should have a visual bounding box that shows they are linked together.
* Between the boxes should be all of the puncuation that would otherwise be typed in.
* When the auto-tab activates, a dramatic highlight around the next input field of the auto-tab set should be displayed. (preferably through CSS).
* When the user types a backspace delete and is at the start of the second or following input field, the cursor should be auto tabbed backwards to the previous field. (In the first field, the cursor should not move.) The last character of the previous field should also be removed.
* Similar functionality should hold for the left arrow key.
* The right arrow key should be available to move through the text that has already been typed. It should automatically advance to the next field unless the current field does not have the required number of characters.
* Optionally the tab key could be disabled for all but the first and last input fields. However the following behaviors must also be implemented.
* Power user scenario: When a user types in the first field and is autotabbed to the second, they may not be watching the screen and may hit the tab key expecting a ‘dumb’ input field set. Instead of forwarding the cursor to the third field the cursor should remain in the second field.
* Multiple tab scenario: If, however, a user types tab multiple times in a number equal to the number of fields remaining in the auto-tab set, the cursor should be advanced to the next form input following the auto-tab set.
* Final field tab scenario: If the user types tab when the cursor is in the last field of an auto-tab set, the cursor should be advanced to the form element following the auto-tab set.
Some of these behaviors may change if the auto-tab set already has existing data in it. The circumstances and the resulting behavior will vary depending on the context of the auto-tab set.
Again, the intension here is to treat the autotab set as if it were a single input field and to not interfere with power users’ understanding of what to type when they are not looking at the screen.
And finally, if these behaviors are to be implemented, they must be implemented for all forms that can use it and the visual indication of the auto-tab input set must remain consistent throughout the site.
If you or a project you have worked on has implemented these behaviors, please let me know so that this can be shared with others. I would love to see a .js file that can be called to generate the auto-tab set’s behaviors simply by IDing, CLASSing or NAMEing the individual field of the auto-tab set.
Read the rest of this entry »
Permalink
05.14.05
Posted in General
at 2 pm
From Meet the World: Flags as graphs
Icaro Doria is Brazilian, 25 and has been working for the magazine Grande Reportagem, in Lisbon, Portugal, for the last 3 years. He was the author of the flags campaign “Meet the World” that has been circulating the earth in chain letters via e-mail…
Seriously you’ve *got* to see this. I particular the last flag is terrific.
Permalink
05.08.05
Posted in General
at 11 am
If you’ve wanted to see a Segway demo in person with the chance to try one yourself, come on down to the Oregon Electric Vehicles Association meeting this Thursday at 7pm. It’s downtown at Portland World Trade Center, 121 SW Salmon St.
It’ll be a blast!
Permalink
05.06.05
Posted in General
at 8 am
No, not ET, the Extra Teresterial, Edward Tufte previews a section of his new book…
Here is a much-revised and extended draft of the sparkline chapter for Beautiful Evidence (2005).
I just hope that one day he (or his staff) beings to learn how to apply these print thoughts to the nuances of the web. The site design of edwardtufte.com has always been sadly lacking.
Permalink
