Webbdesign och användbarhet för tablets
Designmönster och konventioner för ökad kompabilitet mot tablets.
InteraktionsdesignWebbdesignTabletAnvändbarhetDesignmönsterGrafiskt gränssnittPekskärmKonventionerKompabilitet
Undersöknings syfte var att närmare ta reda på hur ett grafiskt gränssnitt för en och samma webbplats lämpligt kan anpassas för att ge en likvärdigt god användarupplevelse oberoende användaren använder sig av en vanlig dator eller en tablet.För att undersöka problemlösande designmönster prövades en teorisyntes baserad på befästa användbarhetsläror, så som metoder för visibility, affordance, mapping, begränsningar och feedback samt tekniker för grafisk gränssnittsdesign och navigation mot en fallstudie.Fallstudien utgjorde en del av ett större projekt, att ta fram ett koncept för en webbplats avseende ett arkitekturmagasin, att vara kompatibel med såväl en desktop som en tablet avseende möjligheten att med gott resultat ta del av samma tjänstekoncept oberoende plattform.Fallstudien gjordes i flera steg genom att först skapa ett passande tjänstekoncept avseende webbplatsens syfte, för att sedan i iterationer skapa ett interaktions- och ett grafiskt ramverk. Under produktionen togs framför all två saker i beaktande; inputmöjligheter både för desktop med mus och tablet med hand eller finger samt konceptuell modeller vad gällande navigation från både tablet och desktopbruk. Iterationerna avslutades med användartester där fyra personer fick prova de framkomna koncepten.Resultatet och analysen av fallstudien pekar på att det finns riktlinjer vilka en designer kan och eventuellt bör följa för att få ett lyckat resultat.Bland dessa riktlinjer är finkänsligheten gällande input den klara skillnaden mellan en desktop med en mus och en tablet med pekskärm. Därför bör alla interaktiva objekt alltid utformas och placeras så att de är lätta att aktivera oberoende metod för input.För ökad läsbarhet bör inte för liten text användas och dessutom tillkommer avvägning för navigation där det är viktigt att inte fastna i gamla webbdesignkonventioner med djupa hierarkier, utan i stället sträva mot en informationsarkitektur som möjliggör för enkel översikt och navigering.Analysen visar även på att överdådig grafik bör undvikas för att inte försätta användaren i en situation där den behöver fundera över hur den ska göra något snarare än vad.