webcreme is cool

Webcreme is an index of well designed web pages going back to 2005. So far it contains 300 pages choc-full of great designs. For extra fun you can sort them by color. Large screen shots show you what to expect at each link, which is much more helpful than the usual page full of bookmarks. Webcreme itself is well designed and simple to use.

Some Cool Free Fonts

Usually if you run across "free fonts" on the web, what you probably have found is a web site full of bad, old, quasi-legit truetype fonts. Pop-ups will abound. License agreements will say "for non-commercial use only."

Brian Kent is a type designer that has done something really great. He has made well over 100 fonts, and put them online for free at Aenigmafonts... most of them are good, and some are fantastic. Further, he goes out of his way to say you can use them however you like, which is extra cool if you want to use them for something like a CD cover. Right now I'm really digging Dynamic.

Notes from Luke Wroblewski

"Usually the main navigation system is your site's organization progressively revealed in visual form. I say progressively, because each level of information in our schematics most often translates to one set of navigation menu options. And while the first level of navigation should show up on every page in our site, putting the entire organazation on each page is likely to add lots of clutter and just confuse our audience. As a result, we frequently reveal each level of organization only when a user selects its "parent" category."

Page 48-49. - Site-Seeing A visual Approach To Web Usability by Luke Wroblewski

"Your audience will be confident that they can get through your site if they know they can count on a set of consistent links to be there when they need them... Retaining consistency within a navigation system means keeping the location, order, amount, and relative visual characteristics the same throughout the site. A continually moving navigation system with disappearing options is a surefire way to diminish user confidence."

Page 50. - Site-Seeing A visual Approach To Web Usability by Luke Wroblewski

How to include a Blog on you web page.

It seems like a simple enough task, but adding copy from a blog into a static web page proved to be more complicated than I originally thought. Mr. Wiggins was kind enough to tip me off to Magpie, but my irrational fear of PHP kept me looking. My new found love, jQuery lead me to jFeed but I wasn't able to get my FeedBurner feeds to work in Firefox under OS X. I finally found my answer in a blog on Vandelaydesign.com. The short version is FeedBurner its self has an application called BuzzBoost under the publicize tab. Activate it, configure it, and it creates a small chunk of JavaScript to paste into your page. Hopefully when Google crawls my homepage it will index my sourced in posts. Read the original if you need the nitty gritty.

Notes on Memory I'd like to Remember.

My edition of The Essential Guide to User Interface Design is from the 1990's, but it is still a fantastic book. A new edition is out, if you are interested.

"Memory is not one of the most developed of human attributes. Short-term memory is highly susceptible to the interference of such distracting tasks as thinking, reciting, or listening, which are constantly erasing and overwriting it. Remembering a telephone number long enough to complete the dialing operation taxes the memory of many people. The short-term memory limit is generally viewed as 7 +/- 2 "Chunks" of information (Miller, 1956), and knowledge, experience, and familiarity govern the size and complexity of chunks that can be recalled. To illustrate, most native English-speaking people would find recalling seven English words much easier than recalling seven Russian words... The human active vocabulary (words that can be recalled) typically ranges between 2,000 and 3,000 words. Our power of recognition is much greater than our power of recall, and this phenomenon should be utilized in design."

Page 58-59. -The Essential Guide to User Interface Design by Wilbert O. Galitz

Who Knew, Eh?

"Most computer-aided design and computer graphics systems use bezier curves based on formulas developed by French automotive engineer Pierre Bezier. While working for Renault in 1972, he developed the mathematical representation used to describe curves in order to facilitate the design of Car bodies using computers."

Page 22. - Practical Web Design, Feb. 2006, Issue #24

More Wisdom from Wilbert O. Galitz

More good stuff from old notes.

"Symbols have been found to be recognized faster and more accurately than text (Ellis & Dewar, 1979). The graphical attributes of icons such as shape and color are very useful for quickly classifying objects, elements, or text by some common property (Gittens, 1986). An example of a good classification scheme that speeds up recognition are the icons developed for indicating the kind of message being presented to the user of the system. The text of an informational message is preceded by an "i" in a circle, a warning message by an exclamation point, and a critical message by another unique symbol. These icons allow speedy recognition of the type of message being presented."

Page 15. -The Essential Guide to User Interface Design by Wilbert O. Galitz

"visualization is a cognitive process that allows people to understand information that is difficult to perceive, because it is either too voluminous or too abstract. It involves changing an entity's representation to reveal gradually the structure and/or function of the underlying system or process. Visualization is facilitated by presenting specialized graphic portrayals. The best visualization method for an activity depends on what people are trying to learn from the data. The goal is not necessarily to reproduce a realistic graphical image, but one that conveys the most relevant information. Effective visualizations can facilitate mental insights, increase productivity, and foster faster and more accurate use of data."

Page 24. -The Essential Guide to User Interface Design by Wilbert O. Galitz