Gestaltningsförslagets visualisering stödjer sig på att bryta det konsekventa genom kunskap om kognition och tillämpning av designprinciper. Cao (2015, s. 12) menar att inkonsekvens i regel ökar den kognitiva belastningen för användaren. Vid sparsam användning kan däremot inkonsekvens skapa en kraftfull och effektiv kommunikation (Cao m.fl., 2015a, s. 26). Genom neutral konturlinjeteknik är användaren fri att navigera utefter behov, och genom färgillustration vid interaktion presenteras mer information om komponentens form och funktion. En illustration i endast konturlinjeteknik skulle å ena sidan kunna behöva flera linjetjocklekar för att skapa mening och förståelse hos användaren. En illustration i endast färg skulle å andra sidan kunna ge användaren för mycket information och istället skapa ett
28 svårtolkat material. Ware (2008, s. 33) menar att information blir lättare att
upptäcka om det skiljer sig från sin omgivning.
Det är en relevant fråga huruvida flera linjetjocklekar i samspel med
interaktivitet skulle kunna ge användaren en bättre förståelse för vilka komponenter som ingår i helhetsbilden (se figur 21). Interaktivitet i illustration i samspel med övrig navigation skulle kunna utforskas ytterligare genom att använda
konturlinjeteknik för interaktiva möjligheter. Ett par förslag på visualisering skulle vid jämförelse med varandra kunna presentera en bättre lösning för användbarheten men möjligen presentera nya problem gällande bl.a. realisering av designlösning. Nya problem skulle kunna innebära nya möjligheter att utforska och kanske resultera i en helt annorlunda designlösning.
Arbetet har behandlat förutsättningar för hur anpassning kan bearbetas med stöd i hur kognition påverkar användarens upplevelse. Digitala mediers olika
förutsättningar påverkar anpassningen och i sin tur användbarheten. Enhetlig anpassning ställer många krav på lösningen och hur den uppfattas. Med hjälp av design patterns och kunskap om perception kan visuella element utformas för att skapa en igenkänningsfaktor som delas mellan flera digitala medier. Ware (2008, s. 58) menar att design effektiviseras genom mönster som är enkla att uppfatta. Designlösningens anpassning för mobiltelefon skulle i vidare forskning kunna undersökas med ett fokus där endast en version för mobiltelefon utformas.
Under koncepttest diskuterades möjligheten att anpassa materialet för surfplatta, ett digitalt medium vars fysiska begränsningar och möjligheter mest liknar en laptop, sett till ytan information kan presenteras på. För att anpassa materialet för surfplatta berörs återigen frågan om vilken prestanda som krävs.
Gestaltningsförslaget kräver däremot avsevärt mindre prestanda än vad de
möjligheter som diskuterades under koncepttestet skulle behöva, vilket presenterar en god möjlighet för att utnyttja de fördelar som en surfplatta har över en laptop.
Vidare forskning skulle kunna innebära fler test av visualisering och navigation genom individuella användartester för att få mer omfattande svar på
frågeställningarna och hur utformningen hade kunnat utvecklas ytterligare baserat på testresultaten. Mer utförliga tester skulle kunna ge medverkande möjlighet att interagera med designen genom en hi-fi prototyp där interaktiva element fungerar som de är tänkta att göra. Observation av detta slag, och observation av verkligt servicetillfälle, skulle kunna ge mer information om hur serviceteknikers behov kan variera i praktiken och hur respektive material möter dessa. Fler tester skulle alltså bättre kunna bekräfta hur designlösningen fungerar jämfört med befintlig reservdelsbok. I likhet med Norman (2013, s. 35) anser jag att en designlösning
29 måste utformas med hänsyn till att möta aspekter som har med alla delar
involverade i skapandet av en produkt för att vara användbar. Praktiska frågor såsom hur beställningsprocessen bör fungera samt hur produktion av bilder för informationsmaterialet ska ske behöver också bearbetas i mer detalj för att skapa en väl fungerande designlösning som är redo att ersätta befintligt
30
Referenser
Agrawala, M., Li, W. and Berthouzoz, F. (2011). Design principles for visual communication. Commun. ACM 54, 4 (April 2011), 60-69.
DOI=10.1145/1924421.1924439 http://doi.acm.org/10.1145/1924421.1924439 (1 ACM).
Baer, K. (2008). Information Design Workbook: Graphic Approaches, Solutions, and Inspiration + 30 Case Studies. Beverly: Rockport Publishers, Inc.
Cairo, A. (2013). The Functional Art – an introduction to information graphics and visualization. Berkeley: New Riders.
Cao, J. (2015). 10 Qualities That Separate Great Designers From the Rest. A Guide to Influential Design: The Indispensable UX Designer. UXPin Inc.
Cao, J., Ellis, M., Gremillion, B. & Zieba, K. (2016). Web UI Design Patterns 2016 Volume 1 – User Input, Controls, and Navigation. UXPin Inc.
Cao, J., Ellis M., Stryjewski K. & Zieba, K. (2015a). Consistency in UI Design: Creativity Without Confusion. UXPin Inc.
Cao, J., Ellis M., Stryjewski K. & Zieba, K. (2015b). Web UI Design for the Human Eye – Colors, Space, Contrast. UXPin Inc.
Cat Phones (2016). Rugged Phones & Accessories (www). Hämtat 4 april 2016 från http://www.catphones.com/en-gb.
Eriksson, Y. (2009). Bildens tysta budskap. Stockholm: Norstedts Akademiska Förlag.
Frohm, J. (2004). Teknisk illustration. I R. Pettersson (Red.), Bild och form för informationsdesign (ss. 99-138). Lund: Studentlitteratur.
Kujala, S., Silvennoinen, J. & Vogel, M. (2014). Experiencing Visual Usability and Aesthetics in Two Mobile Application Contexts. Journal of Usability Studies, 10(1), 46-62.
Norman, D. A. (2013). The Design of Everyday Things. New York: Basic Books. Norman, D. A. (2002). Emotion and design: Attractive things work better.
31 Panasonic (2016). Rugged Laptops (www). Hämtat 13 maj 2016 från
http://business.panasonic.com/toughbook/laptop-computers.html. Taylor, C. (2003). Line thickness, a means of expression.
www.ideography.co.uk/infodesign/eigvil/presentations/Linethickness.pdf. Ware, C. (2008). Visual Thinking for Design. Burlington: Morgan Kaufmann.
32
Bilagor
Bilaga 1
33
Bilaga 2
34
35
Bilaga 3
36
Bilaga 4
37
38
Bilaga 5
Figur 7. Adobe Preview CC används ihop med Adobe Photoshop CC för ett tidigt
39
Bilaga 6
40
41
42
43
44
Bilaga 7
45
46
Bilaga 8
47
Bilaga 9
48
49
50
51
Figur 20. Passivt läge. Underdel har valts och presenteras i sin helhet med
52
Figur 21. Aktivt läge. Stödben (Höger Fram/Vänster Bak) har markerats genom att
interagera med illustration. Delen markeras även i panelen till höger med möjlighet att lägga till i beställning för att sedan kunna placera order eller gå vidare i
53
Figur 22. Passivt läge. Stödben HF/VB har valts, och presenterar komponenter
54
Figur 23. Aktivt läge. Cylinder 80/40X265 har markerats genom att interagera
med illustration. Delen markeras även i panelen till höger med möjlighet att lägga till i beställning för att sedan kunna placera order.