Det er de små ting, der forbedrer en brugeroplevelse!

I dag var min første dag i min nye stilling som teknologidirektør for et ungt marketing- og e-handelssoftwarefirma her i Indianapolis, kaldet Patronsti. Da jeg gennemgik vores software i dag og hjalp til med en ny integration, blev jeg opmuntret af applikationens sofistikering. Vores applikation integrerer online bestilling med flere POS systemer.

I’m looking forward to working with our development teams to bring our User Interface fully customizable utilizing CSS og måske nogle AJAX. The great news is that these are largely cosmetic changes that will not require gutting and rebuilding the application. Largely, I believe the application can be improved in two ways, first is the ability to customize the client’s interaction and the second is to implement some basic ‘little things’.

As I was working in Paypal last night, I found just a ‘little thing’. When you mouseover specific links in the Paypal interface, a nice fade-in tooltip appears and fades out when you mouseout off of it. Here’s a screenshot:

Mouseover på Paypal

Ofte når jeg bemærker disse teknikker, graver jeg lidt for at finde ud af mere. I dette tilfælde fandt jeg ud af, at Paypal simpelthen bruger Yahoo! Brugergrænsefladesbibliotek at bygge værktøjstip. Endnu bedre, de viser simpelthen beskederingen af ​​den aktuelle titel i (a) nchor-tagget. Dette betyder, at siden blev udviklet normalt, men da klassen blev tilføjet, tog JavaScript sig af resten.

It’s little accents like this on software that really make it a better user experience. Perhaps more impressive is that the developers at Paypal didn’t bother to ‘reinvent the wheel’, they found a good library and implemented it.

I’ll be looking for these and other techniques in upcoming months to improve the user experience of our applications.

2 Kommentarer

  1. 1

    Hej Douglas

    WOW, jeg havde ingen idé om, at Yahoos UI-bibliotek var open source og på Sourceforge ... det er endnu et nyt legetøj, jeg skal lege med. 🙂

    Hvad jeg troede var en rigtig sej tilføjelse brugeroplevelse for nylig var, da jeg skiftede over den nye Yahoo Webmail Beta og blev behandlet med en meget flot visuel tutorial med værktøjstip justeret med hvert relateret emne.

    Jeg ved ikke, om denne kodning er en del af YUI-biblioteket, men hvis det er, kan det være en god ting at tilføje til din e-handelsapp.

    Skål

    Nick 🙂

    • 2

      Yahoo har en enorm samling af UI-komponenter, Nick. Sørg for at tjekke deres gitterkontroller. Simpelthen fantastisk. Og når du læser deres dokumentation og licensaftaler - alt er der for at tage, så længe du ikke leder efter support.

      Jeg er dog ingen advokat, men du vil muligvis dobbelt tjekke!

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.