Vad utmärker ett bra användargränssnitt?

Storlek: px
Starta visningen från sidan:

Download "Vad utmärker ett bra användargränssnitt?"

Transkript

1 Vad utmärker ett bra användargränssnitt? Att kommunicera med användarna Feedback och Pliancy Excise kontra Flow

2 GUI = Graphic User Interface GUI = Graphic User Interface GUIn, eller grafiska gränssnitt hittar vi på alla sorters skärmar I den här kursen koncentrerar vi oss dock på allmänna principer rörande GUI-design samt hur man designar GUIn för dator-mustangentbord

3

4

5

6 Ledtrådar! Så snart vi står inför något okänt letar vi efter ledtrådar Donald Norman kallar detta signifiers som visar oss vad vi kan göra (funktionalitet) och hur vi ska göra det (interaktion) En stor del av GUI-design handlar därför om att skapa dessa ledtrådar, dvs kommunicera till användaren vad GUIt är till för, och hur det funkar.

7 Zookeeper: ett bra GUI!

8 Zookeeper (Zookeeper är väldigt likt Bejeweled, men har några extra designfeatures)

9 1) Väl genomtänkt grafik Djuren har distinkta fomer och färger Bakgrunden är ruting för att visa gridet (som vi säger på svenska!) Själva spelytan är ljusare än det runtomkring, vilket gör att den lyfts fram rent visuellt.

10 2) Feedback

11 3) Det lilla extra Zookeeper använder anthropomorphism (att man tillskriver något mänskliga egenskaper) Djurens ansiktsuttryck ger ledtrådar Hur många olika uttryck finns det?

12 ( att jämföra med Bejeweled)

13 Att ge ledtrådar

14 Att ge ledtrådar Namngivning av knappar, menyval etc Ikoner Hur man grupperar och placerar Feedback: Reaktioner på vad användaren gör eller har gjort, att visa status etc Pliancy: Att indikera att någonting på skärmen är klickbart eller manipulerbart på annat sätt.

15 Olika typer av feedback Visuell feedback Objekt ändrar utseende för att visa att de är valda eller för tillfället aktiva Ljudfeedback Ljud brukar typiskt indikera att någonting händer nu, och kan användas för att dra uppmärksamheten till något som för tillfället inte syns, som ett program i bakgrunden. -plinget är ett typiskt exempel.

16 Olika typer av feedback Modal feedback Initierar ett nytt mode /läge, ex att öppna ett nytt fönster eller en dialog Modeless feedback Avbryter inte användaren utan indikerar bara Är att föredra framför modal feedback, om möjligt

17 Modeless visual feedback

18 Att göra saker: manipulation Mycket av interaktionen med ett GUI handlar om att manipulera objekt på skärmen, dra och släppa, klicka, rotera osv Cooper använder termen pliancy, manipulerbarhet Alla objekt som kan manipuleras har pliancy MEN den måste fortfarande indikeras så kallad hinting så att användarna förstår att de kan interagera med objektet (Detta är ett större problem med touch-interface än med vanliga GUIn)

19 Att hinta manipulerbarhet (pliancy) Static object hinting Att ett objekt kommunicerar alltid sin manipulerbarhet. Ex att knappar är ritade i 3D Dynamic visual hinting Att ett objekt ändrar utseende när markören passerar över det Pliant response hinting Att ett objekt ändrar utseende när man interagerar med det

20 Att hinta manipulerbarhet (pliancy) Cursor hinting Att markören ändrar utseende när den passerar olika typer av objekt

21 So far so good Okej, nu har vi berört hur man kan kommunicera vad som kan göras i ett GUI (pliancy, namngiving, ikoner, layout ) hur man kan kommunicera att systemet reagerar på det man gör (feedback,dynamic hinting, pliant response hinting, curosr hinting) Är det nåt kvar? Nåväl

22 FLOW

23 Flow är när man har flyt, allt flyter på mot ett mål utan störningar, pauser eller irritation Flow-tillståndet är extremt produktivt!

24 Att designa för flow Alla viktiga vertyg/funktioner ska vara inom räckhåll Layout: Komponenterna ska paceras på ett sätt som naturligt stödjer arbetet Det man arbetar med i fokus, med navigation etc runt om Saker i rätt ordning (ex OK-knappen sist)

25 Hands on Direkt manipulation stärker också flow eftersom det känns mer naturligt än

26 Exakta inställningar Det kan vara bra med exakta inställningar ibland, men man löper en viss risk att bryta flow

27 Så få steg som möjligt Hur många interaktionssteg måste man göra när man ska Spara som (om man har otur)? Spara som Tala om var Ange namn Ange filtyp Kan man undvika några av dessa steg?

28 Undvik onödiga val och onödigt pill

29 Försök ange defaults istället

30 Mer Det är stor skillnad på vad användare kan göra, och vad de oftast gör. En programmerare måste hantera både vanliga och ovanliga val Men GUI-designern ska designa för det vanligaste valet! Undvik onödiga dialogrutor, typ Allt är är bra. OK? Skilj på att utföra en funktion och att konfigurera den att skriva ut vs. installera och konfigurera skrivare

31 Fienden: EXCISE Image from creativeuncut.com

32 Excise Excise är anti-flow. Alla de där extra interaktionerna som inte har nånting med målet att göra, men ändå måste utföras. Om målet är att ta bilen till jobbet så är det excise att öppna garagedörren, köra ut, stänga garagedörren, tanka på vägen, hitta parkeringsplats, betala för parkeringen Excise är förstås också alla onödiga saker man måste göra

33 Nödvändig excise: Navigation Men att navigera mellan Sidor Program Vyer Etc kan förenklas genom Översikter Signposts / breadcrumbs att undvika djupa hierarkier

34 Nödvändig excise: olika modes/lägen Ibland vill man FAKTISKT göra den där mindre vanliga saken

35 Excise: Att inte kunna ändra direkt Här måste man stega tillbaka till rätt sida för att ändra

36 Excise att mata systemet Att kräva att användarna ska mata in information som systemet redan har Att kräva att användarna ska ange allting, istället för att ge default-värden

37 Visuell excise Excise kan också vara visuell; om en bild eller skärm är väldigt rörig, med många animationer, färger etc. illustrerar detta alldeles utmärkt

38 Sammanfattningsvis Ge användaren ledtrådar som visar vad man kan göra (funktionalitet) och hur (interaktion) Ge feedback Försök skapa flow Undvik excise Dvs

39 Gör så här Men inte så

Vad utmärker ett bra gränssnitt?

Vad utmärker ett bra gränssnitt? Vad utmärker ett bra gränssnitt? Kommunikation med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphical User Interface GUIn, eller grafiska gränssnitt hittar vi på alla sorters skärmar I

Läs mer

Microsoft PowerPoint

Microsoft PowerPoint Microsoft PowerPoint Programmet Microsoft PowerPoint är ett program för att skapa presentationer för skärm eller utskrift. En presentation består av en eller flera bilder. En bild i PowerPoint är en sida

Läs mer

Layout och Navigation

Layout och Navigation Layout och Navigation Layout Layout Det är tre saker som definierar formen på ett GUI Gruppering av element Balans Grid & alignment (dvs hur komponenter är utlagda på ett osynligt rutnät) och som sagt,

Läs mer

Grafisk formgivning. Användarens checklista

Grafisk formgivning. Användarens checklista 1-1 Grafisk formgivning Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet Komponenter måste utformas och användas på ett konsekvent och enhetligt sätt.

Läs mer

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215 TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215 DAG: 14 mars, 2011 TID: 8.30 12.30 SAL: Hörsalsvägen Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för tillämpad informationsteknologi.

Läs mer

Utskrift av karta. Skriv ut en karta. Skriv ut skärmområde

Utskrift av karta. Skriv ut en karta. Skriv ut skärmområde Skriv ut en karta Förutsättningar Kartan kan skrivas ut som den ser ut på skärmen, dvs. visas texter på fälten blir de också utskrivna. Vid utskrift öppnas alltid en förhandsgranskning där anpassning av

Läs mer

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Den här veckan Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Kom ihåg att boka tiden för handledning på fredag när doodles kommer upp. Handledning

Läs mer

Om användare och designprocessen

Om användare och designprocessen Om användare och designprocessen Målorienterad design. Olika typer av användare. Mentala modeller, metaforer med mera. Att designa The interaction framework. Förra veckan. Gör så här Men inte så Förra

Läs mer

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer. Interaktion 1 Boken Typer av interaktion (Kap 2.5) Typer av användargränssnitt (Kap 6.1-6.2) Översikt, navigering och orientering (ej i boken) Felhantering (kort på sid 138) OBS! Konkret interaktion är

Läs mer

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

Grundläggande teori för användargränssnitt,del 2 Grundläggande teori för användargränssnitt,del 2 Innehåll Översikt, navigering och orientering (ej i boken) Typer av användargränssnitt (Kap 6) Styrdon (ej i boken) Fitts lag (kort på sidan 527-528) Felhantering

Läs mer

Kognition crash course

Kognition crash course Kognition crash course Termen kognition kommer från det latinska ordet cognitare (att tänka) Kognitionsvetenskap och kognitiv psykologi syftar till att beskriva och förstå hur tänkande går till. Människans

Läs mer

Spel som interaktiva berättelser

Spel som interaktiva berättelser Spel som interaktiva berättelser Finns många typer av interaktivt berättande; ska titta närmare på spel eftersom de exemplifierar en rad aspekter av interaktivt berättande väldigt tydligt. Kan förstå spel

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Missad övning 5? Kontakta mig på peter.borjesson@ait.gu.se för att få en kompletteringsuppgift.

Läs mer

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare Lite info först Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare Förra veckan... GUI = Graphical User Interface (grafiskt användargränssnitt) Gör så här

Läs mer

Användarhandledning för mcdmonitorii

Användarhandledning för mcdmonitorii Användarhandledning för mcdmonitorii INTRODUKTION mcdmonitorii är ett PC-program som körs under Microsoft Windows version 2000 eller senare. Det är utvecklat för övervakning och datainsamling i cisterner

Läs mer

Kravspecifikation. Sammanfattning. Fyra i rad Javaprojekt inom TDDC32. Version 2.0. Datum Dokumentnummer

Kravspecifikation. Sammanfattning. Fyra i rad Javaprojekt inom TDDC32. Version 2.0. Datum Dokumentnummer Kravspecifikation Fyra i rad Javaprojekt inom TDDC32 Version 2.0 Datum 2008-05-19 Dokumentnummer 20080215 Sammanfattning Detta är en kravspecifikation över det klassiska spelet Fyra-i-rad programmerat

Läs mer

Nyheter i PowerPoint 2010

Nyheter i PowerPoint 2010 Nyheter i PowerPoint 2010 Nytt utseende Programfönstret i Office 2010 har ett nytt utseende. Likt Office 2003 är Arkiv tillbaka. Som i Office 2007 finns det flikar och grupper i det övre verktygsfältet.

Läs mer

Inkapsling (encapsulation)

Inkapsling (encapsulation) UML UML är en standard för att dokumentera och visualisera sina tankar och beslut under analys och design. Att lära sig allt om UML får inte plats i den här kursen, men vi kommer lära oss vissa delar.

Läs mer

3.5 Visuell programmering

3.5 Visuell programmering 3.5 Visuell programmering Alla våra program hittills har varit C# Console Applications (sid 41) inkl. programmet MessageBox fast det genererade en grafisk meddelanderuta. Nu vill vi utnyttja grafikens

Läs mer

Interaktionsdesign, grundkurs INTERAKTION 1

Interaktionsdesign, grundkurs INTERAKTION 1 Interaktionsdesign, grundkurs INTERAKTION 1 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Vad är interaktion? 1.

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Pappersprototyper Designexempel Listor (Tidwell kap.5, List of Things)

Läs mer

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

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 DAG: 5 mars, 2012 TID: 8.30 12.30 SAL: Hörsalsvägen Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för tillämpad informationsteknologi.

Läs mer

Fyra i rad Javaprojekt inom TDDC32

Fyra i rad Javaprojekt inom TDDC32 Fyra i rad Javaprojekt inom TDDC32 Analys och design-dokument Version 2.0 Datum 2008-05-19 Dokumentnummer 20080303 Sammanfattning Detta är analys och design-dokumentet för programmet Fyra i rad. Fyra i

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Model View Controller. Objekt-orienterad programmering och design (DIT952) Niklas Broberg, 2016

Model View Controller. Objekt-orienterad programmering och design (DIT952) Niklas Broberg, 2016 Model View Controller Objekt-orienterad programmering och design (DIT952) Niklas Broberg, 2016 Model View Controller Model View Controller (MVC) är ett design pattern (architectural pattern) som är väldigt

Läs mer

ALEPH ver. 16 Introduktion

ALEPH ver. 16 Introduktion Fujitsu, Westmansgatan 47, 582 16 Linköping INNEHÅLLSFÖRTECKNING 1. SKRIVBORDET... 1 2. FLYTTA RUNT M.M.... 2 3. LOGGA IN... 3 4. VAL AV DATABAS... 4 5. STORLEK PÅ RUTORNA... 5 6. NAVIGATIONSRUTA NAVIGATIONSTRÄD...

Läs mer

MMI-principer för Air & Land Systems

MMI-principer för Air & Land Systems MMI-principer för Air & Land Systems Presentation för SESAM arbetsgrupp för Programvarusäkerhet Tema MMI-principer 1 SAAB SYSTEMS MMI-regler för landsystem Fönsterhanterare Fönster-interface kopplat till

Läs mer

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

Interaktion 2 STYRDON, PEKDON OCH ANNAN INTERAKTION ATT RÄKNA MED Interaktion 2 STYRDON, PEKDON OCH ANNAN INTERAKTION ATT RÄKNA MED Sammanfattning Styrdon Tangentbord och textinmatning Pekdon Fitts lag GOMS-KLM Styrdon Tangentbord Pekdon Tangentbord QWERTY-layout QWERTY-layout

Läs mer

Grafisk formgivning. Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet

Grafisk formgivning. Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet 1-1 Grafisk formgivning Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet Komponenter måste utformas och användas på ett konsekvent och enhetligt sätt.

Läs mer

Paneler - VCPXX.2. Programmeringsmanual för VCP-paneler. Revision 2

Paneler - VCPXX.2. Programmeringsmanual för VCP-paneler. Revision 2 Paneler - VCPXX.2 Programmeringsmanual för VCP-paneler Revision 2 Innehållsförteckning Innehållsförteckning... 2 1 Symbolfiler för kommunikation via IndraLogic... 3 2 Uppsättning i IndraWorks... 6 3 Programmering

Läs mer

USB styrt DMX gränssnitt

USB styrt DMX gränssnitt USB styrt DMX gränssnitt Inledning...2 DMX bibliotek...3 Programmering av kanalerna...7 Skapa en show...11 Inledning DMX LightPlayer är mycket enkel att använda. Inför en existerande fixtur eller skapa

Läs mer

Färger. Matthew Woehlke Översättare: Stefan Asserhäll

Färger. Matthew Woehlke Översättare: Stefan Asserhäll Matthew Woehlke Översättare: Stefan Asserhäll 2 Innehåll 1 Färger 4 1.1 Inledning........................................... 4 1.2 Hantering av scheman................................... 4 1.2.1 Importerar

Läs mer

ios 7 Reglagestyrning Kompletterande handbok

ios 7 Reglagestyrning Kompletterande handbok ios 7 Reglagestyrning Kompletterande handbok www.rehabcenter.se Sida 1 Översikt I ios 7 finns funktioner som ökar och förbättrar tillgängligheten Reglagestyrning. Även för användare med betydande motoriska

Läs mer

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag

Den här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag Den här veckan Kapitel 7 och 11 Kom ihåg att boka tiden för handledning på fredag Uppsamling av missade övningar på onsdag Making it look good Visuell design Färger Typografi Exempel och patterns Komplex

Läs mer

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

Innehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap Interaktion 2 Innehåll Styrdon (ej i boken) Fitts lag (sidan 527-528) Natural user interfaces Kap 6.2.9, 6.2.11, 6.2.12 Kap 6.3-6.4 Styrdon Styrdon Tangentbord Pekdon Tangentbord QWERTY-layout QWERTY-layout

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

DJUREN PÅ GÅRDEN (4-8 år) Swedish Media Art / www.swedishmediaart.se

DJUREN PÅ GÅRDEN (4-8 år) Swedish Media Art / www.swedishmediaart.se Då du startar programmet ser det ut så här. Om du har bråttom kan du trycka på den gröna pilen för att komma till följande bild. I annat fall väntar du en stund och kommer vidare. Välj Ny elev och följande

Läs mer

RoomDesigner Manual... 1

RoomDesigner Manual... 1 RoomDesigner Manual Innehållsförteckning RoomDesigner Manual RoomDesigner Manual... 1 Översikt... 3 2D- lägets verktyg... 4 3D- lägets verktyg... 5 2D- LÄGET... 6 Införande av fönster, dörrar samt inredning

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Sjuk Kortföreläsning Idag Torsdag intro till projekt Kom då! 1 MENYER OCH TOOLBARS

Läs mer

Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca

Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca System vi undersökte Den system vi valde att undersöka var en av de senaste smart tv som finns i markanden och var nämnd till bästa

Läs mer

Vad påverkar designen?

Vad påverkar designen? Vad påverkar designen av ett gränssnitt? Vi ser arbetet med design av ett användargränssnitt som något som liknar en arkitekts arbete. En arkitekt ska i sin utformning av en ny byggnad se till att: Byggnaden

Läs mer

Release Notes för CET Designer 2.6

Release Notes för CET Designer 2.6 Release Notes för CET Designer 2.6 19 september 2011 Fotolabb Fotolabb är ett inbyggt verktyg för att skapa fotorealistiska bilder i CET Designer. Fotolabb genererar framkallningar av högsta kvalitet och

Läs mer

Objektorienterad programmering med Java Swing

Objektorienterad programmering med Java Swing Objektorienterad programmering med Java Swing Sven-Olof Nyström Uppsala Universitet 17 mars 2005 Skansholm: Kapitel 6 Swing och AWT (forts) Swing: Helt skrivet i Java Swing definierar motsvarigheter till

Läs mer

Migrera till PowerPoint 2010

Migrera till PowerPoint 2010 I den här guiden Microsoft Microsoft PowerPoint 2010 skiljer sig rent utseendemässigt mycket, så vi har skapat den här guiden för att hjälpa dig att snabbare lära dig programmet. Här kan du läsa om de

Läs mer

Att få inskannad text uppläst med talsyntes

Att få inskannad text uppläst med talsyntes Att få inskannad text uppläst med talsyntes 1. Komma igång med ClaroRead Pro Starta talsyntesprogrammet 1. Gå till Startmenyn > Program > Claro Software 2. Klicka på för att starta talsyntesen. ClaroReads

Läs mer

ESGRAF. Datablad SDS00009SE Version 1.0 02/02/2015 Integration. Presentationsmjukvara

ESGRAF. Datablad SDS00009SE Version 1.0 02/02/2015 Integration. Presentationsmjukvara ESGRAF Presentationsmjukvara ESGRAF är ett program med gemensamt grafiskt användargränssnitt för styrning och övervakning av passerkontrollsystem, inbrottslarm, brandlarm och digital video från Pelco.

Läs mer

Inställningstips Windows 8

Inställningstips Windows 8 @ Inställningstips Windows 8 2015 07-14 Ändra muspekare: 1. Navigera till Start fönstret (enklast att trycka på Windows tangenten.) 2. Skriv: mus, och sökfältet visast automatiskt. 2(11) 3. Välj: Inställningar,

Läs mer

BuildingPortalSuite. Beskrivning. 2012-09-03 BuildingPortalSuite - Beskrivning

BuildingPortalSuite. Beskrivning. 2012-09-03 BuildingPortalSuite - Beskrivning Beskrivning 1 Komma igång Följ dessa steg för att enkelt komma igång med BuildingPortalSuite: 1. Installera BuildingPortalSuite 2. Använd Setup Tool BuildingPortalSuite för att ställa in uppkopplingen

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Information om projekt och rapport Exempel på tentafrågor En del från

Läs mer

SMULTRON. Fredrik Li, Ester, Anders, Jessica, Philip. Malmö Högskola Konst Kultur Kommunikation OOP5 - Mobile Applications IDK 05 - April/Maj 2007

SMULTRON. Fredrik Li, Ester, Anders, Jessica, Philip. Malmö Högskola Konst Kultur Kommunikation OOP5 - Mobile Applications IDK 05 - April/Maj 2007 SMULTRON av Fredrik Li, Ester, Anders, Jessica, Philip Malmö Högskola Konst Kultur Kommunikation OOP5 - Mobile Applications IDK 05 - April/Maj 2007 - När man har turen att hitta en plats där man trivs

Läs mer

NU NÄR DU BEKANTAT DIG MED RAMARNAS EGENSKAPER OCH VET. hur man markerar och ändrar dem, är det dags att titta lite närmare på

NU NÄR DU BEKANTAT DIG MED RAMARNAS EGENSKAPER OCH VET. hur man markerar och ändrar dem, är det dags att titta lite närmare på 6 Arbeta med ramar NU NÄR DU BEKANTAT DIG MED RAMARNAS EGENSKAPER OCH VET hur man markerar och ändrar dem, är det dags att titta lite närmare på hur du kan arbeta med dem i en design. De flesta designers

Läs mer

Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8)

Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8) Gran Canaria - Arbetsbeskrivning knapplänkar (Mediator 8) I detta exempel kommer du att lära dig Att skapa en ny presentation från början Att skapa en enkel knapp Att använda händelseinställningar, events

Läs mer

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till? 1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till? Att lära sig via metaforer innebär att man drar nytta av kunskap som användaren redan har,

Läs mer

Brodyrmaskin Bruksanvisning Tillägg

Brodyrmaskin Bruksanvisning Tillägg Brodyrmaskin Bruksanvisning Tillägg Product Code (Produktkod): 884-T07 0 Nya funktioner för PR650e Nedanstående funktioner har lagts till i version och. Innan du använder maskinen bör du läsa igenom både

Läs mer

Innehåll INNEHÅLL. Teckenförklaring... 2. Komma igång

Innehåll INNEHÅLL. Teckenförklaring... 2. Komma igång 2015 INNEHÅLL Teckenförklaring.... 2 Innehåll Komma igång Starta programmet.... 4 Ställ in skärm/projektor... 5 Slå på fönsterläge.... 5 Laddningsskärm.... 6 Ämnesmodul.... 7 Ämnesområde... 8 Ämnesdel....

Läs mer

Inställningstips. Visuella anpassningar Windows 10 2015-08-06

Inställningstips. Visuella anpassningar Windows 10 2015-08-06 Inställningstips Visuella anpassningar Windows 10 2015-08-06 Innehåll Inledning... 3 Anpassa bildskärmen... 4 Ändra storlek för text, appar och andra objekt... 4 Ändra muspekare och markör... 6 Egenskaper

Läs mer

Användartester av HiFi-Prototyp Svar enkäter och utvärdering

Användartester av HiFi-Prototyp Svar enkäter och utvärdering Användartester av HiFi-Prototyp Svar enkäter och utvärdering Grupp WP7D Svar enkätfrågor testperson 1 Inger Degerman, 45 år, van internetsurfare Ja, direkt! Visste inte var jag var eller vad jag skulle

Läs mer

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

Word Grunderna 1. Om du kan det allra enklaste i Word, hoppa över uppgifterna A-E. Word Grunderna 1 Om du kan det allra enklaste i Word, hoppa över uppgifterna A-E. A Starta programmet Word. Titta på skärmen efter en bild som det finns ett W på. Tryck med musknappen snabbt två gånger

Läs mer

PACOM UNISON SECURITY MANAGEMENT MADE EASY

PACOM UNISON SECURITY MANAGEMENT MADE EASY PACOM UNISON SECURITY MANAGEMENT MADE EASY Sjukhus Den öppna och integrerade säkerhetsplattformen. PACOM Unison är en öppen och integrerad säkerhetslösning som gör det möjligt för dig att hantera passer-,

Läs mer

Ikoner. Mike McBride Jost Schenck Anne-Marie Mahfouf Översättare: Stefan Asserhäll

Ikoner. Mike McBride Jost Schenck Anne-Marie Mahfouf Översättare: Stefan Asserhäll Mike McBride Jost Schenck Anne-Marie Mahfouf Översättare: Stefan Asserhäll 2 Innehåll 1 Ikoner 4 1.1 Inledning........................................... 4 1.2 Tema.............................................

Läs mer

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al.

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al. Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion Kapitel 5 (3) i Rogers et al. Översikt Human Action Cycle Konceptuella modeller Metaforer ikoner Emotionell design Antropomorfism Agenter

Läs mer

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Nya Medier. Gränssnitt, Interaktivitet och Digital kod Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar

Läs mer

Lär dig POWERPOINT. Lars Ericson datorkunskap.com

Lär dig POWERPOINT. Lars Ericson datorkunskap.com Lär dig POWERPOINT Lars Ericson datorkunskap.com POWERPOINT D A Programmet Microsoft PowerPoint används till att skapa grafiska presentationer till bildspel, presentationer mm. När du öppnar upp PowerPoint

Läs mer

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet?

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet? Efterlysning! Kognitiv design 1 Hur man gör en användare glad Kursrepresentanter? Maila! Webbaserat system för gruppindelning. Idag Inledande exempel Vad är användbarhet? Hur gör användaren? Normans sjustegsmodell

Läs mer

Nyheterna i Visma Tendsign 4.0

Nyheterna i Visma Tendsign 4.0 Användarmanual Nyheterna i Visma Tendsign 4.0 Uppdaterad 2014-05-21 VISMA COMMERCE AB +46 13 47 47 500 tendsignsupport@visma.com www.tendsign.com Innehållsförteckning 1. Visma TendSign 4.0... 2 2. Grafiskt

Läs mer

HANDLEDNING ZENIT BILBOKNING

HANDLEDNING ZENIT BILBOKNING Sid 1 (17) HANDLEDNING ZENIT BILBOKNING Sid 2 (17) INNEHÅLLSFÖRTECKNING 1 HANDLEDNING FÖR WEBBASERAD BILPOOL... 3 1.1 LATHUND... 3 1.2 ÖVERSIKT ARBETSLÄGE WEBBASERAD BILPOOL... 3 1.3 INFORMATION OM BILPOOLENS

Läs mer

Cisco AnyConnect installation på Windows 7

Cisco AnyConnect installation på Windows 7 1(6) IT-avdelningen 2013-03-21 Cisco AnyConnect installation på Windows 7 VPN-klienten som används för att komma åt resurser på SLU:s nät utanför SLU:s campusområden kan laddas ner genom att besöka en

Läs mer

Kurs 5:1 Att presentera med PowerPoint del 1

Kurs 5:1 Att presentera med PowerPoint del 1 Kurs 5:1 Att presentera med PowerPoint del 1 STUDENTDATORUTBILDNINGEN MALMÖ HÖGSKOLA Att presentera med bildspel, del 1 Här är en kort vägledning som kan hjälpa dig i ditt arbete med att skapa en presentation.

Läs mer

6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen.

6. Nu skall vi ställa in vad som skall hända när man klickar på knappen samt att markören skall ändra sig till en hand när markören är på knappen. Fiskar Arbetsbeskrivning knappmeny (Mediator 8) I detta exempel kommer du att lära dig Att göra en mastersida med knappar Att använda en mastersida på andra sidor Att använd funktionen Alignment Arbetsgång

Läs mer

Menyer, formulär och dialogrutor

Menyer, formulär och dialogrutor Interaktion 2 Menyer, formulär och dialogrutor Konkreta typer av interaktion för direktmanipulation/wimp Kursboken Kap 6 Menyer Tanken med att använda menyer i användargränssnitt Datorer är duktiga på

Läs mer

Nya funktioner i InPrint 3

Nya funktioner i InPrint 3 Hemsida: www.symbolbruket.se Telefon: 013-712 70 E-post: support@symbolbruket.se Nya funktioner i InPrint 3 InPrint 3 är en helt omgjord version av det gamla programmet InPrint 2. Allt du gjorde i In Print

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Ja, men resultatet blir inte lika bra. Det är att skapa genvägsikoner. Se anvisningar nedan:

Ja, men resultatet blir inte lika bra. Det är att skapa genvägsikoner. Se anvisningar nedan: Du måste ha WinZip installerat, eller ett annat program som kan hantera filer med filtillägget zip! Du måste packa upp filen innan du kan använda ikonerna eller bilderna här. Vad är WinZip? WinZip är ett

Läs mer

Joomla CMS Del 2 av 2

Joomla CMS Del 2 av 2 JOOMLA 3 CMS GRUNDKURS DEL 2 AV 2 Innehåll Extern Struktur Menyer och Sidor Användare och Åtkomstnivåer Skapa en sida som kräver inloggning Moduler och Positioner Sökmotor och undermenyer Copyright Mahmud

Läs mer

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.

Interaktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc. Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:

Läs mer

MyTobii P10. Lathund kring de vanligaste funktionerna i själva styrsystemet i ögonstyrningsutrustningen P10 från MyTobii. Habilitering & Hjälpmedel

MyTobii P10. Lathund kring de vanligaste funktionerna i själva styrsystemet i ögonstyrningsutrustningen P10 från MyTobii. Habilitering & Hjälpmedel MyTobii P10 Lathund kring de vanligaste funktionerna i själva styrsystemet i ögonstyrningsutrustningen P10 från MyTobii Habilitering & Hjälpmedel Innehåll Innehåll... 1 Förord... 2 Att starta styrsättet...

Läs mer

Inställningstips Windows

Inställningstips Windows @ Inställningstips Windows 7 2015 07-14 Ändra muspekare: 1. Tryck på Windows knappen för att öppna Start menyn och skriv: mus i sökfältet. 2. Välj: Mus. Inställningstips - Windows 7 2(11) 3. Välj fliken:

Läs mer

Manual - Inläsningstjänsts App (ios för iphone och ipad)

Manual - Inläsningstjänsts App (ios för iphone och ipad) Sidan 1 av 7 App-release: 1.0 Manual - Inläsningstjänsts App (ios för iphone och ipad) Innehållsförteckning 1 Kort om appen... 2 Funktionaliteten i grova drag... 2 Kända begränsningar i denna version...

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Information Projekt Projektplanering in 11/2 Projekthandledning Möjlighet till

Läs mer

WWAAC Layout Editor. 1. Standard för knapp (kolla att fliken Standard för knapp är vald)

WWAAC Layout Editor. 1. Standard för knapp (kolla att fliken Standard för knapp är vald) WWAAC Layout Editor Layout Editor För att ändra en befintlig layout eller göra en ny kan du antingen öppna Layout Designer for the Browser via Start Program wwaac eller nå den via knappen Inst i browsern

Läs mer

Anpassning av Windows 7 och Word 2010

Anpassning av Windows 7 och Word 2010 Anpassning av Windows 7 och Word 2010 Det finns en hel del små förändringar man kan göra för att det ska bli lättare att navigera i datorn, läsa och skriva. Med kortare rader, tydligt typsnitt större avstånd

Läs mer

SkanRead hjälp. SkanRead 2.0. Elevdata AB

SkanRead hjälp. SkanRead 2.0. Elevdata AB SkanRead hjälp SkanRead 2.0 Elevdata AB SkanRead hjälp: SkanRead 2.0 Elevdata AB Copyright 2011 Elevdata AB Innehållsförteckning Inledning... v 1. Så här gör du!... 1 2. SkanRead i CD-ORD och programmenyn...

Läs mer

Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker

Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker Avstämning med Referensgrupp Sprint 11 lnu.se + Mina saker 24 november 2009 Bakgrund Ålder: 20, 25 Kön: Kvinna, Kvinna Sysselsättning/utbildning: Marknadsföringsprogrammet, Engelska fristående kurs. Internetvana

Läs mer

Sharpdesk V3.3. Installationsguide Version 3.3.03

Sharpdesk V3.3. Installationsguide Version 3.3.03 Sharpdesk V3.3 Installationsguide Version 3.3.03 Upphovsrätt 2000-2009 av SHARP CORPORATION. Eftertryck förbjudet. Reproduktion, adaptation eller översättning utan föregående skriftligt tillstånd är förbjudet,

Läs mer

Mayas UI. Grundläggande UI. Dag Stensson 2009

Mayas UI. Grundläggande UI. Dag Stensson 2009 Mayas UI Mayas UI (User Interface eller användargränssnitt) är tämligen komplicerat jämfört med Adobe Photoshop eller andra liknande verktyg. Oroa dig inte, det blir lite bättre med tiden. Ni kommer att

Läs mer

Översikt Föreläsning 1. Trivicalc. Vad är trivicalc? En cell. Områden på skärmen. SMD168/SMD135 Fredrik Bengtsson

Översikt Föreläsning 1. Trivicalc. Vad är trivicalc? En cell. Områden på skärmen. SMD168/SMD135 Fredrik Bengtsson Översikt Trivicalc SMD168/SMD15 Fredrik Bengtsson bson@sm.luth.se Föreläsning 1 Introduktion till Trivicalc - problem Föreläsning Grafiska Användargränssnitt Föreläsning del 1 Versionshantering CVS (Johan

Läs mer

Miljön i Windows Vista

Miljön i Windows Vista 1 Miljön i Windows Vista Windows Aero Windows Aero (Aero Glass), som det nya utseendet eller gränssnittet heter i Vista, påminner mycket om glas och har en snygg genomskinlig design. Det är enklare att

Läs mer

Metodisk programutveckling

Metodisk programutveckling 2-1 Metodisk programutveckling Analys» krav analys - hur ska programmet användas?» domän analys - hur måste programmet vara strukturerat? Dialogmodellering» Dialogmodeller - Vilka fönster består dialogen

Läs mer

Guide till att använda Audacity för uttalsövningar

Guide till att använda Audacity för uttalsövningar Guide till att använda Audacity för uttalsövningar Victoria Johansson Humlabbet, SOL-center, Lund IT-pedagog@sol.lu.se 28 mars 2006 1 Inledning Audacity är ett program som kan användas för att spela in

Läs mer

TDDE10 m.fl. Objektorienterad programmering i Java Föreläsning 7 Erik Nilsson, Institutionen för Datavetenskap, LiU

TDDE10 m.fl. Objektorienterad programmering i Java Föreläsning 7 Erik Nilsson, Institutionen för Datavetenskap, LiU TDDE10 m.fl. Objektorienterad programmering i Java Föreläsning 7 Erik Nilsson, Institutionen för Datavetenskap, LiU På denna föreläsning: Grafiskt användargränssnitt, Swing Layout och komponenter Göra

Läs mer

Användarhandbok. version 1.15.8. sida 1 av 15

Användarhandbok. version 1.15.8. sida 1 av 15 Användarhandbok version 1.15.8 sida 1 av 15 Innehållsförteckning Introduktion... 4 Gränssnitt... 4 Inloggning... 5 Användarnamn och lösenord... 5 Kod... 5 Startsida... 6 Menyer... 6 Systembild... 7 Sidobjekt...

Läs mer

SPF/MiRiaM Manual avancerad sökning

SPF/MiRiaM Manual avancerad sökning SPF/MiRiaM Manual avancerad sökning 2016-09-15 Skapat av: Fältström Ingrid 1 (31) Innehållsförteckning 1. Inledning... 3 1.1 Begreppsförklaringar... 3 1.1.1 Kolumn... 3 1.1.2 Lista... 3 1.1.3 Posttyp...

Läs mer

Välj vilka områden utanför linjalen som skall färgas. Välj vilka färger ScreenRuler skall använda på linjalen och områden utanför linjalen.

Välj vilka områden utanför linjalen som skall färgas. Välj vilka färger ScreenRuler skall använda på linjalen och områden utanför linjalen. Introduktion till ScreenRuler Tack för att du använder ScreenRuler (Vista Edition). ScreenRuler är ett PC-program som kan förstora ett avsnitt av din skärm. Detta blir ett stöd när du läser och koncentrerar

Läs mer

Microsoft Expression Blend + Sketch Flow

Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:

Läs mer

Manual - Inläsningstjänsts App (Android)

Manual - Inläsningstjänsts App (Android) Sidan 1 av 7 Manual - Inläsningstjänsts App (Android) App-release: Beta Innehållsförteckning 1 Kort om appen... 2 Funktionalitet i grova drag... 2 Kända begränsningar i denna version... 2 2 Var hittar

Läs mer

Filbindningar. Mike McBride Översättare: Stefan Asserhäll

Filbindningar. Mike McBride Översättare: Stefan Asserhäll Mike McBride Översättare: Stefan Asserhäll 2 Innehåll 1 Filbindningar 4 1.1 Inledning........................................... 4 1.2 Hur det här modulen används.............................. 4 1.2.1

Läs mer

Macromedia Flash MX 2004

Macromedia Flash MX 2004 Mittuniversitetet ITM Telefon 0771-97 50 00 Erik Öberg Macromedia Flash MX 2004 Visuell kommunikation Detta exemplar tillhör: VT 2005 Laborationskompendium för Macromedia Flash Publicera Flashfilmer Nu

Läs mer

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska råd och tips - Heuristik Exempel på bra och mindre bra design Några egenskaper hos människan

Läs mer

Windows 8.1, hur gör jag?

Windows 8.1, hur gör jag? 2014 Windows 8.1, hur gör jag? Tor Stenberg Piteå Kommun 2014-03-28 1 av 13 Innehåll Hur jobbar jag med Windows 8.1... 2 Logga in... 2 Skrivbordet och programportal... 2 Logga ut och stänga datorn... 3

Läs mer

FirstClass Manual. Följande sidor beskriver de två olika sätten att logga in till FirstClass. Pröva båda för att själv se skillnaden.

FirstClass Manual. Följande sidor beskriver de två olika sätten att logga in till FirstClass. Pröva båda för att själv se skillnaden. FirstClass Manual version 1 v 08 Här kan du hämta FirstClass www.fc.vxu.se (Välj Ladda ner ) eller om du vill använda webben www.fc.vxu.se (Välj Logga in ) Vad är FirstClass? FirstClass är ett mångsidigt

Läs mer