UX Journal

In chronological order

Screen-shot-2010-06-16-at-15.47.57

Channel 4 Online Styleguide

I’ve been working on fine tuning the Channel 4 online styleguide. The idea, is help ourselves to keep track of our online identity in all the small details that make up a website.

4od-links-to-button

4oD links into buttons

My aim was to make the 4oD links look like buttons (and therefore an visible action for the user), while reducing the amount of 4oD logos around the site.

You’ll notice the close promixity between the close button and the plus.

Firefox close & new tab buttons

It’s great when my mum uses the laptop as she is a non-stavy internet/computer person. So she clearly highlights some poor design decisions on the web and within applications. Someone like my mother wasn’t able to tell the difference and kept pressing the new tab button. As a consequence, was opening tab after tab. It [...]

Hierarchical-linkage

Hierarchical linkage

Hierarchical linkage takes into account the position and importance of surrounding content.

clockwise-priority-linkage

Clockwise priority linkage

Clockwise priority linkage takes into account the way a user will scan a piece of information – links are turned on (changed to the link colour) and placed accordingly.

img_2351

Pure CSS Buttons

This is simple and effective way to have buttons that scale (width-wise) without any weird browser-specific CSS (apart from IE6/7) or JavaScript implementations. Just using pure CSS goodness.

can-and-should-way

The can and should way of resolving problems (HCI – Part 2)

Its our task as the designer to find the middle ground; making sure we think ahead for the user, trying to find every possibility of how to easily resolve problems, as well as the future mutation of that problem.

interaction

What is Human Computer Interaction? (HCI – Part 1)

What do we classify as Human Computer Interaction (HCI)? And how will understanding this topic make us better designers? Just some of the questions I hope to answer…

img_1754

Icons in forms

Icons that should be used in forms to let the user know the outcome.

Categories