“If you think things can’t get worse it’s probably only because you lack sufficient imagination.”

Usability Stories

Online Reading

Ignore the competition
- http://headrush.typepad.com/creating_passionate_users/2006/07/avoiding_the_fe.html

Featuritis vs. the Happy User Peak
- http://headrush.typepad.com/creating_passionate_users/2005/06/featuritis_vs_t.html

Five Tips for Creating Products With Kick-Butt Design
- http://michael.hightechproductmanagement.com/2006/11/five_tips_for_creating_product.html

Getting Real
- http://gettingreal.37signals.com/toc.php

Illustrated Chronicles of the Portal Plague
- http://blogoscoped.com/archive/2003_08_01_index.html#105972638893532086

Top-10 Application-Design Mistakes
- http://www.useit.com/alertbox/application-mistakes.html

Users don’t read anything
- http://www.joelonsoftware.com/uibook/chapters/fog0000000062.html

Best-to-market trumps first-to-market

Best-to-market trumps first-to-market, offering as examples:

- an ergonomic peeler versus a dinky metal peeler
- some clunky MP3 player versus the iPod
- AltaVista? versus Google

Business people accept the need for design, but don’t understand its importance. Best-to-market only happens through craftsmanship.

It’s all about quality, it’s all about getting it right, not to get it fast. It’s measured by quality, not speed. Business people often rush to market with crap, and when it fails, they walk away saying, “Well there wasn’t a market for that.”

(Alan Cooper, Interaction08 Friday Keynote)

Error Messages

“Give always an explanatory error message and provide a solution to the error that is rising the error message.”

Giving users meaningful error messages is very important but, maybe, even more important to improve the user experience is to provide a solution to the error that is rising the error message.

It is very frustrating for users to get error messages and no way to solve the problem. Give always an explanatory error message and include in your design an obvious way to keep on with the process.

http://www.designvsart.com/blog/2008/01/18/better-user-experience-with-meaningful-errors-messages/

Layout Guidelines

“Grouping with White Space is very effective”

White space is an especially useful grouping element when you are dealing with small groups of controls.

Mac OS X Human Interface Guidelines

Visual Noise

http://www.pushing-pixels.org/?p=235

WEB GUI

http://www.useit.com/alertbox/application-mistakes.html

Basic GUI widgets, command links and buttons, radio buttons and checkboxes, scrollbars, close boxes, and so on. If you change the appearance or behavior of these units, it’s like suddenly injecting foreign words into a natural-language communication. Doing so will confuse readers.

having something that looks like a GUI control when it isn’t one ? can reduce usability even more. We often see text and headlines that look like links (by being colored or underlined, for example) but aren’t clickable.

One of the most basic guidelines for improving a dialog’s usability is to provide feedback. Show users the system’s current state, how their commands have been interpreted and tell users what’s happening. Sites that keep quiet leave users guessing. Often, they guess wrong.

It’s almost always wrong to have a Reset button on a Web form. The reset button clears the user’s entire input and returns the form to its pristine state. Making it easy for users to destroy their work in a single click violates one of the most basic usability principles, which is to respect and protect the user’s work at almost any cost. (That’s why you need confirmation dialogs for the most destructive actions.)

OK-Cancel or Cancel-OK?

Should the OK button come before or after the Cancel button?

it’s best to follow the platform GUI standard. Applying consistent design that follows user expectations saves people much more time (and many more mistakes) than doing something that might be a tiny bit more optimal for your application, but introduces an inconsistency.

Windows: OK – Cancel
Apple: Cancel – OK
Gnome: Cancel – OK
KDE: OK – Cancel

Mac OS X

The most obvious way that an app looks “un Mac like” is the menus. Many apps from PC leave the menus in the window instead of moving them up to the menu bar – this is a dead giveaway.

Use native Mac fonts for column headings and such in your windows. PC apps use Dialog font for many purposes. This font doesn’t exist on most macs, and the font manager substitutes something that really looks cheesy. Popular Mac fonts are Helvetica, Times, Times New Roman, and Monaco for fixed width.

In dialogs, make your text fields selectable, so the text can be copied and pasted.

There are many more, but these are the things that I notice the most.

Portfolio

Scharphof Campers NijverdalInformatieve website gecombineerd met het actuele tweedehands camper aanbod.

De website bestaat uit een Content Management Systeem (CMS) gecombineerd met een backend web applicatie voor het beheer van het actuele camperaanbod. Voor de implementatie is gebruik gemaakt van Java EE 6, icm Hibernate en Struts 2. Als applicatieserver draait Sun/Oracle Glassfish v3.

www.scharphofcampers.nl

Arentsen schilderwerken LochemEenvoudige en overzichtelijke website van het schilders bedrijf. De beheerder van de website kan zelf met het Content Management Systeem (CMS) de inhoud van de website aanpassen.

www.arentsenschilderwerken.nl

Voetbalvereniging SVVN NijverdalWebsite van voetbalvereniging SVVN te Nijverdal. De webmasters van de verenigings website kunnen zelf met het Content Management Systeem (CMS) de inhoud van de website aanpassen.

www.svvn.nl

Manenschijn Reklame NijverdalWebsite van Manenschijn Reklame te Nijverdal. De beheerder van de website kan zelf met het Content Management Systeem (CMS) de inhoud van de website aanpassen.

www.manenschijnreklame.nl

Inmiddels offline of veranderd

Bloemendal Assurantiën Den HamWebsite van Bloemendal Assurantiën te Den Ham. De beheerder van de website kan zelf met het Content Management Systeem (CMS) de inhoud van de website aanpassen.

www.bloemendal.nu

Taxi bedrijf Arnhem GiesbeekEenvoudige en overzichtelijke website van het taxi bedrijf, waarin de beheerder van de website zelf met het Content Management Systeem (CMS) de inhoud kan aanpassen.

Bloemendal Makelaardij Den HamInformatieve website gecombineerd met het actuele woningaanbod.

De website bestaat uit een Content Management Systeem (CMS) gecombineerd met een backend applicatie (Domeo) voor het beheer van het actuele aanbod. Voor de implementatie van de backend is gebruik gemaakt van Java EE 5, icm Apache SQLMaps en Struts 2. Als applicatieserver draait JBoss 4.2.

Kapsalon Leonie NijverdalEenvoudige en overzichtelijke website over de kapsalon. De beheerder van de website kan zelf met het Content Management Systeem (CMS) de inhoud van de website aanpassen.
Machielsen Bouwservice NijverdalEenvoudige en overzichtelijke website over het bedrijf. De beheerder van de website kan zelf met het Content Management Systeem (CMS) de inhoud van de website aanpassen.

Technische (onderzoeks) documenten

Een aantal documenten die ik (en soms samen met anderen) voor een project geschreven heb. Dit is inmiddels gedateerde info, geschreven in de periode 2002 – 2004.

Middleware_RMI-IIOP.pdf

Middleware_RMI-IIOP. RMI (Remote Method Invocation) is een all-Java concept om objecten die gedistribueerd zijn over verschillende (Java virtuele) machines met elkaar te laten communiceren. Ontwerp een remote interface volgens welke een client applicatie kan communiceren met de [S]Aktiehuis server. De server biedt de prijslijst aan in de vorm van een Properties object.

Middleware_SOAP.pdf

Middleware_SOAP. Een web service kan gedefinieerd worden als een applicatie component die toegankelijk is via standaard web protocollen. Remote clients en applicaties maken gebruik van de services middels een eenvoudig XML-gebaseerd protocol: SOAP (Simple Object Access Protocol).

Middleware_J2EE.pdf

Middleware_J2EE. Ontwerp en implementeer voor ons [S]Aktiehuis warenhuis 3 CMP (Container Managed Persistency) beans: Product, Klant en Bestelling. Maak gebruik van N:M relaties en CMR (Container Managed Relationship) fields.

Middleware_loadbalancer.pdf

Middleware_loadbalancer. Onderzoek m.b.v. het internet welke typen loadbalancers er zijn en wat de belangrijkste kenmerken ervan zijn. Onderzoek de verschillende soorten algoritmes voor balancing en de situaties waarin die gebruikt worden.

Onderzoek_Fileupload.pdf

Onderzoek_Fileupload. HTTP Post / SOAP Attachments. Onderzoek welke techniek het beste gebruikt kan worden om bestanden vanaf een client naar een server te uploaden.

OnderzoekMail.pdf

OnderzoekMail. MIME E-mail, onderzoek hoe e-mail met opmaak te versturen met afbeeldingen ingebed.

OnderzoekFramewerk.pdf

OnderzoekFramewerk. MVC implementatie raamwerken. Onderzoek van en vergelijking tussen drie verschillende MVC implementaties voor het web, te weten. Struts, Maverick en WebWork.

OnderzoekTemplating.pdf

OnderzoekTemplating. Onderzoek hoe templating voor het web toegepast kan worden.