Grafiska användargränssnitt

Relevanta dokument
Grundläggande teori för användargränssnitt,del 2

Det numeriska tangentbordet

KURSMÅL WINDOWS STARTA KURSEN

INSPIRA. Microsoft. Excel 2007 Grunder

Anpassning av Windows 7 och Word 2010

Juni 2003 PlanCon Viewer Handledning PlanCon PROJEKT

SMART Ink 3.0 ANVÄNDARHANDBOK FÖR MAC OS X-OPERATIVSYSTEM

Word Grunderna 1. Om du kan det allra enklaste i Word, hoppa över uppgifterna A-E.

Författare: Juha Söderqvist IT-GUI. Version 1.0. Datum

Handledningsmaterial Visio 2010

Tangentbordsgenvägar

Musnavigering. Mittknappen (hjul) Panorera. Klicka + dra. Centrera vy igen. Dubbelklicka. Snabbmeny. Verktygsprocess. Klicka. Klicka.

Magnus Palm. Lättläst IT

Om man vill ändra färg inuti går det, men skuggan blir densamma.

Tangentbordsgenvägar

Windows 8.1, hur gör jag?

Datorns delar DATORLÅDA CD/DVD-SPELARE/BRÄNNARE SKÄRM. DISKETT-STATION Finns sällan i nya datorer. TANGENTBORD

En introduktion till WeavePoint 7 demo version. Att använda ett vävprogram

Programfönster. Daniel Cronholm, Sensus december

För att använda Windows på enklaste sätt använder du musen. Musen syns Som en pil på skärmen.

Innehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap

Allmän it-kunskap. Innehåll

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091

KORTKOMMANDON I EXCEL

Handbok Färgredigeraren. Artur Rataj Översättare: Stefan Asserhäll

Word bengt hedlund

SIDTITEL TANGENTBORDSGENVÄGAR

Interaktion 2 STYRDON, PEKDON OCH ANNAN INTERAKTION ATT RÄKNA MED

Sida 1 av (9) Instruktion Word

Introduktion. Fönster

Användardokumentation NAB SOLUTIONS


Manual kontorssida för SkandiaMäklarna. september 2010, revision 1c

Operativsystem - Windows 7

Tips och idéer för Chrome OS och Google Dokument

Operativsystem och användargränssnitt

LÄR DIG ANVÄNDA DIN MAC. från grunden! Nu med Mac OS X Leopard! Harry Peronius

Information efter genomgång av Microsoft Word 2010

Manual GISportalen (MapGuide) På Internet

Använda SpellRight 2 i Word 2010

Dollar Street Beta Version 1.0 Manual

Kom igång med. Windows 8. DATAUTB MORIN AB

Föreläsning 1: Introduktion till kursen

Handbok KDE:s Menyeditor. Milos Prudek Anne-Marie Mahfouf Lauri Watts Översättare: Stefan Asserhäll

Golvelement. Innehåll... Sidan Golv i vån. 1 i DDS-CAD Arkitekt... 2 Golvelement i DDS-CAD Konstruktion... 7

ORDBEHANDLIG MED OPEN OFFICE.ORG...2 PRINCIPER...2 STARTA PROGRAMMET...2 ARBETSINSTÄLLNINGAR...2

Välkommen till ArkivDigital! Låt oss bjuda på en kort rundtur.

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

Steg 8 Power Point 2007 Windows 10

Grundkurs 1 IKT. Dan Haldin Ålands lyceum

Skärmtangentbordet som är enkelt att använda både med mus, touchskärmar och interaktiva whiteboards

Excel kortkommando. Infoga rad, kolumn eller cell Ta bort rad, kolumn eller cell

Handbok Anteckningslappar. Fabian Dal Santo Greg M. Holmes Granskare: Lauri Watts Översättare: Stefan Asserhäll

IT-körkort för språklärare. Modul 9: Rätta skrivuppgifter

Preliminärt utbildningsinnehåll

ORDBEHANDLIG MED MICROSOFT WORD... 2 PRINCIPER... 2 STARTA PROGRAMMET... 2 ARBETSINSTÄLLNINGAR...

Lätt-fil för Kortkommandon första hjälpen för att effektivisera arbetet vid datorn. Sammanställd av Peter Essen Datoriet Lundby

Lathund Claro Read Plus

del 3 ARBETA MED PROGRAM

Handbok Spectacle. Boudhayan Gupta Boudhayan Gupta Översättare: Stefan Asserhäll

Rullningslisten. Klicka på rullningslistpilar (pil upp eller pil ner) 1 för att förflytta dig i önskad riktning, en liten bit i taget.

Människor i Nederluleå

Allmän IT-kunskap. Innehåll

Handbok Anteckningslappar. Fabian Dal Santo Greg M. Holmes Granskare: Lauri Watts Översättare: Stefan Asserhäll

INSPIRA. Microsoft. Word 2007 Grunder

Produktbilaga. Fördelar med LärSjälv. Tjänsterna

Installationstjänst. maj 2011

Skrivbordet innehåller färre ikoner, men det fungerar som tidigare att lägga till genvägar.

Omvandla din dator till en flerspråkig maskin

Snabbguide AlphaSmart NEO2

Datakurs, grund. Thor Stone Education. Datakurs, grund. (Windows 7) Copyright Torsten Nilsson

Analyser för vår blogg

Föreläsning 1 Unix. Datorer och datoranvändning Föreläsningar 2018/19. Operativsystem. Unix

Design och konstruktion av grafiska gränssnitt

Datorer och datoranvändning Föreläsningar 2014/15. Föreläsning 1 Unix. Operativsystem. Unix

ANPASSA SKRIVBORDET i Pyramid Business Studio

Fönsterbeteende. Mike McBride Jost Schenck Översättare: Stefan Asserhäll

Innehåll Datorkunskap

Excel och Word LABORATION. Innehåll Uppgift A Diagramhantering Uppgift B Kalkylering Dokumentation Presentation i WORD

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

AD OnLine AD OnLine

Detta är första steget, i vårt arbete, med att göra det ännu enklare att arbeta i Capitex Säljstöd Fastighet.

Allmän IT-kunskap. Innehåll

UTBILDNINGSMATERIAL. Procapita. Mina sidor

Kortkommandon Allmänna i Windows 7

Verktygsfält. Hantering av webbkarta Grundinstruktion. Sida 1 av 6. De olika verktygen och delarna förklaras i detalj längre ner i dokumentet.

1 Kursmaterialets Uppläggning Kursmaterialets Utformning Installation av Övningsfiler PC:n en Beskrivning...

Åtgärda en faktura som Granskare (beställare)

Skapa snygga text- och bilddokument

TSFS06: Bayesianska nätverk i GeNIe - kort handledning

I den här övningen tränar du på att göra olika programfönster. Övningarna går att göra på egen hand.

TeamViewer Installation och användning

Lär dig POWERPOINT. Lars Ericson datorkunskap.com

För installationen av SPECTRUM 4.0 och det fortsatta arbetet med programvaran måste följande systemkrav vara uppfyllda:

SMART Ink 3.1 ANVÄNDARMANUAL FÖR OS X OPERATIVSYSTEM

Föreläsning 7, Interak2on

Laboration 2 Grunderna i Photoshop

LATHUND WINDOWS RXK Läromedel, Riddarplatsen 36 Plan Järfälla Tel: , Fax: e-post: info@rxk.

Transkript:

Grafiska användargränssnitt VT-10 GUI - VT10 Martin Blom 1

Kursens upplägg Teori Principer och koncept Föreläsningar Fönstersystem Konstruktion av GUI Design av GUI Praktik Göra på riktigt Laborationer C# Java GUI - VT10 Martin Blom 2

Laborationer Laboration 1 Java och SWT (Eclipse) Laboration 2 C# och.net (Visual Studio) Laboration 3 mp3-spelare Grupper om 2 personer Deadlines 22/4 kl 16.00 Lab 1, provkörning 10-12 5/5 kl 16.00 Lab 2, provkörning 13-16 4/6 kl 16.00 Lab 3, provkörning 9-12 GUI - VT10 Martin Blom 3

Tentamen Återspeglar både kursbok, laborationer och utdelat material Java C# Fönstersystem Design MVC GUI - VT10 Martin Blom 4

Kapitel 1 Kontroll gör dig glad Vi vill kontrollera vår omgivning åtminstone vår datoromgivning(?) Sätt att kontrollera omgivningen Tangentbord (qwerty, dvorak, mobil, mini, maxi, ergonomiskt, svenskt/utländskt) Mus (extern, platta, pinne, touchscreen, stylus) (Övriga obskyra styrdon) GUI - VT10 Martin Blom 5

Exempel 1 brödfabriken (design) Degmaskin 1 Degmaskin 2 Degmaskin 3 GUI - VT10 Martin Blom 6

Exempel 1 brödfabriken (verklig) Degmaskin 1 Degmaskin 2 GUI - VT10 Martin Blom 7

Problem i brödfabriken vs GUI Design bra, genomförande dåligt Människan får anpassa sig till maskinernas fel Små frustrationer Design bra, genomförande dåligt Människan får anpassa sig till GUIts fel Små frustrationer GUI - VT10 Martin Blom 8

Exempel 2 Olika OS Alt-F4 stänger prog i Wind. höjer volym i Mac Dra kanter på fönster resizar i Windows flyttar i Mac OK:a varningsfönster mellanslag i Wind. mus i Mac Musknappar tre i Windows en(!) i Mac GUI - VT10 Martin Blom 9

En gyllene regel Ett användargränssnitt är bra när programmet beter sig exakt som användaren förväntade sig GUI - VT10 Martin Blom 10

Kapitel 2 Vad vill dom ha? Användarmodell Mental förståelse av vad programmet ska göra Olika för olika användare power user lamer Användarmodellströghet Man förväntar sig liknande modell i olika program ex. ctrl+c, ctrl-v eller inbäddning av bilder GUI - VT10 Martin Blom 11

Hur ser användarmodellen ut? Fråga användare! Gör representativt urval Alla användare kan du (oftast) inte fråga Fler inte nödvändigtvis bättre, trender räcker Lätt för specialistprogram Svårt för generella program GUI - VT10 Martin Blom 12

Programmodell Bör matcha användarmodellen Gör det ofta inte Svårt att byta programmodell Användare blir till slut vana Byte kräver ofta byte av användarmodell Windows programbar Gruppera liknande, eller inte GUI - VT10 Martin Blom 13

Det osynliga lagret GUI - VT10 Martin Blom 14

Programmodell (forts) Stänga ner Word vs stänga ner Excel I någon stängs alla dokument I någon stängs bara aktuellt dokument Samma tillverkare, samma programsvit (!) Alt-tab Switcha round-robin Switcha mellan senast använda GUI - VT10 Martin Blom 15

En gyllene regel till Användare antar den enklast möjliga programmodellen GUI - VT10 Martin Blom 16

Kapitel 3 - Val No dogs allowed GUI - VT10 Martin Blom 17

The stupidest dialog ever GUI - VT10 Martin Blom 18

Historiska val Historiken påverkar vilka val som finns No dogs allowed Lions allowed? Pigs allowed? Historiken är oftast inte känd av användarna Utgå från användarna! GUI - VT10 Martin Blom 19

Varsågod, lite osäkerhet Ofta programmakarnas obeslutsamhet som lämpas över på användarna Användarna vill åtstadkomma saker inte fatta beslut som programmerarna/designarna borde ha fattat inte ägna sig åt ovidkommande saker GUI - VT10 Martin Blom 20

Ett val man inte vill ha GUI - VT10 Martin Blom 21

Ett annat val man inte heller vill ha GUI - VT10 Martin Blom 22

Design handlar om val Ofta konkurrerande krav användarvänligt snabbt komplett smidigt full kontroll lättanvänt Minimera antalet val du lämnar kvar till användaren Hon/han vill bara göra val som är vettiga GUI - VT10 Martin Blom 23

Kapitel 4 - Inbjudningar och Metaforer Om användarmodellen är inkomplett eller fel så kan programmet använda sig av inbjudningar och metaforer för att visa användaren sin modell GUI - VT10 Martin Blom 24

Den vanligaste metaforen GUI - VT10 Martin Blom 25

Zoomning med metafor GUI - VT10 Martin Blom 26

Zoomning utan metafor GUI - VT10 Martin Blom 27

Inbjudningar Handlar om att inbjuda till rätt saker Dörrhandtag till butiker etc platta att trycka på pinne att dra i 3D-knappar inbjuder till tryck Ren text inbjuder inte till tryck GUI - VT10 Martin Blom 28

Tabbar är bra Tabbar ökar användbarheten med mellan 30% till 100% GUI - VT10 Martin Blom 29

Vad står symbolerna för? nytt dokument öppna spara maila gör pdf printa stava automatstava klipp ut kopiera klistra in måla (format) GUI - VT10 Martin Blom 30

Vad står symbolerna för (forts) Ångra Gör om Diagram Kalkylblad Visa rutnät Navigator Zooma Hjälp Hyperlänk GUI - VT10 Martin Blom 31

Vad står symbolerna för (forts) Pekverktyg Linje Pil Rektangel Ellips Koppling Enkla figurer Symboler Blockpilar Flödesdiagram Text Kurva GUI - VT10 Martin Blom 32

Verkligheten är bra GUI - VT10 Martin Blom 33

Kapitel 5 Dåliga metaforer När man använder metaforer ska de bete sig på förväntat sätt som objekt i den verkliga världen. Våld på verkligheten är förvirrande GUI - VT10 Martin Blom 34

Våld på verkligheten GUI - VT10 Martin Blom 35

Var är min dator? I Windows finns Min Dator på skrivbordet Skrivbordet finns uppenbarligen i min dator Alltså är det en oändlig rekursion GUI - VT10 Martin Blom 36

En dator är inte en hårddisk En dator innehåller en hårddisk Skärmen upplevs som datorn Hårddisk! CD-skivor fattar folk USB-pinnar fattar folk Hårddisk är konstigt Varför är det så? GUI - VT10 Martin Blom 37

Kapitel 6 - Konsistens Man gillar att känna igen sig Det är jobbigt att behöva lära om saker som man redan kan Snabbkommandon sitter i ryggmärgen Annorlunda är inte alltid bra GUI - VT10 Martin Blom 38

Hur avslutar man ett program? alt-f4 quit :q! esc q Qq exit bye ctrl-q... ctrl-c GUI - VT10 Martin Blom 39

Varför gör inte alla samma? Historik program bygger på andra, äldre program Kan själv ovilja att kopiera andras koncept Kan bättre egna idéer bättre än andra GUI - VT10 Martin Blom 40

Bra exempel på konsistens ctrl-kommandon ctrl-c, ctrl-v, copy-paste ctrl-s, spara ctrl-z, ångra menyrader file/arkiv längst åt vänster help/hjälp längst åt höger GUI - VT10 Martin Blom 41

Mer och mer lika Mac Xerox, Win, Unix Windows Xerox, Mac, Linux Linux Mer och mer lika Xerox, Unix GUI - VT10 Martin Blom 42

Gyllene regel Var konsistent i möjligaste mån. Det gör användaren glad GUI - VT10 Martin Blom 43

Kapitel 7 Användaren får ansvar GUI - VT10 Martin Blom 44