Journal

Written at 20:25, on Friday 21 March 2008. Tags: c-md .

Thesis abstract image

An average human being is capable of keeping approximately 6 items in his short-term memory. Then why do we still think it’s natural that websites present us dozens, or even hundreds, of links to navigate through them?

According to Jakob Nielsen, navigation on the web is often overdone: there are too many links on a page. His research shows that users ignore navigation area’s and dive straight into the content area. Despite the growing importance of disciplines such as information architecture and usability research, or the use of design patterns and content management systems in the website development process, navigation is still fundamentally based on clicking links in lists. Let’s not forget that the Web as medium is still very young: “I think the Internet is still on Day One… You can’t predict some of the really big changes. Who would have said that the development of the automobile would have led to suburbia?” (Jeff Bezos, Amazon CEO). So there is still plenty of opportunity for experiments with new interfaces to make information accessible. That is also the purpose of this thesis. Through a design research, this thesis will focus on exploring different concepts of website navigation.

Written at 17:56, on Monday 3 March 2008. Tags: personal website .

My website anno 2008

As the World Wide Web continues to evolve, people use it for increasingly personal and social purposes. The current social networking sites are quickly gaining critical mass, moving the adoption curve forward from an early majority to the late majority. In the Netherlands, Internet usage in is still rising, and the skills of surfers continue to improve. According to the Dutch bureau of statistics CBS, more than 2 million people have designed a webpage.
As we put more of ourselves online, our identity expressions become more and more shattered throughout the web. Facebook, Flickr, Last.fm and Hyves all represent a small piece of me and my online identity. Bringing these all together will take a couple of years, although with developments like OpenSocial, OpenAuth and OpenID the first building blocks are in the pipelines.

Anyway, the whole reason of this introduction is that I’ve made a small step in consolidating my Web presence – I have now merged my portfolio into my blog. I really liked the design of my portfolio so I tried to keep as many aspects of it as possible, and only made small tweaks as necessary (although there are many of them…). There are some big improvements to the design though, mostly fixing mistakes from my last redesign.

Written at 11:23, on Tuesday 8 January 2008. Tags: c-md .

Did you know that people are happiest in Hawaii and saddest in Singapore? And that people feel most sexy in Las Vegas? We Feel Fine is an art experiment that has collected allmost 10 million feelings from 2 million people around the world and has built a unique interface to dive into this data. The project of internet artist Jonathon Harris and Googler Sepandar Kamvar has been harvesting the expressions of human feelings from a large number of weblogs. The system searches occurences of the phrases “I feel” and “I am feeling”, and stores these in a database. It also extracts additional metadata, such as age, gender, geographical location and even weather conditions.

We Feel Fine

Written at 18:35, on Wednesday 7 November 2007. Tags: c-md webdesign .

37signals state that they don’t use personas because:

“We use ourselves. I believe personas lead to a false sense of understanding at the deepest, most critical levels.”

Personas are poor substitutes for real people, they argue, and you should always base your decisions on the problems and behaviour of real people instead of passive abstractions of people. This reasoning fits perfectly with their “getting real” process, which argues for a very agile development process.

Written at 14:29, on Wednesday 19 September 2007. Tags: drupal usability webdesign .

Open Source WYSIWYG editing in CMS still sucks, but with developments like the WYMeditor (“What You Mean” editor, built on jQuery) the situations is improving steadily. This editor lets content writers focus on the structure of their document instead of visual layout. As you can see, this editor provides subtle clues about the type of content you’re currently editing with a clever stylesheet. Unfortunately, the WYMeditor is still in early beta, and Drupal’s module lags a couple of versions behind.

WYMEditor in its default configuration

Written at 13:15, on Wednesday 19 September 2007. Tags: drupal portfolio webdesign .

LUX Homepage

Lux is one of the biggest Art houses in the Netherlands. It’s a home for international cinema, theater, music, debate, multimedia and visual culture. Their old website was based on ancient code (frames!) and design and was manageable by just one person. For their new website, Lux decided to go with Drupal instead and brought in the help of Webschuur, Guruburu and myself. Under visual direction of design and communication agency Wunderbar, I translated their Photoshop mockups to the Drupal theme you currently see.

Written at 17:28, on Friday 14 September 2007. Tags: drupal .

I recently created several PHP blocks for a Drupal website that made heavy use of the image module and the image_attach module. While the block creation wasn’t very difficult, it was still a process that took me a long night of researching api.drupal.org and fiddling with SQL queries. (It was a great exercise though, since I hadn’t practiced my PHP/MySQL skills since I followed a basic course at C-MD last spring. It’s amazing how much you forget if you don’t keep practicing… )

Written at 17:45, on Tuesday 11 September 2007. Tags: webdesign .

Despite the extra required <div> tags, I regularly use the Yahoo! UI grids framework. This provides several advantages when buidling multi-column layouts with CSS. Besides speedy development and source-order independence, it gives you a lot of flexibility when creating your site. More practically, it's extensively tested in A-grade browsers which includes the ancient, but still widely used Internet Explorer 6). Lastly, they're almost completely driven by classes, which means you can add your own, semantically chosen, id's.

The default widths provided can be used for pixel-precise layouts while maintaining font-size based scaling, but there's one curious thing about the default grids that has always bothered me. For the left sidebar, they provide widths of 160px, 180px and 300px, while for the right sidebar, they provide 180px, 240px and 300px. This asymmetry has bothered me long enough, so I whipped up some code for two additional sidebar configurations: the left 240px sidebar, and the right 160px sidebar.

Written at 11:24, on Thursday 23 August 2007. Tags: drupal portfolio webdesign .

Edupaper is an innovative company with a green goal: it intends to reduce paper use in education by implementing mobile applications. Using electronic paper will reduce the number of books students need to carry, and in effect reduce the number of trees which have to be cut for books that students. Furthermore, by equipping and connecting them with Open Source Software such as Dokeos, it will enable students to learn more efficiently. Of course, when Frits Hoff, CEO of Edupaper, approached me for designing his website, I gladly accepted.

Screenshot of the new Edupaper.nl design

Written at 10:32, on Wednesday 4 July 2007. Tags: c-md .

My pre-master year at C-MD was succesfully concluded on the 25th of june with a presentation of my thesis proposal. My ideas have shifted quite a bit and my proposal evolved with it.

Initially, I wanted to explore the possibilities of Web 2.0 for police research, by building on the police’s initial steps on the web with politieonderzoeken.nl. However, this was too narrow, although I worked out some ideas in a study course on creative design. Brainstorming more about using the web for crime solving gave me the idea of a murder game, and with this idea in mind I found World Without Oil a great inspiration. This concept had all the ingredients: a mix of reality and fiction, community building, collective intelligence, user-generated content and cross-media story telling.

Comments closed (1 total) |

From the portfolio

  • Nightflight pics & flicks

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

js-hotkeys

For making your web-app keyboard-friendly: "jQuery.Hotkeys plugin lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination. It takes one line of code to bind/unbind a hot key combination."

Add comment | Visit site …

URL Rewriting for Beginners

Easy to follow tutorial, very handy as a reference for understanding those cheatsheets.

Add comment | Visit site …

ShiftSpace

A meta-web: "ShiftSpace (pronounced: §) is an open source browser plugin for collaboratively annotating, editing and shifting the web. ShiftSpace is an open source layer above any website. It seeks to expand the creative possibilities currently provided through the web."

Add comment | Visit site …

Lifestream - Redesign history and bookmarking

Interesting approach to redesign browser history navigation, showing some simple mockups and a video prototype of very visual, integrated approach that includes weather and location details.

Add comment | Visit site …

Times New Omen

"A short while back, the folks at Adaptive Path invited me and the gang at Unit to contribute to a cool project they had in the works for Mozilla Labs. Our part would be to design how The New York Times sports page would look a few years into the future." Interesting perspective on the role of newspapers in the future vision represented by Aurora.

Add comment | Visit site …

Aaurora concept video

Very cool: "Aurora is a concept video presenting one possible future user experience for the Web, created by Adaptive Path as part of the Mozilla Labs concept browser series. Aurora explores new ways people could interact with the Web in the future based on projected technological trends and real-world scenarios."

Add comment | Visit site …

Ubiquitous Interfaces, Ubiquitous Functionality at Toolness

A graphical keyboard user interface integrated in Firefox. An interesting look at a possible direction for browser development, heavily inspired by Humanized's Enso and Jeff Raskins concept of integrated applications.

Add comment | Visit site …

Greasepocket: Bridging the Browser to the Client

Very cool: "Greasepocket is a version of Greasemonkey for the iPhone. Just like Greasemonkey userscripts can be installed via the web. These scripts can access the accelerometer and location APIs (perhaps more). Greasepocket has the potential to shift some of the balance back to the web."
Now let's wait and see if Apple will approve this app if it comes out.

Add comment | Visit site …

25 Examples of Creative Navigation

A nice list, but you have to realise these examples aren't very creative in terms of functionality or interaction, rather in terms of graphic design.

Add comment | Visit site …

How To Implement sIFR3 Into Your Website

Nice step-by-step tutorial that demonstrates where to download sIFR3 and how to install it onto your website or in this case, a WordPress theme.

Add comment | (6 comments) Visit site …

Subscribe

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