Design av användargränssnitt. Processen snarare än produkten

HTML
DOWNLOAD

Storlek: px

Starta visningen från sidan:

Download "Design av användargränssnitt. Processen snarare än produkten"

Alexandra Emma Karlsson
för 6 år sedan
Visningar:

1 Design av användargränssnitt Jan Gulliksen Design och konstruktion av användargränssnitt 1MD113 Processen snarare än produkten Analys -> Design -> Utvärdering -> Återkoppling -> Iterativ Inkrementellt Återkoppling Analys Utvärdering Design 1

2 Analys Användaranalyser Vilka användare har vi? (demografi) Vad har dessa användare för mål, krav och behov? Hur ser situationen ut idag? Är IT egentligen lösningen på deras problem? (Oftast inte!) Uppgiftsanalyser Användningsfall och andra formella notationer Informationsanvändningsanalys Dokumentation Samla kopior av alla dokument som används Fotografera mycket Videofilma Analys Design/Prototyper Skissernas styrka Parallell design Kreativitetshöjande åtgärder Deltagande design Design 2

3 Utvärdering Experttyckande tämligen värdelöst Enkäter ger tvivelaktiga resultat och är arbetskrävande att konstruera och sammanställa Deltagande metoder där användaren utför uppgifter under det att de observeras är klart underskattade Utvärdera ofta Utvärdera inte när det är för sent! Formativa utvärderingar framför summativa Utvärdering Återkoppling Fatta medvetet beslut baserat på resultaten Dokumentera inte för mycket Visa video Deltag i överlämnandet förklara/förstå/lös problemen Tala inte bara om att något är fel utan även varför! Tveka inte att föreslå alternativa lösningar Återkoppling Ödmjukhet och respekt 3

4 Designexempel 3 Skissa en designlösning för salt och peppar-förpackningen på ett flygplan Skärmdisposition och layout Skärmytan är en begränsad resurs Behövs verkligen all information som finns på sidan? Hellre för mycket information än för lite Samtidig informationsvisning kontra sekvensiell Överblick och detalj Metaforer Kollisionen mellan hypertext och skrivbordsmetaforen - eller vem har fönster på sitt skrivbord? Mönsterigenkänning Undvik att rulla text tag vara på spatial information 4

Vilken information är viktig? Inmatning Mänsklig inmatning är en långsam process Typiska uppgifter Kan användaren överhuvudtaget göra uppgiften? Hur lång tid tar det?

5 Vilken information är viktig? Inmatning Mänsklig inmatning är en långsam process Typiska uppgifter Kan användaren överhuvudtaget göra uppgiften? Hur lång tid tar det? Hur mycket tid är väntetid och hur mycket tänketid? Hur mycket fel gör användaren? Kan man återhämta sig fullständigt från felen? Hur lång tid tar det att återhämta sig? Hur pass säker är användaren på att man kommit fram till rätt resultat? etc. Hur tillfredsställande upplever användaren att det är? 5

Webbplatsen återspeglar den organisatoriska strukturen Den enorma

6 Vad är det MEST avgörande problemet? Brister i SÖK-funktionen eller visualiseringen av sökresultaten Webbplatsen återspeglar den organisatoriska strukturen Den enorma mängden information som återfinns på webbplatsen - hur åskådliggöra den? Case: Uppsala universitet Case: FASS.se 6

7 Vad skulle ni mata in här? Bra eller dåligt? 7

8 Alignments Vad betyder följande ikoner? 8

9 Standarder och riktlinjer Standarder är riktlinjer som formaliseras eftersom de anses som tillräckligt viktiga och använda Riktlinjer (Guidelines) är vägledande vid lösning av designproblem Standarder De Facto (emacs, QWERTY, TCO-95) Kommersiella (Microsoft, IBM CUA, OSF/Motif) Formella (ANSI kompilatorer, Fortran77) Gränssnittsstandarder baseras på användbarhet och beteende, inte på produkttekniska aspekter. 9

10 Standardiseringsorgan ISO (International Standards Organisation) ideell organisation, medlemmarna betalar för att få vara med. Nationella motsvarigheter STG (Sverige), ANSI (USA), BSI (England), etc. genomför, kommenterar ISO-standarderna Internationella standarder ISO 9241 Ergonomic requirements for office work with visual display terminals. Del 1-17 Part 10 Dialogue design principles Part 11 Guidance on usability, Part 12 Presentation of information. ISO Human centred design process for interactive systems. ISO/IEC Multimedia user interface design. ISO/TS Guidance on software accessibility. ISO/IEC Icon symbols and functions. 10

11 ISO 6385 Ergonomic principles in the design of work system Ergonomics produces and integrates knowledge from the human and technology sciences to match jobs, systems, products and environments to the physical and mental abilities and limitations of people. In doing so it seeks to safeguard safety, health and wellbeing whilst optimising efficiency and performance 11

Relevanta dokument

Design av användargränssnitt

Design av användargränssnitt Jan Gulliksen Informationskodning Ge färger, former, fonter, platser betydelse Aktivt, valbart, ej valbart Avvikande data, relationer mellan data, kategorisera, etc.. Var konsekvent