Design för användbarhet Designexempel, hur tänkte man vid designen?

Transkript

1 Design för användbarhet Designexempel, hur tänkte man vid designen? Bengt Göransson :: Användbarhetsdesigner Guide Redina AB :: Varför? Bengt Göransson, Guide Redina AB, :: 1

2 Är det bättre nu? Philips Pronto och Logitechs senaste Är det så här det ska vara?!? Bengt Göransson, Guide Redina AB, :: 2

3 Design for usability? An ordinary user can have problems using a swing door, turn on an automatic faucet, or programming his/her VCR. In most situations the designer aimed for beauty, not utility he probably won a design price! D.A. Norman in The Psychology of Everyday Things. Bengt Göransson, Guide Redina AB, :: 3

4 Views on design Craft approach It focuses on the designer's need for talent, not for methodology. Enhanced software engineering approach Attempts to introduce HCI techniques into the repertoire of traditional systems engineering. Cognitive engineering approach Aims at applying theories from cognitive psychology to the problems facing the designer. Technologist approach Tries to solve the problems of interface design by providing appropriate tools. Wallace, M.D., & Anderson, T.J. (1993). Approaches to Interface Design. Interacting with Computers, Vol. 5, No. 3, pp For every design rule one can find at least one situation, where following the rule would be sheer madness. Bengt Göransson, Guide Redina AB, :: 4

5 Lite uppmjukning! Problem med menyerna Vilka användbarhetsproblem finns i menyerna? Bengt Göransson, Guide Redina AB, :: 5

6 Bättre menyer Varför är denna design bättre? What s in Design? 1. Design is a process, it is not a state and cannot be adequately represented statically. 2. The design process is non-hierarchical, neither strictly bottom-up nor top-down. 3. The process is radically transformational, involving the development of partial and interim solutions which may ultimately play no role in the final design. 4. Design intrinsically involves the discovery of new goals. Carroll, Rosson, 1985 Bengt Göransson, Guide Redina AB, :: 6

7 Fem steg till god interaktionsdesign Förstå Vad är det som pågår? Vilka problem är det som skall lösas? Designern studerar och pratar med användare och intressenter analyserar. Den studerade verksamheten dokumenteras med bilder, anteckningar, video, strukturerade intervjuer etc. Abstrahera Vilka är huvuddelarna? Vilken typ av information används? Hur används informationen? Vad är viktigt? Vad är oviktigt? Skisser, diagram, listor etc används som dokumentation. Förstå Abstrahera Strukturera Representera Detaljera Crampton Smith och Tabor, 1996 Fem steg till god interaktionsdesign Strukturera. Hur förhåller sig de olika delarna, till varandra? Hur kan delarna struktureras för att bli effektiva för användarna? Vad är användarna intresserade av? Designers bild av strukturen stäms av med användarnas bild. Representera. Hur kan denna struktur representeras? Finns det någon»inneboende«representation hos informationen? Hur kan designern representera informationen med tanke på användarnas bild? Designern jobbar i detta skede med skisser på papper och bildspel samt med interaktiva prototyper. Förstå Abstrahera Strukturera Representera Detaljera Crampton Smith och Tabor, 1996 Bengt Göransson, Guide Redina AB, :: 7

8 Fem steg till god interaktionsdesign Detaljera. Vilka attribut skall användas? Hur skall detaljerna utformas? Vilken stil skall utseendet formas efter? Hur utformas dynamiken? Kanske skall en illustratör anlitas. Förstå Abstrahera Strukturera Representera Detaljera Crampton Smith och Tabor, 1996 Liten övning Hur har man tänkt här då? Bengt Göransson, Guide Redina AB, :: 8

9 Tänk efter Kan en telefon se ut hur som helst? Vad vill man kombinera telefonfunktionen med? Är det en telefon eller en dator, eller en spelmaskin, eller? Mjuka knappar Bengt Göransson, Guide Redina AB, :: 9

10 Pekskärmar Vanligare och vanligare; telefoner, stillbildskameror, videokameror, etc. Vad är bra? Vad man måste man tänka på vid interaktionsdesignen? Pekskärm, fysiska knappar, mjuka knappar Exempel på pekskärmar Bengt Göransson, Guide Redina AB, :: 10

11 Samsung NV10 Revolutionary UI, the Smart Touch The UI is innovative and intuitive, and the reversed-l shape button layout makes it easier to navigate the menu or use any of its many features. The Smart Touch button that recognises even the slightest touch improves usability even further. Bengt Göransson, Guide Redina AB, :: 11

12 Tack för att ni lyssnade! Bengt Göransson, Guide Redina AB, :: 12