Design and usability updates

Written at 17:19, on Wednesday 2 November 2005. Tags: personal usability webdesign .

Just wanted to say all those all two of you feedreaders that I’ve restyled my site a bit. I created it with Halloween in mind, but of course I managed to be a day late with this launch. I’ve achieved the worn look thanks to a set of brushes (via).

My blog anno 2005

Also check out my new contact form, which is now more or less unobtrusively enhanced with asynchronous javascript (aka AJAX). Thanks go to Dustin Diaz for sharing his ajax contact form after much begging and threatening. There are some improvements to be made to make it fully accessible and unobtrusive, for example, it doesn’t handle errors with PHP now, and there’s some hidden text in the contact form which is read by screen readers. But still great work for a 0.9 version!

Another usability improvement is the live previews for comments. I also ditched the obligatory preview button which forced you through a reload of the page. Now you can see exactly how your comment will look like at the bottom of the textarea. It even works with (simple) Textile markup; try adding a link or make something bold. Of course, it sucks that there’s so little space below the comment are for the live preview, but I’ll be tackling that in a next redesign. (Although I agree with Furak and Hayo that realign is a buzzword .)

Finally, I’ve taken lesson from Jonathan Boutelle and made my journal more useful (hopefully) thanks to his concept of a Mullet-style blog layout According to my referrals, there are plenty of you entering here via Google, so this should help those visitors to more easily find their way through this site.

Assuming that you’re not one of my two regular readers (one is myself), what do you think of these changes?

(And yes, more useful posts, including a book review and some info on our accessibility research, are upcoming. Stay tuned!)

Update – if not for Halloween, then surely I could have put my restyle forth as part of the CSS Reboot Fall 2005. Oh well….

Comments closed (1 total) |

1 Comment so far

Love your design and usability updates. Nvm the buzzwords… hihi… ;-) ye know what I mean. Might have to ‘borrow’ some of that coding of ya. E

From the portfolio

  • Spereco product page

About this website

My name is Jeroen Coumans, I'm a freelance web designer, front-end developer and Drupal ninja from the Netherlands. I love to create beautiful, usable and accessible websites. On this website, you can find my portfolio as well as my personal weblog. Interested in hiring me? I'd love to hear from you.

After completing my BA in Arts and Culture I'm now doing a MA in Communication and Multimedia Design. More …

Elsewhere

Designing with data

This article echoes my current thinking on design: "So, IDP (Information Design Prioritisation). Take the elements that are required on a page then decide what takes priority and score the different elements depending on how essential they really are to the user experience. If you’re redesigning a site and using the same information; use Analytics results to see where users are clicking the most and eye-tracking tests to decipher their routes and the hot spots on the page." It's too bad that this article provides the why, but doesn't provide the how.

Add comment | Visit site …

Neuromarketing troefkaart voor structuralisten

(dutch). Een alarmerende kijk op neuromarketing, een nieuwe manier om reclame te maken door transparante beeldmerken met de video te vermengen.

Add comment | Visit site …

Drupal.org, Design Iterations, and Designing in the open

Some preliminary lessons on Design by Community, by lead designer Mark Boulton. Interestingly, the first prototypes were not at all what I expected (honestly, I thought they sucked), but by putting them out in the open as soon as possible, and watching trends in feedback, further iterations (especially the last one) are really good. Lets hope this can serve as an inspiration for further Open Source design methodology (and beat Wordpress in creating a kick-ass administrative interface through an open process).

Add comment | Visit site …

Webapp Death Match: Google vs. Apple

Nice comparison, which raises the obvious question: should web apps look, feel and behave like web sites (a la Gmail) or should they look, feel and behave like desktop apps (a la Mobile Me)? It's too bad that by looking at two extremes, the article can't reach the more obvious conclusion, which is: it depends (on the context, goals, users, brand etc).

Add comment | Visit site …

45 Beautiful 3D Typography Designs For Inspiration

Some examples really are beautiful

Add comment | (1 comments) Visit site …

Interpersonal Divide

"nterpersonal Divide, which won the Clifford G. Christians Award for research in media ethics, documents how long-standing theories—including ones by Marshall McLuhan—no longer hold in the wake of new media and technology. Rather than extending the human senses, as McLuhan believed, Bugeja documents how media and technology split consciousness and diminish the senses, placing users in virtual environments at odds with physical ones. " Via @nielshendriks.

Add comment | Visit site …

A Smarter MAMP

Combining Apache's Virtual Hosts and installing a DNS server to simplify website development.

Add comment | Visit site …

Google Analytics Releases Advanced Segmentation!!

A great post detailing how to make use of this: "Along the way I’ll share three different segments that you must have in your web analytics tool. Regardless of why your website exists or what tool you use, Google Analytics or an alternative. I’ll close with a approach you can use to get answers to your ad-hoc questions / queries faster, in mere minutes rather than days."

Add comment | Visit site …

More Enterprise-Class Features Added To Google Analytics

Still waiting to try them out, localized versions always lag behind.

Add comment | Visit site …

Putting Anti-Poverty Activists on the Map

"…we were able to leverage other work we’ve done with Mapnik and Drupal to quickly create maps that show off this global participation in an intuitive and eye-catching manner on StandAgainstPoverty.org for the United Nations Millennium Campaign."

Add comment | Visit site …

Subscribe

Or choose one of the single feeds:
Journal feed | Elsewhere feed