Interaction Design

Interaction Design - Interactie Ontwerp

Josephine Green op The web and beyond 2010. #twab

De Nederlandse afdeling van de CHI (Computer tot Human Interaction) organiseerde gisteren "The Web and Beyond 2010"

Josephine Green- lange tijd werkzaam als ‘Senior Director of Trends and Strategy’ bij Philips Design en sinds eind vorig jaar zelfstandig consultant -  sloot de dag af met een indringend verhaal. Ze ging in op de omslag waar we voor staan. Het technologische tijdperk gaat plaatsmaken voor het socio-ecologische tijdperk. 

Interaction Design - Interactie Ontwerp

Een datum consequent weergeven op een website kan soms heerlijke hoofdbrekens kosten. Hoe noteer je een datum? Maak je verschil tussen een verhalende datum en een administratieve vermelding van een datum? welk format kies je? en hoe verzamel je een datum in een formulier?

Interaction Design - Interactie Ontwerp

Gebruikerswaardering: / 1
LaagsteHoogste 

Twitter, voor wie het nog niet snapt: is een digitaal netwerk waar je met je "volgers" dingen deelt. Teksten, of linkjes naar teksten, foto's en filmpjes

Tijdens een training van dialoogtrainers.nl werd al geopperd dat de nieuwe trend twitter (mpfhh..) op twitter is, om "dingen te vragen" als je iets niet weet. Volgens de cursusleider doe je dat door lid te worden van de groep #durftevragen. Nou, ik help je even uit de brand, want #durftevragen is geen groep om lid van te worden, maar een hashtag (#).

Interaction Design - Interaction Designs

Het vergoedingenoverzicht van Agis op www.agisweb.nl biedt antwoord op onder andere de vragen:

•  Hoe wordt fysiotherapie vergoed in mijn polis? (op zoek naar vergoedingen bij Agis)
•  Ik wil zorgverzekeringen van Agis vergelijken op dekking (op zoek naar een nieuwe zorgverzekering)

Er was alleen een probleem: de extern ontwikkelde flash applicatie werd niet door iedereen gesnapt, bleek uit gebruikerstesten... en de bestaande flashapplicatie kan niet 123 worden aangepast. En daar komt de interactieontwerper om de hoek...

Interaction Design - Interactie Ontwerp

Wat ben ik blij dat ik niet in Amerika woon. Wat ben ik blij dat ik niet voor een Amerikaanse zorgverzekeraar werk. Er valt natuurlijk nog best wel wat te verbeteren aan de websites van grote jongens als www.cigna.com/, www.kaiserpermanente.org/of www.aetna.com. Maar na het weekeinde -waarin ik keek naar de film Sicko van Michal Moore- ben ik weer helemaal blij met Nederland.... Michael Moore legt aan de hand van schrijnende misstanden uit dat het Amerikaanse verzekeringstelsel is doorgeslagen. Niet alleen veel onverzekerden, maar ook brute praktijken van verzekeraars. Blij dat Achmea / Agis tot doelstelling heeft om vertrouwen te creëren dat als er iets met je mis is, je ook snel je behandeling / je geld krijgt.

Interaction Design - Interactie Ontwerp

Op Frankwatching betoogt Jacqueline Fackeldey van fackeldeyfinds.nl dat de homepage zijn beste tijd heeft gehad. Uiteraard is de tijd voorbij dat mensen naar een site toekwamen voor nieuws, achtergronden, trends, updates etc. Daar heb je inderdaad tools en services voor. Wat moet je als ontwerper dan met een homepage?

Landingspagina

In mijn ogen is de homepage niets anders dan een landingspagina. Waar veel landingspagina's slechts één doel hebben en afleiding minimaliseren, bestaat de homepage volgens mijn vooral voor twee processen:

Interaction Design - Interactie Ontwerp

Naast mijn werk als interaction designer denk ik ook regelmatig mee over e-mailmarketing. Voor Pro Life zorgverzekeringen, het christelijke label van Agis Zorgverzekeringen waren collega @wouterkroon en ik op zoek naar het optimaliseren van de uitgaande e-mails. Naast een toegankelijk tremplate, met uiteraard alle best practices op een rij wou ik jullie één trucje niet onthouden.

Tijdens een presentatie voor collega marketeers doorliepen we de best practices:

Interaction Design - Interactie Ontwerp

De interactie tussen een formulier-invoerder en de machine kan je stroomlijnen met kleur. Door eenduidig te communiceren met concequente kleuren wordt de invoerder aan de hand genomen en door de moelijke invoer geloosd.

Eén van de facetten van een formulier zijn de notificaties: een foutmelding, een bevestiging of een informerenede "let-op"-tekst.

"Fouten en rood", "bevestiging en groen", en "informeren en licht-geel" zijn logische keuzes. Grote voorbeelden zoals Google, Yahoo en Wordpress zie je dat ook doen.

• Rood: universele kleur om even te stoppen, er is namelijk gevaar....: een foutmelding dus.
• Groen: "Ja, dan mag je doorgaan". Je bestand is dan bijvoorbeeld met succes verzonden.
• Lichtgeel is een arceerkleur. Het trekt de aandacht even naar zich toe. "Niet om t een of ander, maar let hier even op. Ik help je er alleen maar mee. "

Door met lichtere kleuren te werken dan de verzadigde signaalkleuren kan je toch nog je normale typografie gebruiken. De basiskleur waar de lichte variant van is afgeleid kan dan prima als rand rondom de notificatie extra attentie geven aan de kleur.

Interaction Design - Interactie Ontwerp

Contentrijke websites hebben een probleem: Veel content... Tegelijk is dat uiteraard dé kracht van een website... content = King!

Hoofdnavigatie is vaak wel iets waar je met elkaar uitkomt... Subnavigatie is echter lastiger: hoeveel niveau's? horizontaal of verticaal weergegeven? uitklappen na een klik, op bij muis-over?

In een kleine presentatie ben ik op zoek gegaan naar welke trends er zijn op dit gebied bij een aantal toonaangevende websites.

Interaction Design - Interactie Ontwerp

Book Marker

Google

Facebook

Twitter

Linkedin

Digg

del.icio.us

Technorati

Rain Concert