Als interaction designer krijg ik steeds vaker de vraag of ik ook prototypen wil ontwerpen voor de iPhone of andere mobiele telefoons. De afgelopen ben ik me gaan verdiepen in een simpele oplossing.
In dit artikel leg ik uit hoe een prototype gemaakt kan worden doormiddel van Html/jQuery/Css, zonder iets af te weten van de programmeertaal C++ die gebruikt wordt voor het programmeren van iPhone apps. Deze prototypes worden gebruikt om de interactie binnen de app te presenteren aan de klant.

Mijn manier bestaat uit twee stappen gevolgd met wat extra informatie.
- Ontwerp een interface design en hou rekening met een resolutie van 320 x 480 (iPhone)
- Zorg ervoor dat breedte van de pagina in je Html op 100% staat.

Stap 1: Slide je ontwerp naar een Html pagina.
Stap 2: Voeg het volgende stukje code toe aan de header van de pagina:

Wat doen deze meta tags?
Het toevoegen van deze tags zorgt ervoor dat de gebruiker niet meer kan inzoomen op de pagina en dat de Safari browser Full-screen zal worden geopend.
LET OP: Safari zal alleen full-screen opstarten wanneer de pagina zal worden opgeslagen als een Bookmark op het Homescreen.

Stap 3: Upload de pagina’s naar een FTP. Open de web-pagina’s op de iPhone met Safari. Klik op het plusteken en vervolgens op “zet op beginscherm”(zie onderstaande afbeelding). Vervolgens zal er een Bookmark geplaats worden op de Homescreen van de Iphone.

Open de app (bookmark) en de pagina het prototype zal fullscreen geladen worden.

JQuery en Ajax worden ondersteund in Safari op de Iphone, waardoor het ook mogelijk is om verschillende effecten na te bootsen die normaal gesproken gebruikt worden bij een App,

Veel succes met prototyping en testing

Als een sociaal netwerk eenmaal populair is, duiken er snel bedrijven op. Alhoewel achter ieder bedrijf ook mensen zitten, zijn bedrijven vaak niet in staat om op een natuurlijke manier met hun klanten te communiceren. Waarschijnlijk dat bedrijfregels, beleid en cultuur een normale communicatie in de weg staan. Resultaat: vaak gekunstelde, veelal gezonden informatie, waar de interactie met andere leden van net sociaal netwerk ver te zoeken is.

Toch gaan gelukkig steeds meer bedrijven snappen dat hoe natuurlijker de conversatie is, hoe makkelijker je praat met je medestanders op sociale netwerken. Op dit moment zie je dat steeds meer bedrijven hun bedrijfsnaam inruilen voor hun eigennaam en doormiddel van de personal branding hun bedrijf en activiteiten vertegenwoordigen.

De webwinkels van tegenwooridig maken steeds meer gebruik van web 2.0 tools om de omzet te verhogen. Steeds meer webwinkels maken gebruik van een achterliggend informatiebeheersysteem. Vaak in de vorm van een webbased CRM systeem direct gekoppeld aan een webwinkel. Dit CRM systeem traceert alle gegevens van een klant.

Zo wordt er getraceert waar de klant vandaan komt en hoelang een bezoek aan de website duurt. Een aantal systemen traceert zelfs hoevaak er binnen een pagina geklikt wordt. Deze gegevens vertellen al een hoop over de gebruiker van de website.

Wanneer een webwinkelier een aantal producten in een winkelwagen plaats maar niet afrekent kan men zich afvragen waarom de klant geen aankopen doet.
Is het systeem onduidelijk? Werkt het betalingsysteem niet? Of krijgt de gebruiker te weinig feedback over het gekozen product?.

Door gegevens te verzamelen over het gedrag van de gebruiker, kan men goed inspelen op de behoefte. Wanneer de gebruiker onvoldoende informatie over een product of dienst ontvangt zal de klant besluiten om het product niet aan te schaffen. Door het gedrag van een gebruiker te analyseren kan de gebruiker worden aangesproken op het probleem en verder geholpen worden.

Ik ben er van overtuigd dat het niet lang meer zal duren voordat webwinkels over gaan op online winkelbediende die het mogelijk maken om de klant online te woord te staan. Doormiddel van een online chat kan men direct vragen beantwoorden aan een klant. Hierdoor wordt raakt de klant sneller overtuigd is zal men het product sneller aangeschaffen.

Doeltreffende interfaces zijn visueel duidelijk en vergevingsgezind, doordringen hun gebruikers van een gevoel van controle. Gebruikers zien snel de reikwijdte van hun keuzemogelijkheden, begrijpen hoe ze hun doelen kunnen bereiken, en hun werk doen.

Doeltreffende interfaces betrekken de gebruiker niet bij de interne werking van het systeem. Werk wordt zorgvuldig en voortdurend opgeslagen, met volledige keuzemogelijkheid van de gebruiker om elke handeling op elk moment ongedaan te maken.

Doeltreffende toepassingen en diensten leveren een maximum aan werk, terwijl ze een minimum aan informatie van de gebruikers nodig hebben.

Anticipatie

Toepassingen zouden ernaar moeten streven om vooruit te lopen op de wensen en behoeften van gebruikers. Verwacht niet van gebuikers dat ze informatie zullen zoeken of verzamelen of noodzakelijke hulpmiddelen erbij zullen halen. Biedt de gebruiker alle informatie en hulpmiddelen die nodig zijn voor elke stap in het proces.

Onafhankeljkheid

* De computer, de interface, en de taakomgeving zijn allemaal in het “bezit’ van de gebruiker, maar gebruiker-onafhankelijkheid betekent niet dat we alle regels laten varen.

Geef gebruikers wat ademruimte. Gebruikers leren snel en bereiken gauw een gevoel van “beheersing” als ze zelf “de dienst uit kunnen maken” . Maar, paradoxaal genoeg, voelen mensen zich niet vrij bij het ontbreken van alle grenzen (Yallum 1980). Een klein kind zal evengoed huilen wanneer het te strak wordt vastgehouden, als wanneer het in de steek wordt gelaten om te zwerven in een groot en leeg pakhuis. Ook volwassenen voelen zich het meest op hun gemak in een omgeving die evenmin begrenzend als oneindig is, een omgeving die kan worden onderzocht, zonder risiko’s.

* Gebruik status-mechanismen om gebruikers bewust en geinformeerd te houden.

Geen enkele onafhankelijkheid kan bestaan met gebrek aan controle. En controle kan niet worden uitgeoefend met gebrek aan voldoende informatie. Status-mechanismen zijn noodzakelijk voor het leveren van de nodige informatie voor werkers om op de juiste wijze te reageren op veranderende omstandigheden. Als eenvoudig voorbeeld, zullen werkers, die status-informatie missen ervoor zorgen verhoogde druk op zichzelf te handhaven gedurende langzame periodes, tot het moment dat het werk werkelijk afloopt. Dit zal ze onnodig in spanning houden en vermoeien, zodat wanneer de volgende drukte zich voordoet, ze de fysieke en mentale reserves tekort kunnen komen om dit aan te kunnen.

* Hou status-informatie actueel en makkelijk binnen zicht

Gebruikers zouden status-informatie niet zelf moeten uitzoeken. Eerder zouden ze in staat moeten zijn om een blik te werpen op hun werkomgeving en in staat zijn om ten minste een eerste benadering van status en werkbelasting op te pikken. Status-informatie kan heel subtiel zijn: het “inbox” pictogram zou kunnen worden omgeschakeld om een leeg, half gevuld of volle status te tonen. Dit zou echter niet moeten worden overdreven. De Macintosh liet jarenlang een pictogram van een prullenbak zien met dreigend explosiegevaar als een enkel document hierin was geplaatst. Gebruikers vormden al snel de gewoonte om de prullenbak te legen zo snel er een eerste document in zat. Dit veranderde niet alleen een enkel-staps bewerking in een twee-staps bewerking (slepen naar de prullenbak, prullenbak legen), maar het ontkende de hele kracht van de prullenbak, namelijk het “ongedaan maken” (van de verwijdering van het document).

Als een ander positief voorbeeld, kan een “zoek” pictogram van kleur en uiterlijk veranderen om aan te geven dat het zoeken gaande is of voltooid met te veel koppelingen met de zoekterm, te weinig koppelingen, of precies genoeg.(Zoals bij elk element van de interface, is alleen kleurgebruik niet genoeg; 10% van de mannen vertonen één of andere vorm van kleurenblindheid. Zelfs een hoger percentage kan tijdelijke verandering in waarneming van blauw onder verschillende omstandigheden hebben.
Kleurenblindheid

* Elke keer dat u kleur gebruikt om informatie in de interface aan te geven, zou u ook duidelijke, bijbehorende aanwijzingen moeten gebruiken om de informatie aan te geven voor hen die heden geen enkele kleur-codering zouden ervaren.

De meeste mensen hebben kleuren-weergave tegenwoordig,maar dat is niet universeel.Daar komt nog bij dat 10% van de mannen, samen met een zeldzaam klein aantal vrouwen, een of ander vorm van kleurenblindheid hebben.

Kegeltjesreceptoren in het oog zijn de bron van kleurwaarneming. We hebben kegeltjesreceptoren die afzonderlijk gevoelig zijn voor rood, groen of blauw. Als de rode niet functioneren wordt dit protanopia genoemd. Als de groene niet functioneren wordt dit deuteranopia genoemd. Afwezigheid van blauw, uitzonderlijk zeldzaam, wordt tritanopia genoemd.

Protonopia en deuteranopia zijn de meest voorkomende vormen van kleurenblindheid, gezamenlijk rood/groen-kleurenblindheid genoemd. (Er zijn, eigenlijk, belangrijke verschillen in hun werking, maar die verschillen hebben niet echt gevolgen voor het ontwerpen). Terwijl tritanopia veel zeldzamer is, sluit het niettemin afhankeljkheid op geel-blauw onderscheiding zonder bijbehorende aanwijzingen uit.

Bijbehorende aanwijzingen kunnen bestaan uit alles van het subtiele onderscheiden van grijswaarden tot een apart plaatje of apart tekstlabel verbonden aan elke gepresenteerde kleur.

Consistentie

De volgende grondbeginselen, als geheel, bieden de ontwerper enorme vrijheid in de evolutie van een product, zonder die gebieden van consistentie ernstig te verstoren die uiterst belangrijk voor de gebruiker zijn.

* Niveau’s van consistentie: Het belang van handhaving van strikte consistentie varieert.De volgende lijst is geordend van die interface elementen die de meest nauwgezette consitentie prestatie vergen tot die elementen die het minste vergen. Paradoxaal genoeg nemen veel mensen aan dat de ordening van de items één tot vijf precies omgekeerd zou moeten zijn, met als gevolg toepassingen die hetzelfde lijken, maar compleet anders werken op onvoorspelbare manieren:

1. Interpretatie van gebruikers gedrag, bijvoorbeeld sneltoetsen behouden hun betekenis.
2. Onzichtbare structuren.
3. Kleine zichtbare structuren.
4. Het totaal beeld van een enkele toepassing of dienst, “splash screens”, ontwerp elementen.
5. Een opeenvolging van producten.
6. In-house consistentie.
7. Platform-consistentie.

“Onzichtbare” structuren verwijst naar onzichtbare objecten zoals Microsoft Word’s slimme kleine rechter marge die allerlei soorten magische eigenschappen heeft, als je ooit ontdekt dat het bestaat. Het kan wel of niet verschijnen in uw versie van Word. En als het niet verschijnt, zult u nooit zeker weten of het er werkelijk niet is, vanwege z’n onzichtbaarheid. En dat is precies wat verkeerd is aan objecten, die onzichtbaar zijn en waarom consistentie zo belangrijk is. Andere objecten zijn, strikt genomen, zichtbaar, maar lijken geen controlemiddelen te zijn, dus gebruikers, overgelaten aan hun eigen apparaten, zouden nooit hun manipuleerbaarheid kunnen ontdekken. Het geheim, als u daar absoluut aan een wilt vasthouden, zou krachtig en zuiver moeten zijn, bij voorbeeld, “U kunt de randen van actieve Macintosh vensters klikken en slepen om ze van grootte te veranderen,” niet, “U kunt verschillende dingen soms klikken en slepen, maar niet andere dingen op andere momenten.”

“Kleine zichtbare structuren” verwijst naar de pictogrammen, “size boxes”, scroll-pijlen, enzovoort. Het uiterlijk van zulke objecten moet streng worden beheerst als mensen niet de helft van hun tijd bezig hoeven zijn met uit te vinden hoe er gescrolld kan worden of hoe er geprint kan worden. Plaatsing is maar een heel klein beetje minder belangrijk dan uiterlijk. Waar het zinvol is om plaatsing te standaardiseren, doe dat dan.
* Inconsistentie: het is even belangrijk om visueel inconsistent te zijn als dingen anders moeten werken, als visueel consistent te zijn wanneer dingen op dezelfde manier werken.

Voorkom uniformiteit. Maak objecten consistent met hun gedrag. Laat objecten die verschillend werken er verschillend uitzien.

* De belangrijkste consitentie is consistentie met gebruikersverwachtingen.

De enige manier om gebruikers verwachtingen vast te stellen is het testen met gebruikers. Geen enkele mate van studie en debat kan dit vervangen.
Oorspronkelijke Instellingen (Defaults)

* Oorspronkelijke instelligen zouden makkelijk moeten kunnen worden gewijzigd. Velden die oorspronkelijke instellingen bevatten zouden “geselecteerd” moeten verschijnen, zodat gebruikers de inhoud van de velden snel en makkelijk met nieuw materiaal kunnen vervangen.
* Oorspronkelijke instellingen zouden “intelligent” en sympathiek moeten zijn.

* Gebruik het woord “default” niet in een toepassing of dienst. Vervang het met “Standaard”, “Gebruik oorspronkelijke instelling” , “Herstel begin instellingen”,of andere meer specifieke termen om te beschrijven wat er feitelijk zal gebeuren.

Efficiëntie van de Gebruiker

* Kijk naar de productiviteit van de gebruiker, niet die van de computer.

Mensen kosten veel meer geld dan apparaten, en hoewel het mag lijken dat toenemende machine productiviteit moet resulteren in toenemende menselijke productiviteit, is het omgekeerde vaak waar. Om de efficiëntie van een systeem te beoordelen, moet je verder kijken dan alleen maar de efficiëntie van de machine.

Bij voorbeeld, wat van het volgende neemt minder tijd? Gedurende één minuut en tien seconden water verwarmen in een magnetron of gedurende één minuut en elf seconden.

Vanuit het standpunt van de magnetron is één minuut en tien seconden het vanzelfsprekend juiste antwoord. Van het standpunt van de gebruiker van de magnetron is één minuut en elf seconden sneller. Waarom? Omdat in het eerste geval, de gebruiker de één knop twee keer moet indrukken, dan visueel de plaats van de nul knop moet bepalen, de vinger ernaar toe met bewegen en het een keer indrukken. In het tweede geval drukt de gebruiker alleen maar dezelfde knop – de één knop – drie maal in. Vandaar dat het water sneller verwarmd is wanneer het langer wordt “gekookt”.

Andere factoren behalve snelheid maken de 111 oplossing efficiënter. Een andere knop zoeken kost niet alleen tijd, het vereist ook een behoorlijk hoog niveau van verstandelijke verwerking. Terwijl de verwerking plaats vindt, moet de belangrijkste taak waarmee de gebruiker mee bezig was – zijn maaltijd koken – opzij worden gezet. Hoe langer dit opzij wordt gezet, des te langer het zal duren om het opnieuw op te pakken.

Bovendien staat de gebruiker die de doelmatigheid aanneemt van het gebruik van herhaalde getallen voor het koken met de magnetron voor minder beslissingen. Ze laten het al snel om uit te vinden, bijvoorbeeld, of spek twee minuten en tien seconden moet worden gekookt of twee minuten en drie-en-twintig seconden. Ze doen een snelle schatting en, gegeven het verschil van waterinhoud en dikte van het spek, zullen evengoed eindigen met een succesvol resultaat met heel wat minder gedoe vooraf, opnieuw de menselijke efficiëntie verhogend.

* Hou de gebruiker bezig

Daar, kenmerkend, de hoogste uitgaven in een bedrijf de arbeidskosten zijn, wordt er elke keer geld verloren als de gebruiker moet wachten op het systeem om te reageren, voordat hij door kan gaan.

* Om de efficiëntie van een bedrijf of organisatie te maximaliseren moet u ieders efficiëntie maximaliseren, niet alleen de efficiëntie van een enkele groep.

Grote organisaties neigen te zijn verdeeld in gescheiden afdelingen, waarbij elke groep zorgt voor zijn eigen belangen, soms tot nadeel van de organisatie als geheel. Informatie-afdelingen lopen vaak in de val van het maken en aanpassen van systemen die resulteren in verhoogde efficiëntie en lagere kosten voor de informatie-afdeling zelf, maar alleen ten koste van verlaagde productiviteit van het bedrijf als geheel.

Bijvoorbeeld, een groot bedrijf in Californië gebruikte floppy disks als het medium om informatie omtrent registratie-privileges te verzamelen. Aan het begin van toelating zou elke werknemer een disk ontvangen met de registratie aanvragen die hij of zij in de computer zou installeren en uitvoeren. Na het vragen van naam, adres, telefoonnummer, naam van afdeling, enzovoort zou de werknemer toestemming krijgen alle verschillende aanbiedingen langs te lopen, en tenslotte de disk teruggeven, die nu al hun antwoorden en beslissingen bevatten. De informatie-afdeling nam dan automatisch de data van elke disk over in hun systeem. De informatie-afdeling spaarde veel geld op het oude systeem, waarin ze beslissingen van de werknemers van een papieren formulier moesten omzetten.

Wat was het probleem? Inplaats dat de informatie-afdeling de last op zich nam om alle beslissingen van de werknemers om te zetten in het systeem, droeg nu elke werknemer afzonderlijk de last om zijn of haar naam, adres, telefoonnummer, afdelingsnaam, enzovoort in te typen. Het systeem was even inefficiënt als daarvoor, maar nu werd de prijs ervoor gedragen door alle afdelingen, in plaats van te zijn geconcentreerd in het budget van de informatie-afdeling.

* De grote doorbraken wat betreft efficiëntie in software worden gevonden in de fundamentele architectuur van het systeem, niet in het oppervlakte ontwerp van de interface.

Deze simpele waarheid is de reden waarom het zo belangrijk is voor iedereen die is betrokken bij een software projekt om het belang te onderkennen van gebruikersproductiviteit als het eerste doel en om het vitale verschil te begrijpen tussen het bouwen van een efficiënt systeem en een efficiënte gebruiker volmacht te geven. Deze waarheid is ook de sleutel voor de behoefte aan nauwe en voortdurende samenwerking, communicatie en overleg tussen ingenieurs en menselijke interface ontwerpers als dit doel moet worden bereikt.

* Schrijf helpberichten beknopt en laat ze reageren op het probleem: goed schrijfwerk betaalt zich dik terug in begrip en efficiëntie.
* Menu en knoppen labels zouden eerst het sleutelwoord moeten tonen.

Voorbeeld van een denkbeeldige tekstverwerker:

Fout:
# Voeg nieuwe pagina in
# Voeg voetnoot toe
# Actualiseer inhoudsopgave

Goed:

Invoegen:
# Nieuwe pagina
# Voetnoot
# Inhoudsopgave

Het eerste voorbeeld hier, is met z’n beginwoorden eigenlijk informatiever en nauwkeuriger: iemand “voegt” geen voetnoot “in” als het achter al de andere voetnoten wordt geplaatst. En iemand voegt geen inhoudopgave in als er al een inhoudsopgave is. Toch zal het tweede voorbeeld veel efficiënter blijken in tijd-proeven. Waarom? Omdat de extra informatie die het eerste voorbeeld biedt niet opweegt tegen het voordeel om alleen het eerste woord in elk menu-item te kunnen scannen voor het vinden van het specifeke menu waar u naar zoekt.
Onderzoekbare Interfaces

* Geef gebruikers goed aangeduide wegen en herkenningspunten en laat ze dan overschakelen in de vierde versnelling.

Boots de veiligheid, kalmte en consistentie van het natuurlijke landschap na. Laat gebruikers niet in de val lopen van een enkel pad gedurende een dienst maar biedt ze een reeks van minste weerstand. Dit laat de nieuwe gebruiker en de gebruiker die alleen maar het werk op de snelst mogelijke en makkelijkste manier gedaan wil hebben door, terwijl het toch nog een mogelijkheid biedt om verder van huis te zwerven voor hen die willen onderzoeken en “wat-als” spelen.

* Soms moet u echter diepe sporen verschaffen.

Hoe dichter u het argeloze einde van de ervaringscurve bereikt, des te meer moet u uw gebruikers intomen. Een enkel-gebruiks toepassing om een onbekende taak te volbrengen vereist een veel regelender interface, dan een “gewoonte-gebruiks” interface voor experts.

* Biedt gebruikers stabiele waarnemings-aanwijzingen voor een gevoel van “Thuiszijn”.

Stabiele visuele elementen geven mensen niet alleen de mogelijkheid snel te navigeren, maar ze werken als betrouwbare herkenningspunten, die mensen een gevoel van “thuiszijn” geven.

* Maak handelingen omkeerbaar.

Mensen onderzoeken op manieren buiten de navigatie om. Soms willen ze uitvinden wat er zou gebeuren als ze een of andere potentieel gevaarlijke handeling zouden uitvoeren. Soms willen ze dat niet uitvinden, maar doen ze het toch per ongeluk.

Door handelingen omkeerbaar te maken, kunnen gebruikers zowel onderzoeken als “slordig” worden met hun werk.

* Laat altijd “ongedaan maken” toe.

Het onvermijdelijke resultaat van de mogelijkheid van “ongedaan maken” niet te ondersteunen, is dat u dan een vracht dialogen moet handhaven die iets zeggen in de trant van “weet u het echt, echt zeker?” Het is overbodig om te zeggen, dat dit mensen afremt.

In de afwezigheid van zulke dialogen, remmen mensen zelfs nog meer af. Een studie van een paar jaar geleden toonde aan dat mensen in een risicovolle omgeving niet meer fouten maken dan mensen in een ondersteunende en visueel meer vanzelfsprekende omgeving, maar ze werkten wel een stuk langzamer en veel voorzichtiger om fouten te voorkomen.

* Sta altijd een uitweg toe.

Gebruikers zouden zich nooit gevangen moeten voelen. Ze zouden een duidelijke uitweg moeten hebben.

* Maak het echter makkelijker om binnen te blijven.

De eerste software neigde ertoe de mogelijkheid om weg te gaan moeilijk te maken. Met de komst van het web, hebben we de komst gezien van software die het moeilijk maakt om te blijven. Web browsers versieren hun vensters nog steeds met objecten en keuzemogelijkheden die niets te maken hebben met onze toepassingen en diensten die we erin laten werken. Onze taak kan verwant worden aan het ontwerpen van een tekstproces die, oh ja, overigens de menubalk van Photoshop zal gebruiken. 49 keuzemogelijkheden op het beelscherm hebben, die direct leiden tot de vernietiging van het werk van de gebruiker, samen met één of twee die juist zouden kunnen helpen is niet een onderzoekbare interface, het is de interface van de hel. Als u werkt met complexe transacties gebruikmakend van een webbrowser, zet dan de menubalk en alle andere irrelevante keuzemogelijkheden uit, en verschaf dan onze eigen herkenningspunten en keuzemogelijkheden.
Fitts’s Wet

* De tijd om een doel te bereiken is een funktie van de afstand tot en de omvang van het doel.

Terwijl op het eerste gezicht, deze wet duidelijk voor de hand liggend mag lijken, is het een van de meest genegeerde grondbeginselen van het ontwerpen. Fitt’s wet dicteert dat de ontvangst van het Macintosh uitklap menu ongeveer vijf keer sneller dan de ontvangst van het Window’s menu zou zijn, en dit is bewezen. Fitt’s wet dicteert dat de windows taakbalk voordurend en onnodig mensen in de weg zit, en dit is bewezen. Fitt’s wet geeft aan dat de snelst bereikte doelen op een computer, de vier hoeken van het scherm zijn, vanwege hun vasthoudende werking, en toch schijnen ze ten koste van alles door ontwerpers te worden vermeden.

Gebruik grote objecten voor belangrijke funkties (Grote knoppen zijn sneller).

Gebruik de vasthoudende werking van de zijkanten, onderkant, bovenkant en hoeken van het scherm:een hulpmiddelenbalk van een enkele-rij met hulpmiddel pictogrammen die overloopt in de randen van het scherm zal vele malen sneller werken dan een dubbele rij pictogrammen met een zorgvuldig toegepaste één-pixel niet-klikbare rand langs de kant van het scherm.
Menselijke-Interface objecten.

Menselijke-interface objecten zijn niet noodzakelijk dezelfde als objecten in object-georiënteerde systemen. Onze objecten omvatten mappen, documenten en de prullenbak. Ze verschijnen in de gebruikers omgeving en kunnen wel of niet direct leiden naar een object-georienteerd object. In feite, werden de eerste GUI’s volledig in niet-object-georienteerde omgevingen gebouwd.

* Menseljke-interface objecten kunnen worden gezien, gehoord, aangeraakt, of anderszins waargenomen.
* Menselijke-interface objecten die kunnen worden gezien zijn heel gebruikelijk in grafische gebruikers interfaces. objecten die werken op een ander zintuig zoals gehoor of tastzin zijn minder gebruikelijk. Er is goed werk gedaan met het ontwikkelen van gehoor pictogrammen(Gaver).
* Menselijke-interface objecten hebben een standaard manier van wisselwerking.
* Menselijke-interface objecten hebben standaard resulterend gedrag.
* Menselijke-interface objecten zouden begrijpelijk, zelf-consistent en stabiel moeten zijn.

Reductie van reactietijd

* Gebruik meervoudige stappen waar mogelijk om de reactietijd (tijd tussen stimulans en respons) naar de achtergrond te duwen.

reactietijd kan vaak worden verborgen voor gebruikers door middel van meervoudige taak(multi tasking) technieken, die ze hun werk laten vervolgen terwijl overdracht en berekeningen plaats vinden op de achtergrond.

* Reduceer de gebruikers ervaring van reactietijd.

o Beantwoord alle knopdrukken met visuele of gehoor feedback binnen 50 milliseconden.
o Geef een zandloper aan voor elke handeling die duurt van 1/2 tot 2 seconden.
o Animeer de zandloper, zodat men weet dat het systeem nog werkt.
o Geef een bericht weer die de potentiële wachttijd aangeeft voor een handeling die langer dan 2 seconden zal duren.
o Geef een mededeling van de feitelijke lengte door middel van een geanimeerde voortgangs-aanwijzer.
o Bied aantrekkelijke tekst berichten aan gebruikers ,informatief en onderhoudend, terwijl ze wachten op lange processen om te worden voltooid, zoals het opslaan (van informatie) op servers.
o Laat het clientsysteem geluid maken en geef een grote visuele aanwijzing bij terugkeer van lange (meer dan 10 seconden) processen, zodat gebruikers weten wanneer ze het systeem weer kunnen gebruiken.
o Vang meerdere klikken van dezelfde knop of object op. Omdat internet langzaam is, neigen mensen ertoe dezelfde knop herhaaldelijk in te drukken, waarmee ze zelf een vertraging veroorzaken van de gang van zaken..

* Maak het sneller

Elimineer elk element of toepassing dat niet helpt. Wees daarbij meedogenloos.
Leerbaarheid

Ideaal zou zijn als producten geen leercurve zouden hebben: gebruikers zouden op ze afgaan voor de allereerste keer en onmiddeljk beheersing bereiken. In de praktijk zullen alle toepassingen en diensten, het maakt niet uit hoe simpel, een leercurve vertonen.

* Beperk de inruil

Bruikbaarheid en leerbaarheid sluiten elkaar niet wederzijds uit. Beslis eerst wat het belangrijkste is; val dan beiden aan met kracht. Dat leergemak automatisch ten koste gaat van gebruiksgemak is een mythe.
Metaforen,Gebruik van

* Kies metaforen goed, metaforen die het de gebruiker mogelijk maken om onmiddelijk de kleinste details van het conceptuele model te bevatten.

Goede metaforen zijn verhalen die zichtbare beelden oproepen in de geest.

* Breng metaforen tot leven door een beroep te doen op waarnemingen van mensen – zicht, geluid, aanraking en beweging – evenals hun herinneringen te voorschijn te roepen.

Metaforen roepen meestal het bekende op, maar geven er vaak een nieuwe draai aan. Windows 95, bij voorbeeld, heeft een object dat werkmap (”briefcase”) heet. Zoals een werkmap in de echte wereld, is z’n doel om te helpen elektronische documenten draagbaarder te maken. Dit doet het echter niet door te handelen als een transport mechanisme, maar als een “synchronizer”: Documenten in de desktop werkmap en de werkmap op een draagbaar medium worden automatisch geactualiseerd als het draagbare medium in de machine wordt gestopt.
Bescherm het Werk van de Gebruiker

* Waarborg dat gebruikers nooit hun werk kwijt raken als resultaat van een vergissing van hun kant, de grillen van internet overdracht, of welke andere reden ook afgezien van het compleet onvermijdelijke, zoals plotseling stroomverlies op de client computer.

(Zelfs hier is het volledig onvergeeflijk geworden dat hedendaagse computers niet voordurend opslaan ondersteunen en aanmoedigen. Dat, gekoppeld aan een kleine hoeveelheid van stroom-beveiligd geheugen zou de gêne kunnen elimineren van machines van €2500, die de betrouwbaarheid bieden van speelgoedjes van 10 cent)
Leesbaarheid

* Tekst die moet worden gelezen zou een hoog contrast moeten hebben. Geef de voorkeur aan zwarte tekst op witte of bleek gele achtergronden. Vermijd grijze achtergronden.
* Gebruik letterafmetingen die groot genoeg zijn om leesbaar te zijn op standaard monitoren. Geef in het bijzonder voorkeur aan grote letters voor de feitelijke data die u wilt weergeven, in tegenstelling tot label en instructies. Het label “Achternaam” bijvoorbeeld, kan het zich veroorloven kleiner te zijn. Ervaren gebruikers zullen vernemen dat die twee-woordige grijze klodder betekent “Achternaam”. Zelfs nieuwe gebruikers, zullen een vrij juist vermoeden hebben dat er “Achternaam” staat, gebaseerd op de context van het formulier waarin het verschijnt. De feitelijke ingevoerde/weergegeven achternaam moet echter duidelijk leesbaar zijn. Dit wordt zelfs nog belangrijker voor getallen. Menselijke talen zijn zeer vanzelfsprekend, wat het mogelijk maakt voor mensen om verminkte berichten “gezond te maken”. Getallen zijn echter niet vanzelfsprekend, als ze niet een zeer streng protocol volgen, dus mensen moeten dan in staat zijn elk afzonderlijk teken te bestuderen en begrijpen.
* Besteed bijzondere aandacht aan de behoeften van oudere mensen. Presbyopia, de toestand van verharde, minder flexibele lenzen, samen met verminderde licht overdracht in het oog, treft de meeste mensen ouder dan 45. Vertrouw niet uw jonge ogen voor het maken van omvang en contrast beslissingen.

Bepaal Stand van Zaken

* Omdat veel van onze browser-gebaseerde producten bestaan in een omgeving, waar de “stand van zaken” onbekend is, hebben we de verantwoordlijkheid om de “stand van zaken” te bepalen.

We moeten misschien weten:

o Of het de eerste keer is dat de gebruiker in het systeem is geweest
o Waar de gebruiker is
o Waar de gebruiker naar toe gaat
o Waar de gebruiker tijdens de sessie geweest is
o Waar de gebruiker was toe hij de laatste sessie verliet

en ontelbaar veel meer details.

Behalve eenvoudig te weten waar ze geweest zijn, kunnen we ook goed gebruik maken van wat ze gedaan hebben.

* De “stand van zaken” zou moeten worden bewaard in een cookie op de clientmachine gedurende een sessie met een transactie-dienst en dan bewaard op de server als ze uitloggen.

Gebruikers zouden in staat moeten zijn om op het werk uit te loggen, naar huis gaan en daar precies waar ze ophielden weer verder gaan.

Een persoonljke dienst voor dokters, Physicians On Line, doet hier heel goede dingen mee. Dokters kunnen voor 95% door een complexe transactie heen zijn, uitloggen en zes weken later weer inloggen waar ook ter wereld, en de dienst zal hen vragen of ze precies terug willen naar waar ze gebleven waren.
Zichtbare Navigatie

* Vermijd onzichtbare navigatie

De meeste gebruikers kunnen en zullen geen bewerkelijke mentale plattegronden aanleggen en zullen verdwalen en moe worden als dat wel van ze verwacht wordt.

Het World Wide Web met al z’n mooie schermen en prachtige knoppen is in feite een onzichtbare navigatie ruimte. Het is waar dat u altijd de specifieke pagina die u bezoekt kunt zien, maar u kunt niets zien van de grote ruimte tussen pagina’s. Als gebruikers onze toepassingen eenmaal bereiken, moeten we ervoor zorgen de navigatie tot een minimum te beperken en de navigatie die over is duidelijk en natuurlijk maken. Geef de illusie dat gebruikers altijd op dezelfde plek zijn, waar het werk naar ze toegebracht wordt. Dit elimineert de behoefte aan plattegronden en andere navigatiehulpen, het biedt gebruikers en groter gevoel van beheersing en onafhankelijkheid.

Zoals met het inherente onbekendheid van “stand van zaken” van het web (zie “Bepaal Stand van zaken” boven) is het onze taak om niet blindelings te accepteren wat architecten ons hebben gegeven, maar om de lagen van geschiktheid en bescherming toe te voegen die gebruikers willen en nodig hebben. Dat de navigatie van het web inherent onzichtbaar is, is een uitdaging, niet een onvermijdelijkheid.

2. Toon het off-line gezicht van uw bedrijf.
Aantonen dat uw website staat voor een bona-fide, reëel bedrijf, is de makkelijkste manier om uw credibility te verhogen. Vermeld uw fysieke adres, geef een telefoonnummer en e-mail adres op. Ook andere technieken zijn mogelijk : toon een foto van uw kantoor, vermeld lidmaatschap van beroepsorganisaties…

3. Benadruk de expertise.
Heeft u experts in uw team ? Zijn ze authoriteiten op hun gebied ? Vermeld dit, en vermeld alle referenties en credentials. Benadruk lidmaatschap van beroepsorganisaties.
Langs de andere kant, link niet naar sites die geen credibility hebben. Dat straalt negatief af op uw bedrijf.

4. Toon een betrouwbaar en menselijk gezicht.
Toon dat er echte mensen achter de website en het bedrijf staan. Foto’s en bios van de medewerkers helpen hierbij.

5. Maak het makkelijk om contact te nemen.
Vermeld uw telefoonnummer, uw fysieke adres, en uw e-mail adres.

6. Geef uw site een professionele look.
Bezoekers beoordelen uw website heel snel enkel op visueel vlak. Geef uw website een professionele, verzorgde look, die aansluit bij uw doelgroep en het doel van de site.

7. Maak uw site makkelijk bruikbaar en nuttig.
Laat uw interne organisatie of uw zucht naar de laatste nieuwe webtechnologie niet in de weg komen van het gebruiksgemak voor de bezoeker. Zorg voor een goede structuur, een duidelijke navigatie, en nuttige info.

8. Update regelmatig.
Regelmatig nieuwe inhoud plaatsen verhoogt uw credibility.

9. Beperk reclame.
Vermijd indien mogelijk reclame. Gebruik geen pop-ups. Als u reclame plaatst, maak dan een duidelijk onderscheid tussen inhoud en reclame.

10. Vermijd fouten, hoe klein ook.
Schrijffouten, tikfouten, gebroken links, site off-line… Dit doet meer kwaad aan uw credibility dan u denkt.

Een sociaal netwerk is een netwerk van mensen of groepen van mensen. Bijvoorbeeld een verzameling van mensen die elkaar kennen of bedrijven die vaak samenwerken. Daarom kan een bedrijvennetwerk ook gezien worden als een vorm van sociaal netwerk. Een sociale netwerksite is een website die de gebruiker een profiel laat aanmaken, die men vervolgens kan koppelen aan de profielen van anderen binnen hun sociaal netwerk. Veel sociale netwerksites richten zich op vermaak (denk hierbij aan Hyves) en het in contact blijven met vrienden. Deelnemers kunnen berichten sturen naar contacten, en bijvoorbeeld foto’s, video’s en internetlinks delen.
Ik zelf ben een vierdejaars CMD (Communication Multimedia Design) student aan de Haagse Hogeschool. Ik ben tijdens mijn opleiding veel bezig met internet en de ontwikkeling daarvan. Netwerken is in mijn vak zeer van belang. Om deze reden zie ik het internet als het perfecte middel om mijzelf te profileren.
Begin Februari 2009 ben ik benaderd via een sociaal netwerk door een tijdschrift genaamd “Advanced”. In dit tijdschrift worden maandelijks in de rubriek Showcases, een aantal werkstukken van grafische ontwerpers uitgelicht. Via mijn sociale netwerk ontving ik een bericht met daarin de vraag of ik een interview wilde afleggen voor dit tijdschrift. Naast dit interview zouden er een aantal grafische werken van mij gepubliceerd worden in het tijdschrift. Dit laat zien dat het delen van informatie via mijn sociale netwerk al effectief genoeg is om een bedrijf met dezelfde interesses te kunnen bereiken.

Eind Augustus 2009 plaatste ik een bericht op Linkedin (het grootste zakelijke en sociale netwerk van de wereld). Ik was op dat moment gestopt met mijn destijdse bijbaan en ik was daarom, mede via Linkedin, op zoek gegaan naar een nieuwe baan voor naast mijn studie. Binnen een aantal uren had ik al een reactie ontvangen vanuit mijn netwerk. Het was een bericht van de eigenaar van een reclamebureau waar ik een aantal weken stage heb gelopen. Het reclamebureau was toevallig op dat moment op zoek naar een creatieve ontwerper. Zo ziet u dat het plaatsen van een simpele boodschap al snel een antwoord kan ontvangen via een sociaal netwerk.
Ik denk dat veel mensen het online netwerken onderschatten, en het daarom niet serieus inzetten. Vroeger ging men naar een uitzendbureau om een baan te zoeken. Tegenwoordig zoekt een bedrijf naar de meest geschikte persoon via een sociaal netwerk.
Het online netwerken is belangrijker aan het worden dan men zelf denkt. Gebruik uw netwerk daarom regelmatig, schrijf zo nu en dan een artikel over uw belevenissen en ontwikkelingen. Vergroot uw netwerk en laat zien wat u in huis hebt. In de toekomst zal het gebruik van sociale netwerken toenemen. Ook zullen bedrijven in de toekomst kijken naar het aantal connecties die u in uw bezit heeft. Iemand met veel connecties is immers belangwekkender voor de zakenwereld dan iemand die weinig connecties heeft. Onderschat de kracht van uw sociale netwerk niet, maar gebruik het.

* Wie zijn de bezoekers van de website?
* Wat zijn de doelen van deze bezoekers?
* Wat is het ervaringsniveau van bezoekers met de website, en soortgelijke websites?
* Welke functies moet de website bezoekers bieden?
* Wat voor informatie hebben de bezoekers nodig, in welke vorm moet deze informatie gegeven worden?
* Hoe verwachten bezoekers dat de website zal werken?
* Hoe kan het ontwerp cognitieve processen als leren en onthouden voor bezoekers vergemakkelijken?

De antwoorden op deze vragen vormen de leidraad voor de ontwikkeling en het ontwerp van een op bezoekers gerichte website. User-centered design is gebaseerd op de principes van gebruiksvriendelijkheid.