Voorblad

Inleiding

#1 ProbleemstellingAchtergrond informatieDoelstellingDoelgroepOnderzoeksmethodeOnderzoeksvraag en deelvraag

#2 User experience en user context

Wat is User experience design?

Om te beginnen wil ik uitleggen wat User Experience Design (UX) is. User Experience is de manier waarop een persoon zich voelt over het gebruik van een product, systeem of service. User Experience benadrukt de ervaringsgerichte, affectieve, zinvolle en waardevolle aspecten van mens-computer interactie en product eigendom. Het bevat ook een persoonlijke waarneming van de praktische aspecten zoals nut, gebruiksgemak en de efficiëntie van het systeem. User Experience is subjectief, omdat het gaat over een individuele gevoelens en gedachten over het systeem.

http://en.wikipedia.org/wiki/User_experience

Er zijn een hoop personen en theorieën over wat User Experience Design is en hoe het werkt. User Experience Design wordt vaak gebruikt in combinatie met termen als Interaction Design, User Centered Design, Information Architecture en Visual Interface Design. Dit klopt gedeeltelijk, er zijn raakvlakken met andere vakgebieden. User Experience Design is een overkoepelend, holistisch vakgebied waarbinnen de verschillende disciplines samenkomen.

User experience design is een holistische, multidisciplinaire aanpak voor het ontwerpen van gebruikersinterfaces voor digitale producten, het definiëren van de vorm, gedrag en content. User experience design integreert, interaction design, industrial design, information architecture, information design, visual interface design, user assistance design en user-centered design en zorgt voor samenhang en consistentie in al deze ontwerp dimensies.Pabini Gabriel-Petit

http://uxmatters.com/glossary/ What is User Experience?

Disciplines of User Experience Design. Saffer, D.

De drie circels

Het belangrijkste wat in alle theorieën terug komt is de gebruiker staat centraal. Het diagram van de drie cirkels laat de balans zien tussen business goals en context, user needs en gedrag en de mix van content. Ook de verschillende vakgebieden die binnen User Experience Design vallen en waar bepaalde kennis van nodig is om de User Experience te creëren.

Elke gebruiker is anders. Denk daarbij aan leeftijd, interesses en kennis. Ook de context waarin de gebruiker interacteert met de content kan constant veranderen. Zit de gebruiker binnen aan een bureau in een donkere ruimte of zit de gebruiker in de bus terwijl de zon naar binnen schijnt. Ook de content kan variëren en kan vragen om interactie.

http://semanticstudios.com/publications/ semantics/000029.php – Morville, P. on Semantic S tudios, 06/2004

Peter Morville’s - The Three Circles of Information Architecture

Het diagram is gecreëerd met Information Architecture in gedachten maar is net zo toepasbaar op het uitleggen van User Experience Design.

The User Experience Honeycomb

The User Experience Honeycomb illustreert de facetten van User Experience. Dit helpt anderen begrijpen waarom er verder gekeken moet worden dan usability en de noodzaak om prioriteiten te stellen. Is het belangrijk om desirable of accessible te zijn. De waarheid is, het hangt af van een unieke balans van context, content en gebruikers, en de afweging beter expliciet dan onbewust te maken.

The User Experience Honeycomb ondersteunt een modulaire benadering van webdesign. Er moet een site verbeterd worden, maar er is geen budget en tijd voor een complete revisie. Waarom niet proberen een gericht redesign te maken aan de hand van de Stanford Guidelines for Web Credibility als bron voor het evalueren en verbeteren van de geloofwaardigheid van de website.

Elk facet van The User Experience Honeycomb dient als spiegel, het transformeren van hoe we zien en wat we doen, en stelt ons in staat om te verkennen buiten de conventionele grenzen.

Peter Morville - The Three Circles of Information Architecture

Useful (Nuttig)

Als beoefenaars, kunnen we niet tevreden zijn om te schilderen binnen de lijnen, getrokken door managers. We moeten creatief zijn om producten en systemen nuttiger te maken. En onze diepgaande kennis toepassen om innovatieve oplossingen te definiëren die nuttiger zijn.

Usable (Bruikbaar)

Gebruiksgemak blijft van essentieel belang, en toch hebben de interface centered methoden en perspectieven van mens-computer interactie geen betrekking op alle dimensies van webdesign. Usability is noodzakelijk maar niet voldoende.

Desirable (Wenselijk)

De zoektocht naar efficiëntie moet worden getemperd door een waardering voor de kracht van waarde van het beeld, identiteit, merk en andere elementen van Emotional Design.

Findable (Vindbaar)

Er moet worden gestreefd naar het ontwerpen van bestuurbare websites en lokaliseerbare objecten, zodat gebruikers kunnen vinden wat ze nodig hebben.

Accesible (Toegankelijk)

Net als gebouwen, liften en hellingbanen hebben, moeten websites toegankelijk zijn voor mensen met een handicap. Vandaag de dag is het een goede zaak en ethisch verantwoord om te doen. Uiteindelijk zal het een wet worden.

Credible (Geloofwaardig)

Gebruikers moeten geloven wat we ze vertellen en wat we ze aanbieden. We kunnen dit besturen door de juiste design elementen te gebruiken die van invloed zijn op de gebruikers vertrouwen.

Valuable (Waardevol)

De site moet toegevoegde waarde leveren aan onze sponsors. Voor non-profit organisaties, de user experience moet de missie bevorderen. Voor for-profit, moet het bijdragen aan de onderste regel en het bevorderen van de klanttevredenheid.

http://semanticstudios.com/publications/ semantics/000029.php – Morville, P. on Semantic S tudios, 06/2004

Restructuring the User Experience Honeycomb

The User Experience Honeycomb is al redelijk oud en niet gestructureerd. Magnus Revang heeft daarom de Honeycomb geherstructueerd en de uitleg bij de verschillende facetten simpel en makkelijk te begrijpen gemaakt.

Findability (Vindbaarheid)

“Je kunt niet gebruiken wat je niet kan vinden”

Accesibility (Toegankelijkheid)

“Je kunt niets gebruiken waar je geen toegang tot hebt”

Desirability (Wenselijk)

Je ziet de interface voor je het gebruikt.

Usability (Bruikbaarheid)

Het moet mogelijk zijn iets te gebruiken om er iets mee te doen.

Crediblity (Geloofwaardigheid)

Je moet iets vertouwen voor je je verbindt tot het oplossen van een taak met de dienst.

Usefulness (Nuttigheid)

Een gebruiker vormt een mening over de nuttigheid wanneer de site wordt verlaten, hopelijk na het afronden van de taak.

Value (Waarde)

Waarde is een resultaat van User Experience en niet een facet.

De modellen kunnen gebruikt worden tijdens het ontwerp proces. De modellen zijn vooral bedoeld als bron tijdens het proces. Zit je vast of weet je het even niet meer kun je altijd de modellen erbij pakken om te zien of je op de juiste weg bent.

http://userexperienceproject.blogspot.com/2007/02/ restructuring-user-experience-honeycomb.html – Revang, M. on User Experience Project

Elements of user experience

Het User Experience design-proces gaat over het zorgen dat er geen aspect van de ervaring van de gebruiker met het product gebeurt zonder je bewuste intentie. Dit betekent dat er rekening gehouden moet worden met alle mogelijkheden van elke actie die de gebruiker waarschijnlijk neemt en te begrijpen verwachtingen van de gebruiker bij elke stap door het proces. Dit klinkt als een hoop werk en in sommige opzichten is dat het ook. Door het verdelen van de taak in verschillende elementen begrijpen we het geheel ook beter.

Alle beslissingen over hoe een site (product) eruit ziet, zich gedraagt en wat je met het resultaat kunt doen resulteert in de User Experience. The Elements of User Experience model is vooral bedoeld voor User Experience op het web.

Wanneer we praten over User Experience, hebben we het over deze vijf vlakken van het model The Elements of User Experience van Jesse James Garrett. Het doel is om elk onderdeel van de User Experience op te delen in vijf vlakken zodat er per vlak gewerkt kan worden. Wanneer de strategie bepaald word hoef je nog niet over het uiterlijk na te denken.

Surface plane

Op het oppervlak zie je een aantal series van website pagina’s, gemaakt van afbeeldingen en tekst. Een aantal van de afbeeldingen kun je op klikken en voeren een bepaalde functie uit. Een aantal van de afbeeldingen zijn illustraties zoals fotografie van een product dat te koop is of het logo van het bedrijf of website.

Skeleton plane

Onder het oppervlak zit het skeleton van de site. De plek met knoppen, controles, foto’s en blokken tekst. Het skeleton is ontworpen om de indeling van een aantal elementen te optimaliseren voor maximaal effect en efficiëntie. Zodat je het logo en de knoppen en functies altijd kan vinden als je deze nodig hebt.

Structure plane

Het skeleton is de uitdrukking van de meer abstracte structuur van de site. Het skeleton definieert de plaatsing van de interface elementen. De structuur definieert hoe gebruikers naar die pagina zijn gekomen en waar ze heen kunnen gaan als ze klaar zijn op de bezochte pagina. Het skeleton mag dan de plaatsing van navigatie elementen definiëren waarmee de gebruiker door de categorieën kan browsen . De structuur definieert wat die categorieën zijn.

Scope plane

De structuur definieert de manier waarop de verschillende kenmerken en functies van de site gezamenlijk passen. Wat die kenmerken en functies zijn vormt de scope van de site.Bijvoorbeeld veel sites onthouden na een bestelling het afleveradres zonder dat deze opnieuw ingevoerd hoeft te worden. Of dat of elk ander kenmerk erin zit is een kwestie van scope.

Strategy plane

De scope word fundamenteel beslist door de strategie van de site. Deze strategie bevat niet alleen wat de mensen die de site bezitten met de site willen maar ook wat de gebruikers met de site willen doen. De strategie doelstelling voor een webshop is simpel: gebruikers willen producten kopen en de webshop wil producten verkopen. Andere doelstellingen zoals de rol van adverteren en content die de gebruikers op de site plaatsen en hoe dat inspeelt op het businessmodel zijn moeilijker te verwoorden.

Book: The Elements of User Experience by Jesse James Garrett 2011

The Elements of User Experience by Jesse James Garrett

The Elements of User Experience by Jesse James Garrett

In dit model zijn alle verwarrende termen in de elementen geplaatst. Door elk element op te delen in komponent elementen, is het eenvoudiger te zien hoe alle stukjes in elkaar passen die uiteindelijk de volledige User Experience vormen.

Strategy plane (Strategie) product objectives and user needs

De User Needs zijn de doelen voor het product die afkomstig zijn van buiten de organisatie. Specifiek zijn dat de mensen die het product gebruiken. De User Needs is het begrijpen van de gebruikers wat ze van ons product willen en hoe dat aansluit bij andere doelen die ze hebben.

Tegenover de behoefte van de gebruikers staan de organisaties eigen doelstellingen. Deze Product Objectives kunnen Business Goals zijn zoals meer verkopen dit jaar of andere soort doelen zoals kiezers informeren over kandidaten bij de volgende verkiezing.

Scope plane (Toepassingsgebied) Functional specifications and content requirments

Aan de functionele kant is de Strategy vertaald naar Scope door het creëren van Functional Specifications van het product.. Dit zijn de functionaliteiten en features die terug komen in het product.

Aan de informatie kant van het product neemt Scope de vorm aan van Content Requirements. Dit is een beschrijving van de verschillende elementen die nodig zijn.

Structure plane (Structuur) Interaction design and information architecture

De Structure geeft de structuur aan van de functionele kant doormiddel van Interaction Design, waarin bepaald word hoe het system zich gedraagt als reactie op de gebruiker.

Aan de informatie kant is de Information Architecture de inrichting van content elementen om het menselijke begrip te vergemakkelijken.

Skeleton plane (Skelet) Interface design, navigation design and information design

Het Skeleton is opgedeeld in drie onderdelen. Aan beide kanten is Information Design van toepassing. Dit is het presenteren van informatie op een manier die eenvoudig te begrijpen is.

Aan de functionele kant bevat het Skeleton ook Interface Design, het inrichten van interface elementen om gebruikers in staat te stellen interactie met de functionaliteiten van het systeem te hebben.

Aan de informatie kant staat het Navigation Design een set van schermelementen die de gebruiker in staat stellen om zich door de informatie architectuur te verplaatsen.

Surface plane (Oppervlakte) Sensory design

Als laatste onderdeel komt Sensory Design. Ongeacht de functionele of informatie zijde het doel blijft hetzelfde de zintuigelijke ervaring creëren door het eindproduct. De laatste stap in het proces draait pas om de uiterlijke kenmerken van het product.

Book: The Elements of User Experience by Jesse James Garrett 2011

De elementen

Het model is opgedeeld in vlakken die ook weer onderverdeeld zijn in verschillende lagen. Dit is een handige manier van denken over het User Experience probleem. In de werkelijkheid zijn de lijnen tussen deze gebieden niet zo duidelijk getrokken als in het model. Het kan moeilijk te identificeren zijn of een probleem te verhelpen is door de plaatsing van een element of het te vervangen voor een ander element. Kan een aanwijzing in het visuele ontwerp het probleem verhelpen of moet het onderliggende navigation design aangepast worden? Sommige problemen hebben aandacht op verschillende gebieden tegelijk nodig terwijl andere problemen buiten de lijnen van het model vallen. Het is daarom een richtlijn voor het werken aan een User Experience probleem niet per se de enige vorm of volgorde voor het verhelpen van een probleem.

Er zijn maar weinig producten of diensten die aan één kant van het model vallen. Binnen elk vlak moeten de elementen samenwerken om het uiteindelijke doel van dat vlak te bereiken. Het onderscheid maken van het effect van één element en wat voor invloed dat heeft op de andere elementen op het vlak is erg moeilijk.

Er zijn nog een aantal onderwerpen die niet in het model voorkomen maar wel net zo belangrijk zijn. Content is de reden dat iemand op een site of ander product komt, deze content moeten de gebruikers als waardevol ervaren. Technologie is net zo belangrijk, de afgelopen jaren is technologie en de mogelijkheden die het bied enorm vooruit gegaan. De manier waarop en waar iemand het technologisch product gebruikt is ook van toepassing op de User Experience.

Hoewel het model in eerste instantie is gemaakt voor websites is het toe te passen op een breed scala aan producten en diensten. Als het wordt toegepast op andere vormen van technologische producten zijn er veel overeenkomsten. Zelfs wanneer het een product of dienst is dat verder niets met technologie te maken heeft, is het model toe te passen maar kunnen er bepaalde elementen afvallen of toegevoegd worden.

Book: The Elements of User Experience by Jesse James Garrett, 2011

User experience heuristics

User Experience problemen vinden is niet eenvoudig, het kan van een hoop verschillende factoren afhangen. Om een hulpmiddel te bieden zijn heuristics ontstaan. De evaluatie van de heuristics geven een goed beeld van de User Experience en de problemen van een site of product. De evaluatie wordt ook een site site review of expert review genoemd.

Made for humans

Is de site of product relevant en bruikbaar en komt het overeen met de gebruikers “mental model”. Een metal model is het beeld wat een gebruiker heeft over de taak of doelstelling die zij willen behalen met de interface. Dit moet altijd het uitgangspunt zijn bij de keuzes wanneer je een site of product ontwerpt. Het moet voor de gebruiker die het product voor het eerst gebruikt logisch zijn en niet voor de ontwerper die er al een tijd aan werkt en de site of product van binnen en buiten kent.

http://www.useit.com/alertbox/mentalmodels.html - Nielsen, J. (2010). Mental Models.

Forgiving

Errors moeten zo veel mogelijk gereduceerd worden. Fouten belemmeren de gebruikers flow op de site of product. Wanneer er een fout voorkomt moet het systeem de gebruiker inlichten wat er fout is gegaan en hoe dit hersteld kan worden.

Accessible

Het product moet toegankelijk zijn voor de gebruikers. Ook voor de gebruikers met een beperking. 10 % van de bevolking heeft een beperking. Door veel contrast te gebruiken kunnen de gebruikers die kleurenblind zijn het product ook gebruiken. Wanneer dit niet gebeurd betekent het dat 1 op de 10 gebruikers het product niet kan gebruiken.

http://www.alistapart.com/articles/contrast-is-king/ - Jensen-Inman, L. (2010). Contrast is King.

Self-evident

Het moet duidelijk zijn waarvoor en voor wie de site is. Is het eenvoudig om te navigeren en is de belangrijkste content prominent aanwezig zijn de layout, iconen en afbeeldingen logisch en intuïtief te gebruiken. Er moeten zo min mogelijk vraagtekens bij gebruikers opkomen tijdens het gebruik van de site of product. Een handleiding of uitleg moet zo min mogelijk tot helemaal niet nodig zijn. Een gebruiker moet in één oogopslag zien wat het product is en hoe het werkt.

Predictable

Het product of de site moet een consistente lijn doortrekken en niet afwijken van welbekende conventies die voor de gebruiker voorspelbaar zijn omdat deze worden herkend. Uniek zijn is niet altijd goed voor de User Experience. Sommige dingen worden nou eenmaal makkelijker begrepen. Je kunt ervanuit gaan dat iedereen weet dat de S op een label van een kledingstuk small betekend. Iconen, winkelwagens en formulieren zijn zo universeel geworden dat iedereen deze in één oogopslag begrijpt. Ook het onthouden van de voorkeur van de gebruiker is belangrijk, niemand wil op elk formulier zijn gegevens opnieuw invoeren of iets in een winkelwagen hebben en per ongeluk weg gaan van de site en de hele inhoud verliezen. Afwijken van deze conventies of de betekenis of

manier van interactie veranderen is onduidelijk voor de gebruiker en zal de User Experience niet verbeteren.

http://www.uxbooth.com/blog/understanding-conventionswhen-being-unique-is-a-bad-thing/ - Horrocks, R. (2008). Keeping Conventions: When Being Unique is a Bad Thing.

Efficient

Een site of product moet efficiënt zijn. Een gebruiker wil een zo kort mogelijke route afleggen om bij zijn doel te bereiken. Wanneer tekst, plaatjes en de structuur beknopt gehouden worden en de gebruiker terugkoppeling krijgt wanneer hij een taak uitvoert draagt dit bij aan de efficiëntie van de User Experience. De prioriteit van een site of product ligt bij de belangrijkste taak. Gebruikers blijken een site te scannen en niet eerst te lezen. Daarom moet de belangrijkste taak in beeld staan zodat deze opgemerkt kan worden en er ook gebruik van gemaakt word.

Trustworthy

Om vertrouwd te worden moet het product geloofwaardig overkomen. Een niets zeggende tekst op een site helpt niet bij het winnen van vertrouwen en komt niet geloofwaardig over. Wanneer de content up-to-date is draagt dit ook bij aan het vertrouwen omdat de site of product constant verbeterd, uitgebreid of aangepast word.

Book: Undercover User Experience Design, Bowles, C., & Box, J. (2011).---------------------

Uniek zijn vraagt om een andere aanpak of nieuwe conventies, dit betekent voor de gebruiker dat er iets nieuws geleerd moet worden. Een gebruiker

Gebruikers gebruiken een interface door te kijken en doen naar wat ze herkennen. Wanneer er twee zoekvelden op een site staan voor twee verschillende soorten zoekresultaten zullen er veel gebruikers zijn die er maar één van gebruiken omdat ze gewend zijn dat er maar één zoekveld aanwezig is.Mobile user experience en user context

Mobiel

Mobiel refereert naar de gebruikers situatie niet die van het apparaat. Ontwerpen voor mobiel is anders dan voor een desktop, bij mobiel is het begrijpen van de context belangrijk. Het begrijpen van de context betekent HOE, WAAR, WANNEER en WAAROM een gebruiker zijn mobiel gebruikt.

Het ontwerpen voor mobiel betekent dat de context waarin de applicatie gebruikt word ook kan veranderen. Alle aspecten, mogelijkheden en beperkingen moeten verkend worden. Een mobiel word voornamelijk gebruikt tijdens die momenten dat je even tijd hebt tussendoor. Wanneer je in het openbaar vervoer zit of even naar de winkel loopt om boodschappen te doen. Dit brengt ook weer beperkingen met zich mee zoals het gebruik van de mobiel met één hand, door het dragen van een boodschappen tas. Maar ook de omgeving is van belang zoals de zon die de trein in schijnt terwijl je even op je mobiel bezig ben. De mobiele telefoon word tijdens korte momenten gebruikt en ook tijdens het gebruik word er veel gewisseld tussen applicaties zoals even kijken hoe laat het is of even

een berichtje versturen. De technologie zorgt ook voor verschillen, sommige gebruikers hebben een oudere mobiel terwijl anderen de nieuwste smartphones bezitten waar meer functies op zitten.

http://www.wsol.com/White_Board/Topics/Design_Advice/Mobile_Web_Site_Design__What_You_Should_Know/

Context

In het boek Mobile Design and Development geschreven door Brian Fling wordt context opgedeeld in verschillende soorten van context. Context met de Hoofdletter C is hoe de gebruikers waarde geven aan iets dat ze aan het doen zijn. Zoals een gebouw zien en het opzoeken op internet op je telefoon voegt Context toe aan je taak. Deze Context met hoofdletter C word ook wel “het verstrekken van Context” genoemd, omdat de verstrekte informatie je Context geeft oftewel het beter begrijpen van wat dit moment in tijd voor de gebruiker betekend. Context zorgt voor een beter begrip van een persoon, plek, ding, situatie of een idee door er informatie aan toe te voegen.Context met een kleine c is de mode, medium of omgeving en omstandigheden waarin we een taak proberen uit te voeren. De context met een kleine c bestaat uit drie type context. Fysieke context (locatie), media context (apparaat en toegang online) en modale context (gemoedstoestand).

Fysieke context (locatie)

Waar de gebruiker zich bevind heeft vaak invloed op het gebruik. Wanneer je in de auto rijd, heb je veel privacy er is niemand die mee kijkt op je scherm maar ben je bezig een voertuig te besturen en op de weg te blijven rijden. In de bus is er minder privacy iedereen kan meekijken maar heb je handen en ogen vrij om op je mobiel te concentreren.

media context (apparaat en toegang online)

Mobiele apparaten zijn niet zo rijk in content als een krant, maar kunnen informatie in het heden geven. De mobiele context voegt waarde toe die de geprinte krant niet kan geven. Het gaat niet alleen om informatie die we ontvangen het kan ook gaan over betrokken publiek in real time. In 2009 werd 178 miljoen keer gestemd via berichtjes op American Idol terwijl er in 2008 maar 131 miljoen keer gestemd is bij de presidentiële verkiezing.

modale context (gemoedstoestand)

Gedreven door willen, iets nodig hebben of verlangen maken we keuzes waardoor we hopelijk ons doel behalen. Soms onderscheidende maar vaker wel dan niet triviale keuzes zoals wanneer je hand boven een vlam hangt, als het te warm word trek je automatisch je hand weg zonder daar echt over na te denken. Modale context is de kern van een opzettelijke handeling of inactiviteit.

Blz 47Book: Mobile Design and Development Brian Fling 2009

Beperkingen

-Klein scherm

-Laag of onderbroken netwerk verbinding

-Lang laden van pagina’s

-Beperkte ondersteuning voor web functionaliteiten

-Beperkte batterij

-Groot verschillen in mobiele apparatuur en apparaat capaciteit in de markt

De meerderheid van mobiele apparaten heeft een klein scherm. De mobiele schermen verschillen in lengte, hoogte en pixel dichtheid. De netwerkverbinding op een mobiel kan laag zijn en wordt onderbroken. Sommige gebruikers hebben een lage internetverbinding waar je per megabyte voor moet betalen. Anderen hebben een onbeperkte connectie waarmee men redelijk snel kan browsen. Elke mobiel heeft een browser maar de beperkte ondersteuning voor web functionaliteiten kan per mobiel verschillen. Een mobiel heeft ook minder werkgeheugen en zal daarom langer moeten laden om pagina’s of applicatie te openen. De batterij in een mobiel gaat redelijk snel leeg. Er zijn smartphones die je dagelijks moet opladen, vooral als deze mobiele apparaten veel worden gebruikt. Het gebruik van internet en locatie bepalende applicaties hebben een grote impact op de batterij duur van een mobiel.

http://www.wsol.com/White_Board/Topics/Design_Advice/Mobile_Web_Site_Design__What_You_Should_Know/ - Mobile website design, what you should know.

Voordelen tegenover desktop

-LocatieMobiele apparaten kunnen locatie bewust zijn, wat de mogelijkheid geeft om content te leveren die direct relevant is voor de gebruikers context.

-Massa communicatieMeer mensen in de wereld hebben internet beschikbaar op hun mobiele telefoon dan op desktop computers waardoor het een belangrijk middel van massacommunicatie is.

-PersoonlijkMensen hebben een intieme relatie met hun telefoon. Een mobiel wordt niet gedeeld zoals een desktop computer word gedeeld in een gezin. Omdat het vooral persoonlijk gebruikt word is er veel potentie op de markt in de richting van het verlangen van een individu om hun telefoon te personaliseren en eigen te maken.

-Staat altijd aanDe meeste mobiele telefoons hebben toegang tot internet, het zenden en ontvangen van e-mails en berichten ook wanneer het apparaat niet actief word gebruikt.

-Draagbaar (makkelijk te vervoeren)Mensen dragen hun mobiel overal mee naartoe. Naar het werk, tijdens de pauze, even boodschappen doen en zelfs als men zich in huis naar een andere kamer verplaatst moet de mobiel mee.

http://www.wsol.com/White_Board/Topics/Design_Advice/Mobile_Web_Site_Design__What_You_Should_Know/

Desktop Mobile

Large screen Small screen

Desk-mounted monitor Screen jolting around (while walking)

Fast internet Slow internet

Have time to browse Don’t have time

Quiet environment Noisy, distracting environment

Have pen & paper to take notes Hard to take notes

Sitting down Standing or walking

Have separate phone Phone and web in same device

Focussed on task Multi-tasking

Artificially-lit environment May be in strong sunlightAfbeelding namaken!

Nadelen tegen over desktop

Naast de voordelen zijn er ook nadelen aan een mobiel apparaat ten opzicht van een desktop computer.

-Klein scherm

Een mobiel apparaat heeft een klein scherm. Dit is direct één van de grootste zichtbare verschillen ten opzichte van een desktop computer. Het kleine scherm biedt geen plaats voor onrelevante content en te grote afbeeldingen. Ontwerpers moeten veel keuzes maken en creatief met de kleine ruimte om gaan. Ook omdat er op een mobiel apparaat maar één scherm tegelijk bekeken kan worden en daar direct de meest relevante informatie op te zien moet zijn.

-Onstabiel oppervlak

Een mobiel wordt niet gebruikt zoals een desktop op een stabiele ondergrond zoals een tafel die afgesteld staat op de juiste kijkhoek. Een mobiel houd je in je hand terwijl je loopt, zit of staat misschien wel in de bus waardoor je mobiel in je hand heen en weer schud.

-Langzaam internet

Een mobiel maakt gebruik van mobiele data-connectiviteit of een WiFi verbinding. Zelfs de nieuwste en snelste mobiele telefoons en de browsers die erop staan zijn niet zo snel als op een desktop. De pagina duurt langer om te verwerken en renderen.

-Weinig tijd

Wanneer je in het verkeer deelneemt en in de file staat of moet overstappen op de trein heb je minder tijd voor andere dingen. Je staat wel stil en hebt wat tijd om informatie op te zoeken maar je blijft met je hoofdtaak bezig. Op een desktop concentreer je meer op de getoonde informatie en heb je meer tijd om achterover te leunen en te vinden wat je aan het zoeken was.

-Omgeving veranderd

Een mobiel gebruik je zoals de naam al zegt mobiel. Wanneer je in een drukke ruimte ben is er meer geluid om je heen. Hierdoor kun je afgeleid worden terwijl je op je mobiel bezig ben maar ook andersom komt het voor. Mensen lopen over straat terwijl ze een mobiel gebruiken, en kunnen zo opgaan waarmee ze bezig zijn op een mobiel dat de omgeving wordt vergeten.

-Invoer (typen)

Een desktop computer of laptop heeft de beschikking over een volledig toetsenbord met 104 toetsen of meer. Een mobiel heeft vaak 2 of 3 letters op een enkele toets of in sommige gevallen een volledig on-screen toetsenbord met elke letter onder een enkele toets. Naast dat deze on-screen toetsenborden alsnog beperkt zijn met vaak op één pagina het alfabet en de andere toetsen verborgen onder een toets die een nieuw scherm laat zien met bijvoorbeeld aparte tekens. Maar misschien wel het belangrijkste nadeel is de tastbaarheid, het on-screen toetsenborsd is niet tastbaar waardoor typen niet zo natuurlijk en snel gaat als op een tastbaar toetsenbord van bijvoorbeeld een laptop.

-Mobiel en web in één apparaat

Iedereen kent het wel je bent aan het bellen en moet ondertussen wat op internet opzoeken. Op een desktop computer is dit geen probleem wanneer je met de huistelefoon of mobiel aan het bellen bent. Op een mobiele telefoon zit het web en de mobiele functies in één apparaat. Dit kan een nadeel zijn wanneer je iemand belt op je mobiel en ook wat op de browser op je mobiel wilt opzoeken.

-Multi-tasking

Moderne smartphones kunnen Multi-tasken maar niet zoals bij een desktop computer waar je vier schermen kleiner kan maken zodat ze allemaal in beeld passen. Op een smartphone kan er maar één scherm tegelijkertijd open staan waardoor de gebruiker tussen applicatie moet wisselen en zijn focus kan verliezen.

-Reflecterend scherm

Wanneer het zonnig is en je gebruik maakt van je mobiel kan het zonlicht op je scherm reflecteren. Op een desktop computer wordt er vaak gebruik gemaakt van kunstmatig licht om de ruimte te belichten en schijnt de zon niet direct op je scherm.

Niet in alle gevallen zijn dit nadelen van een mobiele telefoon. Het gaat niet altijd op, maar zijn een soort richtlijnen van User Experience die over het algemeen van toepassing zijn op mobiele apparaten. Het kan zo zijn dat iemand achter een desktop computer enorme haast heeft en iemand die gebruikt maakt van zijn mobiel in het ziekenhuis op een stoel zit en uren te spenderen heeft voor diegene aan de beurt is.

Book: Mobile Design and Development Brian Fling 2009

http://www.purecaffeine.com/blog/design/the-mobile-experience-is-nothing-like-desktop/

Ontwerpen voor mobiel

-Focus op het belangrijkste. Er kan slechts één pagina getoond worden, zorg ervoor dat het belangrijkste stukje informatie dat overgebracht moet worden in het zicht staat.

-Beperk navigatie tot een minimum. Geef zoveel informatie als mogelijk is, maar niet meer dan dat.

-Gebruik witruimte als ontwerp tool, het toont simpelheid en geordendheid.

-Volg niet altijd een richtlijn. In bepaalde mobiele applicaties wordt er afgeweken van de richtlijnen maar er moet een logische reden voor zijn dit te doen.

-Ontwerp met gelimiteerde maar bruikbare afbeeldingen en gelimiteerde woorden.

http://www.systeminetwork.com/article/application-modernization/designing-a-mobile-user-experience-64718 - Greg Hintermeister, Designing a Mobile User Experience

Gebruik van mobiele apparaten

-Mobiel is een levensstijlMobiel is een levensstijl niet een apparaat. De waarheid hierachter is dat mensen mobiel zijn en niet hun apparaat. Mobiele telefoons zijn kleiner en lichter geworden om mee te bewegen met het tempo van het leven. Maar de mobiele telefoon heeft geen kracht, waarde of betekenis zonder mensen. Hoe beter er begrepen word over mensen hun levensstijl en doelen waardoor ze worden gedreven, hoe beter er een natuurlijke mobiele ervaring gecreëerd kan worden.

-Mobiel een constante natuurlijke staatDe staat van het flexibel, dynamisch, onafhankelijk, open, vrij, opportunistisch en aanpasbaar zijn is de kern van alle menselijke wezens. Wanneer we deze ideeën overnemen als een set van ontwerp principes behouden we de ervaring op verschillende apparaten, kleine schermen en verdere technologie zijn ontworpen om te passen in een mobiele gebruiker levensstijl.

-Het gaat over mensen. En hun mensen.Er is geen aanhoudender wens van mensen dan aan te sluiten en verband met elkaar te leggen. Deze intentie helpt bij het verklaren van een groot aantal mobiele activiteiten en ervaringen. Het verandert het landschap voor hoe we mobiele producten en diensten ontwerpen. Als specialisten in het begrijpen van de context van menselijke interactie, moeten we de waarde van de nieuwe mobiliteit meten en kijken hoe goed het gebruikers in staat stelt om manieren te vinden om samen te komen.

http://punchcut.com/perspectives/mobile-not-device-it%E2%80%99s-lifestyle

---------------------------------------------------------------

verder met onderstaande site voor bij gebruik mobiel apparaten

http://blog.compete.com/2010/03/12/smartphone-owners-a-ready-and-willing-audience/

Conclusie

#3 Native apps, web apps en responsive design

Native apps

Web apps

Responsive design

Conclusie

#4 Case

Open dagen app

Concept

Wireframes

Product open dagen app schermen

Usability test

Conclusie

Bronnen