Behållningen och lärdomen av denna studie är insikten att design är en föränderlig process där man inte alltid kan förutse resultatet; man måste alltid vara beredd på att revidera användargränssnittets utformning när man finner nya och bättre lösningar.
Jag tänker här inleda med att besvara den första av de två inledande frågeställningarna för den här studien som var hur man gör en anpassning av ett användargränssnitt för ett befintligt webbaserat system så att det även passar för smartphones:
Det finns många sätt att mäta användbarhet och ett av dem är nöjda användare och som det konstaterats tidigare: har man inte några nöjda användare saknar webbplatsen värde, hur väl webbsidan än är gjord. Eftersom användargränssnittet är en viktig del av ett webbaserat system där ett lyckat sådant kan dra till sig användare och ett misslyckat kan på motsvarande sätt stöta bort dem. Den här studien har visat att när man startar ett projekt för anpassning av ett gränssnitt bör man ha eller skapa riktlinjer för typsnitt, storlekar, ikoner, grafisk representation som tjocklek på linjer eller logotyper, användning av färger, bakgrund, menyval och formulär. Gränssnittets användbarhet måste motsvara förväntningarna hos användarna.
Man bör vidare försöka undvika vanliga designfel som att begrava informationen för djupt in i webbsidan eller att överhopa sidan med för stora mängder material. I fallstudien är nivåerna därför begränsade till två. Mängden information har reducerats med hjälp av olika migreringsmetoder.
Nyckelfaktorn för lyckad design har under denna studie visat sig vara att uppnå målet med universell design. Forskning har visat att om man tillmötesgår dessa användare förbättras deras prestation och användarupplevelse. I fallstudien har ett väl tilltaget typsnitt använts. När det gäller färganvändning finns det inga enkla regler för hur färg ska användas, men man bör använda färg konservativt. Felaktiga val kan göra att användare söker släktskap som inte finns på skärmen. Man bör även begränsa antalet färger till fyra på en skärm och sju i en sekvens. För att uppnå så stor tydlighet och kontrast som möjligt bör färgvalet precis som i fallstudien i grunden vara monokromt; svart på vit botten för att kontrasten ska vara så god och tydlig som möjligt.
Syftet med uppsatsen har varit att identifiera hur man gör en lyckad design och migrering av ett användargränssnitt i ett befintligt webbaserat system så att det passar smartphones. För att uppnå målet med en lyckad design bör man ta hänsyn till en mängd faktorer:
Initialt är det viktigt att undersöka rådande regler och riktlinjer som finns för design av ett användargränssnitt
När det gäller design för smartphones bör man ta i beaktande att det finns flera olika plattformar när man gör språkval, att smartphones kräver lite unika tankesätt jämfört normal gränssnittsdesign tack vare de små skärmarna
För att skapa ett gränssnitt för smartphones med god affordance bör man inte överösa sidorna med färger och information som kan desorientera och förvirra användarna. För mycket innehåll på en sida kan dra ner prestandan och försämra användarupplevelsen. De rekommendationer och riktlinjer som finns redovisade i denna studie har visat sig vara tillämpningsbara.
det finns program som automatiskt kan generera ett gränssnitt kan besvaras på följande vis: I studien har det visat sig att program som sköter anpassningen av sidor skapade för enheter med stora skärmar automatiskt till ett format som passar smartphones skapar en klumpig navigering som gör användarna både konfunderade och förvirrade. Det är därför inte någon metod som den här studien rekommenderar.
När det gäller automatisk anpassning av webbaserade gränssnitt kan man utifrån den litterära studien som gjorts dra slutsatsen att det inte finns någon tillfredsställande effektiv metod att göra detta på idag.
Slutsatsen pekar således på att vill man ha specifikt anpassade gränssnitt för olika enheter och vill hålla en tillfredsställande kvalitetsnivå får man räkna med att skapa ett gränssnitt för varje typ av enhet som ska interagera med systemet. Vinsten med detta är framförallt en större kontroll över resultatet och man undviker risken att gränssnittet visas på ett vis som varken var tänkt eller önskat.
5.1 Fortsatt forskning
Det mesta tyder på att vi går mot en större multianvändning av enheter i vår interagering med Internet. Det är därför av högt intresse med fortsatt forskning och utveckling inom området anpassning av existerande webbaserade system. Ett väl fungerande verktyg för detta ändamål skulle nog kunna vara av intresse. Även verktyg av det slaget där man redan i initialskedet av ett utvecklingsprojekt parallellt kan skapa användargränssnitt anpassade för olika slags enheter.
I min fallstudie hade jag av resursmässiga skäl inte haft möjlighet att testköra prototyperna i alla på marknaden förekommande mobila webbläsare, vilket hade varit oerhört intressant att få ha gjort. Om man skapar mobila webbsidor finns intentionen att så många som möjligt ska kunna ta del av sidorna utan att alltför stora kompromisser måste göras när de skapas. Forskning som undersöker skillnader och likheter mellan de olika mobila webbläsarna skulle var av intresse, en forskning som förhoppningsvis kan leda fram till riktlinjer för vilken nivå på mobil webbstandard webbläsarna bör kunna stödja, ett rekommenderat minimikrav. Sådana riktlinjer skulle kunna underlätta för framtidens utvecklare av den mobila webben. Att dessutom testa prototyperna på typiska användare eller en testgrupp är något som säkerligen skulle ha kunnat tillföra studien en ytterligare dimension.
Jag valde i min fallstudie en ganska avskalad design som kanske inte är det mest estetiskt tilltalande. Som fortsatt utveckling av prototypen och som en gren i test av mobila webbläsare skulle det vara intressant att undersöka hur mycket information smartphones klarar utan att försämra användarupplevelsen.
Källförteckning
Allaboutsymbian, Summary article for the Sony Ericsson P800, 2003. Tillgänglig på http://www.allaboutsymbian.com hämtad 2010-04-18
binti Ayob, Nurul Zakiah, Hussin, Ab. Razak Che & Dahlan, Halina Mohamed, Three Layers
Design Guideline for Mobile Application, International Conference on Information
Management and Engineering, 2009
Businessweek, Handspring's Breakthrough Hybrid, 2001. Tillgänglig på http://www.businessweek.com hämtad 20010-04-18
Canalys, Majority of smart phones now have touch screens, 2010. Tillgänglig på http://www.canalys.com hämtad 2010-04-19
CS, Ordlistan, 2010. Tillgänglig på http://cstjanster.idg.se hämtad april-maj 2010
Dennis, Alan & Wixom, Barbara Haley, Systems analysis design, 2. ed., Wiley, New York, 2003
DN, Smartast smartphone vinner, 2010. Tillgänglig på http://www.dn.se hämtad 2010-04-23 Ericsson, The R380s—The first smartphone from the Ericsson–Symbian partnership, 2001. Tillgänglig på http://www.ericsson.com hämtad 2010-04-18
Furht, Borko., Encyclopedia of multimedia [Elektronisk resurs], Springer, New York, NY, 2006
González S., J. Gabriel, Sosa S., Víctor J., Olivares R., J. Carlos & Montes R., Azucena,
Multi-Format Web Content Transcoding for Mobile Devices, Centro Nacional de
Investigación y Desarrollo Tecnológico, 2006
Gunnarsson, Ronny, Validitet och reliabilitet,2002. Tillgänglig på http://infovoice.se hämtad 2010-06-20
IDG, Framtidens smartphones, 2010. Tillgänglig på http://www.idg.se hämtad 2010-04-18 IDG, Sex operativ dominerar, 2009. Tillgänglig på http://www.idg.se hämtad 2010-04-07 KDE, Projects/WebKit, 2010. Tillgänglig på http://techbase.kde.org hämtad 2010-04-28 Kärkkäinen, Lari & Laarni, Jari Designing for Small Display Screens, NordiCHI, 2002
Lin, James & Landay, James, Employing Patterns and Layers for Early-Stage Design and Prototyping of Cross-Device User Interfaces, Activity-Based Prototyping and Software, 2008 Liu, Kevin Hau, A taxonomy and business analyses for mobile web applications, Massachusetts Institute of Technology, 2009
M3, Jättetest: Operativ-olympiaden, 2010. Tillgänglig på http://m3.idg.se hämtad 2010-04-06 MacKay, Bonnie & Watters, Carolyn, The impakt of migration or data to small screens on navigation, It & Society, 2003
Moll, Mobile Web Design, 2006. Tillgänglig på http://www.w3.org hämtad 5 maj, 2010 Murray, Leesa, Carrington, David & Strooper, Paul, An approach to specifying software
frameworks, Australian Computer Science Conference, 2004
Developing Web Applications for Mobile Devices, Department of Computer Science University of Kaiserslautern, 2005
Nokia, Nokia Unveils Worlds First All-In-One Communicator For The Americas, 1996. Tillgänglig på http://www.nokia.com hämtad 2010-04-18
Oates, Briony J., Researching information systems and computing, SAGE, London, 2006 Preece, Jenny (red.), Human-computer interaction, Addison-Wesley, Wokingham, 1994 Rahn, Gail & Lal, Rajesh, Beginning smartphone web development, Springer, New York, NY, 2010
Shneiderman, Ben & Plaisant, Catherine, Designing the user interface: strategies for effective
human-computer interaction, 5. ed., Pearson Education, Upper Saddle River, N.J., 2010
Skansholm, Jan, Java direkt med swing, Studentlitteratur AB, Lund, 2005
Sundström, Tommy, Användbarhetsboken; Bästa sättet att göra fungerande webb Studentlitteratur AB, Lund, 2005
The information technology log, The first smartphone, 2009. Tillgänglig på http://itlog.net hämtad 2010-04-18
W3C, Guidelines and recommendations, 1999-2010. Tillgängliga på http://www.w3.org hämtade april-maj 2010
Winograd, Terry (red.), Bringing design to software, ACM, New York, 1996 Widerberg, Karin, Kvalitativ forskning i praktiken, Studentlitteratur, Lund, 2002
Figurförteckning
Figur 4.1 Strukturdesign över navigering ... 26
Figur 4.2 Gränssnitt till bokningsapplikation i vanlig webbläsare... 26
Figur 4.3 Gränssnitt till bokningsapplikation med sökresultat ... 27
Figur 4.4 Gränssnitt till bokningsapplikation sett i Opera Mobile... 27
Figur 4.5 Exempelsida från fallstudien sett i en stationär dators webbläsare ... 28
Figur 4.6 Smartphones-anpassat användargränssnitt för bokningsapplikation. ... 28
Figur 4.7 Listan av sökresultat (beskuren). ... 29
Figur 4.8 Rumsbeskrivning (beskuren). ... 29