TNM040 Kommunika3on och användargränssni< HT2015, FÖ3 TNM040 HT2015. Bra överblick. h<p:// anvandbarhet/metoder

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "15-09- 14. TNM040 Kommunika3on och användargränssni< HT2015, FÖ3 TNM040 HT2015. Bra överblick. h<p://www.usabilitypartners.se/om- anvandbarhet/metoder"

Transkript

1 TNM040 Kommunika3on och användargränssni< HT2015, FÖ3 Bra överblick h<p:// anvandbarhet/metoder 1

2 Bra överblick Bra överblick h<p:// 2

3 c c Konceptuell design Den konceptuella designen ska visa vad och i vilken ordning informa3on ska presenteras, men den kan även visa naviga3on. 3

4 Konceptuell design När den konceptuella designen är färdig kan den se ut så här: Nu syns vilken informa3on som ska matas in och i vilken ordning. Här är informa3onen uppdelad i olika informa3onsmängder, inte på olika sidor. Dessa informa3onsmängder kan senare hamna på samma sida eller flera olika. Interak3onsdesign Interak3onsdesignen visar var och hur informa3onen presenteras. E< första förslag kan se ut så här. 4

5 Interak3onsdesign E< senare förslag/färdigt kan se ut så här. PersonuppgiVer och adressuppgiver presenteras i det nya förslaget 3llsammans (på samma sida). Vissa fält har anpassats 3ll den informa3on de ska innehålla, se 3ll exempel fältet postnummer. Fältet postort kan inte redigeras. Informa3onen i fältet hämtas automa3skt u3från det inmatade postnumret. Detaljerad design I den detaljerade designen försöker man visa hur den slutgil3ga sidan kommer a< se ut. I den detaljerade designen visas färg, font, placering av objekt etc. 5

6 Cat- app En applika3on som gör a< ka<ens ägare slipper dåligt samvete för a< ka<en inte kan komma in. Cat- app Scenario 1 Nina bor i e< hus på landet och har två ka<er som får gå ut och in genom en ka<lucka. Nu är problemet a< fler än hennes två ka<er använder sig av luckan och det leder 3ll vissa problem. 6

7 Cat- app Scenario 1 Nina bor i e< hus på landet och har två ka<er som får gå ut och in genom en ka<lucka. Nu är problemet a< fler än hennes två ka<er använder sig av luckan och det leder 3ll vissa problem. Nina vill nu ha möjligheten a< styra öppe`derna för luckan själv och bara öppna den när hon vet a< en av hennes två ka<er ska in. Hon vill få något sorts meddelande när en ka< är utanför, kunna se a< det är någon av hennes och då kunna öppna luckan. 7

8 Cat- app Cat- app Scenario 2 Peter bor i lägenhet och har en ka< som får vara ute ibland. Problemet är a< Peter aldrig vet när ka<en vill in och grannar har klagat på a< den stackars ka<en si<er ute i regn och kyla utan a< komma in. Peter tycker givetvis synd om ka<en han också.men ännu mer synd om den blir det om den inte får gå ut alls. Peter skulle vilja veta när ka<en är utanför dörren så a< han eller någon annan kan släppa in den. 8

9 Cat- app Cat- app Användarhistorier (5-10 min) Som en roll, vill jag göra något så a< jag uppnår något. 9

10 Cat- app Konceptuell design (10 min) Den konceptuella designen ska visa vad (informa3on) som ska presenteras och i vilken ordning. Olika informa3onsmängder kan här vara på samma sida. Kan även visa naviga3on. Cat- app (10 min) Interak3onsdesignen visar var och hur informa3onen presenteras och hur den ska hanteras. 10

11 Cat- app Detaljerad design (5 min) I den detaljerade designen försöker man visa hur den slutgil3ga sidan kommer a< se ut och fungera. I den detaljerade designen visas färger, fonter, exakt placering av objekt etc. 11

12 Grunder i sidlayout Visuell hierarki Det vik3gaste innehållet ska synas/s3cka ut mest, och det minst vik3ga ska synas minst. En bra visuell hierarki visar omedelbart: Hur vik3ga olika element på en sida är Rela3onen mellan dem Tidwell (2011). Designing interfaces. 12

13 Visuellt flöde Guidar läsaren från det ena elementet 3ll det andra Kontrollerar hur informa3on uppfa<as och i vilken ordning Vik3ga element betonas, och innehåll organiseras på e< sä< som är logiskt och förutsägbart Bra design och och e< genomtänkt visuellt flöde vägleder användarna och gör deras upplevelse enklare och roligare Grunder i sidlayout Visuell hierarki En bra visuell hierarki visar omedelbart: Hur vik3ga olika element på en sida är Rela3onen mellan dem Densitet Mängd element vs bakgrund, fets3l etc. Bakgrundsfärg Kontrast drar 3ll sig uppmärksamhet (svart/vi< är stark) Placering och storlek En större del (text), i mi<en av en sida drar uppmärksamheten 3ll si< innehåll (jämför ar3kel, blogginlägg). En liten remsa text längst ned å andra sidan ber om a< ignoreras jag är bara en sidfot Rytm Listor, rutnät, rubriker, white space kan skapa en visuell rytm som fångar uppmärksamheten och styr/leder användaren Tidwell (2011). Designing interfaces. 13

14 14

15 Vi läser inte när vi undersöker e< gränssni< vi scannar, letar ever ord, objekt etc. som fångar vår uppmärksamhet. Vi har ovast e< mål Vi vet a< vi inte behöver läsa allt Vi är bra på det 15

16 Skillnad mellan vad som sägs och vad som uppfa<as. Krug, S. (2014), Don t make me think, p

17 Kontrast gör a< ögat dras 3ll något specifikt och kan uppfa<a vik3g informa3on. Färg Fä Storlek Nyans Färg Färg Den mest vik3ga informa3onen ska s3cka ut som den mest framträdande (visuellt). En stor del av ytan används för a< visa ganska lite produk3nforma3on. E< steg som måste genomföras innan köp syns dåligt och kan lä< missas. Knapparna har samma visuella tyngd. 17

18 Vik3gt Med för hög densitet eller för dålig kontrast kan vik3g informa3on försvinna bland annat innehåll. Kom ihåg användares primära uppgiv/mål! Gör informa3onen som behövs för a< ulöra en uppgiv extremt lä< a< se/hi<a. Figur och grund Hur objekt avbildas mot en bakgrund Om något uppfa<as som en figur (objekt i fokus) eller som bakgrund. 18

19 Grunder i sidlayout Visuell hierarki En bra visuell hierarki visar omedelbart: Hur vik3ga olika element på en sida är mellan dem Isolering innebär åtskillnad, gör a< något s3cker ut. Tidwell (2011). Designing interfaces. Isolering 19

20 Grunder i sidlayout Visuell hierarki En bra visuell hierarki visar omedelbart: Hur vik3ga olika element på en sida är mellan dem Isolering innebär åtskillnad, gör a< något s3cker ut. Grupperade element verkar höra ihop. har du några element av samma typ och du vill a< betraktaren ska tycka a< de är lika intressanta, a< de hör ihop, ge dem samma (dis3nkta) grafiska u<ryck. Tidwell (2011). Designing interfaces. Tidwell. (2001). Designing Interfaces, p

21 Tidwell. (2001). Designing Interfaces, p 135. Gestaltlagar Generella lagar för hur vårt visuella system fungerar och hur vi tolkar informa3on Kan tyckas enkla men deras effekt kan ha stor inverkan på användarupplevelsen 21

22 Konstruk3vism Enligt den här skolan är percep3on en ak3v process. Vad vi ser är inte en kopia av ngt: snarare en modell konstruerad av det visuella systemet genom transforma3on, förstoring, förvrängning och borlall av informa3on. Vad vi ser är konstruerat både från informa3on i omgivningen och från erfarenhet (3digare lagrad kunskap). 22

23 23

Idag. Psykologi - milstolpar. Kogni4on 2013-09- 24. TNM040 Kommunika4on och användargränssni= HT2013, FÖ3

Idag. Psykologi - milstolpar. Kogni4on 2013-09- 24. TNM040 Kommunika4on och användargränssni= HT2013, FÖ3 TNM040 Kommunika4on och användargränssni= HT2013, FÖ3 Idag Kogni4v psykologi Visuell percep4on Design principer Introduk4on 4ll examina4onsuppgik i kri4sk analys (inlämning v42) Kogni4on Lat. cognoscere

Läs mer

Grafisk form för användargränssnitt

Grafisk form för användargränssnitt Grafisk form för användargränssnitt Petra Dryselius Designer, digitala plattformar Digital Communica.on Linköping AB Kompetens och lösningar inom digitala medier. Intranät, externwebb, webbsystem, digitala

Läs mer

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu.

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu. Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign II Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC B Affordance Formulärobjekt

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

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se DATUM: 2009-04-03

Läs mer

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

Seglingsledaren och ledarskapet

Seglingsledaren och ledarskapet Seglingsledaren är dirigenten för en tävling Har två ledarroller Leda sin organisation Även leda deltagarna Hur ska en seglingsledare vara? Vilka ledartyper finns det? Auktoritär ledars/l Demokra/sk ledars/l

Läs mer

Studentundersökningen. TerminsGder. Idag. Psykologi 15-02- 17. Agil användbarhetsutveckling för handhållna enheter TNM082, VT2015, FÖ5

Studentundersökningen. TerminsGder. Idag. Psykologi 15-02- 17. Agil användbarhetsutveckling för handhållna enheter TNM082, VT2015, FÖ5 Agil användbarhetsutveckling för handhållna enheter TNM082, VT2015, FÖ5 Studentundersökningen För %ärde gången genomför nu LiU och studentkårerna Studentundersökningen (f.d. Nöjd Studen>ndex). Enkäten

Läs mer

Gå till nästa bygge. Ibland vill man hoppa till nästa bild i presentationen utan att behöva gå igenom alla byggen på diabilden igen.

Gå till nästa bygge. Ibland vill man hoppa till nästa bild i presentationen utan att behöva gå igenom alla byggen på diabilden igen. KEYNOTE guiden Det här en guide med en sammanställning av de några av de vanligaste funktionerna och snabbkommandon i keynote. Lär du dig dem så går det snabbare och effektivare att både använda och göra

Läs mer

Det är så bra för mitt sexliv!

Det är så bra för mitt sexliv! Det är så bra för mitt sexliv! - Varför en sjukgymnast forskar om sex Kris%na Areskoug- Josefsson Fysioterapeut, PhD, Samrehab, Värnamo Sjukhus Ins?tu?onen för hälsovetenskaper, Lunds Universitet Futurum

Läs mer

grafisk design & layout regler

grafisk design & layout regler & layout regler Grafisk design eller grafisk formgivning är ett kreativt och konstnärligt språk, men till skillnad från en fri konstnär så får en grafisk designer i uppdrag att föra ut ett speciellt budskap.

Läs mer

Admin Administra#onen är uppbyggd på ungefär samma sä= som bu#ken. Det är dock både en vänstermeny och en högermeny, en toppsida och e= mi=enfält.

Admin Administra#onen är uppbyggd på ungefär samma sä= som bu#ken. Det är dock både en vänstermeny och en högermeny, en toppsida och e= mi=enfält. Butiken Bu#ken bygger på 4st olika ytor. Toppsidan, vänstersidan, mi=en och varukorgen. Dessa byggs upp av e= ramverk som du kan fly=a runt sidorna i samt justera i storlek. Det är denna sida bu#kens ramverk

Läs mer

Upptäcka och analysera. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna.

Upptäcka och analysera. Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Upptäcka och analysera Qlik Sense 1.1 Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Copyright 1993-2015 QlikTech International AB. Alla rättigheter förbehållna. Qlik, QlikTech,

Läs mer

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

Vad utmärker ett bra användargränssnitt? Vad utmärker ett bra användargränssnitt? Att kommunicera med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphic User Interface GUI = Graphic User Interface GUIn, eller grafiska gränssnitt

Läs mer

Namn: Jan Mårtensson, Jönköping Titel: Familjen i den pallia:va vården av hjärt- kärlsjukdom. Ingen intressekonflikt.

Namn: Jan Mårtensson, Jönköping Titel: Familjen i den pallia:va vården av hjärt- kärlsjukdom. Ingen intressekonflikt. Namn: Jan Mårtensson, Jönköping Titel: Familjen i den pallia:va vården av hjärt- kärlsjukdom Ingen intressekonflikt. Pallia:v vård enligt WHO (2002) Pallia%v vård: Lindrar smärta och andra plågsamma symtom.

Läs mer

TDDD52 Databas. Databas. Databas 1/3/13

TDDD52 Databas. Databas. Databas 1/3/13 /3/3 Varje gång jag vill lägga 5ll en film så måste jag ändra i min PHP kod och ladda upp 5ll servern Mina kollegor vill också kunna lägga 5ll filmer, men jag vill inte ge de access 5ll min FTP eller PHP

Läs mer

Diagram. I detta kapitel lär du dig: m Diagrammets beståndsdelar. m Att skapa både inbäddat diagram och diagramblad. m Att ändra diagramform.

Diagram. I detta kapitel lär du dig: m Diagrammets beståndsdelar. m Att skapa både inbäddat diagram och diagramblad. m Att ändra diagramform. 1 Diagram Med diagram kan du presentera information på ett effektivt sätt. Eftersom datan visas grafiskt så kan betraktaren ta till sig mycket information på en gång. Microsoft Excel har ett kraftfullt

Läs mer

RAPPORT REKRYTERING OCH SOCIALA MEDIER

RAPPORT REKRYTERING OCH SOCIALA MEDIER RAPPORT REKRYTERING OCH SOCIALA MEDIER Kontakt: Elisabeth Thörnsten/ Anna Lindström Datum: 7 sept, 2012 Gun PeBersson Tel: 0739 403916 Gun.peBersson@novus.se Annelie Önnerud Åström Tel: 0739 40 37 61 Annelie.astrom@novus.se

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

Innehåll. Användarstudier. Användarstudier enligt Microsoft. Varför? Aktivt lyssnande. Intervjuteknik. Intervju Observation Personor Scenarier Krav

Innehåll. Användarstudier. Användarstudier enligt Microsoft. Varför? Aktivt lyssnande. Intervjuteknik. Intervju Observation Personor Scenarier Krav Innehåll Användarstudier Johan Åberg johan.aberg@liu.se Intervju Observation Personor Scenarier Krav Varför? Användarstudier enligt Microsoft http://www.youtube.com/watch?v=v_s13 VtPpJQ Aktivt lyssnande

Läs mer

Projektrapport - Live commentary

Projektrapport - Live commentary Projektrapport - Live commentary Linnéa Åberg - la222pp Beskrivning Vision och översiktlig beskrivning Det är en applikation för den som vill skapa intressanta diskussioner för live event eller program

Läs mer

2003-09-04. Psykologi del 1 Christina von Dorrien Vice President Interaction Design & Usability. Perception. Psykologi - delar

2003-09-04. Psykologi del 1 Christina von Dorrien Vice President Interaction Design & Usability. Perception. Psykologi - delar Psykologi del 1 Christina von Dorrien Vice President Interaction Design & Usability Föreläsning 4/9 2003 Preece: Kap.3 Carmen Systems AB Psykologi delar Perception Perceptionspsykologi hur vi varseblir

Läs mer

Marketing Automation! En lathund!

Marketing Automation! En lathund! Marketing Automation! En lathund! Inledning Kampen om kunder är idag tuffare än någonsin. Tack vare internet har kundens möjligheter a6 skaffa sig kunskap och beslutsunderlag fly6as mer och mer -ll kundens

Läs mer

design & layout Distansskolan 1

design & layout Distansskolan 1 design & layout Distansskolan 1 Grundelementen Varje komposition är summan av dess grundelement. Om du tittar på en annons eller broschyr kommer du hitta både enkla och komplexa kompositioner. En del kompositioner

Läs mer

Pedagogisk skicklighet och pedagogisk meritering vad betyder det och vem bedömer detta?

Pedagogisk skicklighet och pedagogisk meritering vad betyder det och vem bedömer detta? Pedagogisk skicklighet och pedagogisk meritering vad betyder det och vem bedömer detta? Elinor Edvardsson S-wne IBL/CUL E6 rundabordsamtal om vad pedagogisk skicklighet och pedagogisk meritering betyder

Läs mer

Dela in staden i lagom stora bitar

Dela in staden i lagom stora bitar ANVÄNDARINFO version 007-07-0 Villamotorn Hur man aktiverar villaområden för självanmälan och tar hand om intresseanmälningar och processen för anslutning. Fastighetsägare En enskild villaägare har två

Läs mer

Lära känna skrivbordet

Lära känna skrivbordet Är det första gången du använder Windows 7? Den här versionen har mycket gemensamt med tidigare versioner av Windows, men du kan behöva hjälp med att få upp farten. Den här guiden innehåller praktisk information

Läs mer

Take. Mikado. Sushi. Projektbeskrivning. Av: Oskar Edengréen och Melissa Nordström

Take. Mikado. Sushi. Projektbeskrivning. Av: Oskar Edengréen och Melissa Nordström Take Mikado Sushi Projektbeskrivning Av: Oskar Edengréen och Melissa Nordström KREATÖRER Melissa Nordström Förutom att nörda mig i grafisk design gillar jag japansk populärkultur. Att då få jobba med

Läs mer

Ledarskap, medarbetarskap och. Maria Nordin Ins4tu4onen för psykologi

Ledarskap, medarbetarskap och. Maria Nordin Ins4tu4onen för psykologi Ledarskap, medarbetarskap och kommunika4on- förutsä9ningar för goda rela4oner på jobbet Maria Nordin Ins4tu4onen för psykologi Denna föreläsning Hälsopromo4on Goda rela4oner Individen Organisa4onen Hur

Läs mer

Skriva rapporter i Word

Skriva rapporter i Word SOLNA GYMNASIUMS BIBLIOTEK Skriva rapporter i Word En lathund 2014-03-12 Göra en automatisk innehållsförteckning En innehållsförteckning i Word gör man när hela rapporten är klar. Formatinställning Börja

Läs mer

Grafer. 1 Grafer. Grunder i matematik och logik (2015) 1.1 Oriktade grafer. Marco Kuhlmann

Grafer. 1 Grafer. Grunder i matematik och logik (2015) 1.1 Oriktade grafer. Marco Kuhlmann Marco Kuhlmann 1 En graf är en struktur av prickar förbundna med streck. Ett tidsenligt exempel på en sådan struktur är ett social nätverk, där prickarna motsvarar personer och en streck mellan två prickar

Läs mer

Vetenskaplighet och forskningse2k HT 2015. Föreläsning 7: Ramar och rela+vism (och social konstruk+on)

Vetenskaplighet och forskningse2k HT 2015. Föreläsning 7: Ramar och rela+vism (och social konstruk+on) Vetenskaplighet och forskningse2k HT 2015 Föreläsning 7: Ramar och rela+vism (och social konstruk+on) Ontologi, rela2vism, konstruk2vism Ontologi: läran om vad som finns, och hur det är beskaffat X- rela2vism:

Läs mer

Sammanställning av webbenkät december 2015

Sammanställning av webbenkät december 2015 Sammanställning av webbenkät december 2015 Bakgrund I december 2015 bjöds kommuninvånare in för att vara med att påverka utvecklingen av kommunens digitala tjänster. Inbjudningar gick ut via webbplats,

Läs mer

Lär dig sökmöjligheterna i Disgen 8

Lär dig sökmöjligheterna i Disgen 8 Det har blivit dags att titta på sökmöjligheterna i Disgen. Det finns egentligen två olika sökfunktioner i Disgen, Välj person och Sök personer. Här behandlas dessa båda funktioner. Välj person och Sök

Läs mer

Guide till Snap the Notion. Meningen med spelet

Guide till Snap the Notion. Meningen med spelet Guide till Snap the Notion I denna guide kan du lära dig mer om idéerna bakom spelet Snap the Notion och hur den fungerar. Du kommer också få se olika exempel på vad man kan göra med spelet och hur den

Läs mer

Kommunikationsplattform

Kommunikationsplattform Kommunikationsplattform Alla bilder i de*a dokument är skissbilder och rä5gheterna är o7a begränsade. Använd all:d bilder från vår bildbank eller bilder som ni själva har tagit eller köpt rä*en :ll. Det

Läs mer

De granskade. E, forskningsprojekt om 4llsyn. Tillsynsforums vårkonferens 2013

De granskade. E, forskningsprojekt om 4llsyn. Tillsynsforums vårkonferens 2013 De granskade E, forskningsprojekt om 4llsyn Tillsynsforums vårkonferens 2013 Fem frågor och fem svar Varför intressera sig för 4llsyn? Vad är egentligen 4llsyn? Hur kan 4llsyn studeras? Vad gör de 4llsynade

Läs mer

Projektrapport TRTE09 2013-03-08. Grupp A5 Mathilda Johansson, Linnea Englund, Jennifer Bodén, Camilla Andersson, Cecilia Kornehed

Projektrapport TRTE09 2013-03-08. Grupp A5 Mathilda Johansson, Linnea Englund, Jennifer Bodén, Camilla Andersson, Cecilia Kornehed Projektrapport TRTE09 2013-03-08 Grupp A5 Mathilda Johansson, Linnea Englund, Jennifer Bodén, Camilla Andersson, Cecilia Kornehed 1. INLEDNING 1 2. HUVUDDEL/PROCESS 2 2.1 FÖRBEREDELSER 2 2.2 BRAINSTORMING

Läs mer

Bildslinga Användarguide

Bildslinga Användarguide Bildslinga Användarguide Bildslingan låter dig exponera dina objekt i helskärmsläge, exempelvis för skyltfönstret. Text och bild hämtas från de objekt som du för tillfället annonserar på Internet. Du måste

Läs mer

INNEHÅLL DEL 2 FORMATERA KALKYL DEL 1 SKAPA KALKYL

INNEHÅLL DEL 2 FORMATERA KALKYL DEL 1 SKAPA KALKYL 1. INTRODUKTION TILL EXCEL 2008... 5 A. Docendo-pedagogiken...6 B. Hämta övningsfiler...7 C. Starta programmet...8 D. Avsluta programmet...8 E. Programfönstret...9 F. Elementgalleriet...10 G. Verktygslådan...11

Läs mer

Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31

Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31 Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31 Göteborgs miljövetenskapliga Centrum, GMV 2 Om GMV:s grafiska riktlinjer Om GMV:s grafiska riktlinjer GMV:s grafiska riktlinjer

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

Innehåll. Introduktion Min Stora Sorg. Diskussionsfrågor. Bildanalys. Analysera musiktexter. Tips på ytterligare fördjupning

Innehåll. Introduktion Min Stora Sorg. Diskussionsfrågor. Bildanalys. Analysera musiktexter. Tips på ytterligare fördjupning Detta lärarmaterial är till för er som vill fördjupa er i det bildspråk som Min Stora Sorgs musik och konstnärskap berör men också koppla det till den bildvärld vi lever i idag. I denna performancekonsert

Läs mer

Flexibel meny i Studentportalen

Flexibel meny i Studentportalen Guide Flexibel meny i Studentportalen Via en flexibel meny kan lärare och administratörer skapa en menystruktur som består av menyblock och funktioner i valfri ordning. På så sätt kan menyn spegla kursens

Läs mer

Inspektion Användarmanuel

Inspektion Användarmanuel Onix AS Version 1.0.5.0 16.12.2014 2014 Inspektion Användarmanuel Denna applikation kan du enkelt kontrollera utrustningar i Utrustningsportalen. 0 S i d a INNEHÅLLSFÖRTECKNING Sida INLEDNING... 3 STARTA

Läs mer

Åbo Akademis Studentkårs grafiska profil. Utarbetad av Ken Snellman.

Åbo Akademis Studentkårs grafiska profil. Utarbetad av Ken Snellman. 1 Åbo Akademis Studentkårs grafiska profil. Utarbetad av Ken Snellman. Åbo Akademis Studentkår 2015 2 Innehåll 1. Logotyp... 4 2. Sigill... 9 3. Rutnät... 10 4. Dekorelement... 11 5. Färger... 12 6. Teckensnitt...

Läs mer

icad - Användarbeskrivning V1.1

icad - Användarbeskrivning V1.1 icad - Användarbeskrivning V1.1 2011-01- 18 Denna manual beskriver funk5onaliteten i icad- gränssni

Läs mer

Beskriv skillnaden mellan primär-, sekundär- och tetriärfärger.

Beskriv skillnaden mellan primär-, sekundär- och tetriärfärger. Beskriv skillnaden mellan primär-, sekundär- och tetriärfärger. Primärfärg är en av de färgtoner man utgår ifrån vid färgblandning. Färger som anses utgöra grundfärger i de olika färgsystemen. Alltså tre

Läs mer

OM KRITERIER av Emelie Johnson Vegh och Eva Bertilsson, publicerad i Canis 2004

OM KRITERIER av Emelie Johnson Vegh och Eva Bertilsson, publicerad i Canis 2004 OM KRITERIER av Emelie Johnson Vegh och Eva Bertilsson, publicerad i Canis 2004 Ibland dyker det upp ord som är så fantastiskt användbara och bra att man inte kan begripa hur man någonsin klarat sig utan

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

Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>...

Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>... Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener ... 3 Typsnitt ... 3 Övergångar ... 4 Mall för slide ... 5 , ...

Läs mer

Microsoft Publisher. Laborationskompendium för digital behandling av publikationer. Detta exemplar tillhör:

Microsoft Publisher. Laborationskompendium för digital behandling av publikationer. Detta exemplar tillhör: Mittuniversitetet ITM Telefon 0771-97 50 00 Microsoft Publisher Laborationskompendium för digital behandling av publikationer Detta exemplar tillhör: HT 2006 Innehållsförteckning Objekt 1 Textblock 2 Tabeller

Läs mer

StoCKK Stockholm Center för Kommunikativt och Kognitivt stöd. Tips på timer-appar. Appar som hjälper dig hålla koll på tiden

StoCKK Stockholm Center för Kommunikativt och Kognitivt stöd. Tips på timer-appar. Appar som hjälper dig hålla koll på tiden StoCKK Stockholm Center för Kommunikativt och Kognitivt stöd Tips på timer-appar Appar som hjälper dig hålla koll på tiden Januari 2016 Timer-appar Många människor både vuxna och barn, personer med eller

Läs mer

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Från föreläsning F1 Användarcentrerad design "Take the user into account every step of

Läs mer

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker Sid 1 Laborationer i kursmomentet Datoranvändning E1 http://www.etek.chalmers.se/~hallgren/eda/ : Mer om FrameMaker 1996, 1997 Magnus Bondesson 1998 och 99-09-22 Thomas Hallgren 1 Introduktion I Laboration

Läs mer

Dagsschema 2 Skapa ny händelse 3 Redigera befintlig händelse 4 Ugeplan 5 Visning af begivenhed 6 Inställningar 7

Dagsschema 2 Skapa ny händelse 3 Redigera befintlig händelse 4 Ugeplan 5 Visning af begivenhed 6 Inställningar 7 MemoAssist MemoAssist är en enkel bild- och ljudbaserade kalender utformad för personer med särskilda behov. MemoAssist har utvecklats i samarbete med användare och yrkesprofessionella från Danmark, Norge

Läs mer

Elisabeth Bejefalk IT-Assistent Avesta kommun

Elisabeth Bejefalk IT-Assistent Avesta kommun Elisabeth Bejefalk IT-Assistent Avesta kommun Du ska nu få lära dig hur du enkelt kan göra ett bildspel i PowerPoint. Utifrån det du snart har lärt dig kan du sen göra mer avancerade bildspel genom att

Läs mer

Objektorientering. Grunderna i OO

Objektorientering. Grunderna i OO Objektorientering Grunderna i OO 1 Systemutveckling Tre systemnivåer: Verksamhet Informationssystem Datasystem Huvuduppgifterna i ett systemutvecklingsarbete: Verksamhetsanalys Informationsbehovsanalys

Läs mer

Användbarhet för webben

Användbarhet för webben Användbarhet för webben Varför är webben extra viktig? Användningen av webbaserade aplikationer ökar mycket kraftigt och håller i vissa fall på att ersätta vanliga datorprogram. Webmail, Kallendrar, uppslagsverk

Läs mer

Användbarhet för webben

Användbarhet för webben Användbarhet för webben Varför är webben extra viktig? Användningen av webbaserade aplikationer ökar mycket kraftigt och håller i vissa fall på att ersätta vanliga datorprogram. Webmail, Kallendrar, uppslagsverk

Läs mer

3. Redigera i SOM ver 2.0 (SOM = Screencast-o-matic)

3. Redigera i SOM ver 2.0 (SOM = Screencast-o-matic) 3. Redigera i SOM ver 2.0 (SOM = Screencast-o-matic) När du öppnar upp SOM2 kommer du till huvudfönstret och ser alla dina inspelningar (screencasts). Om du spelat in en SOM2-file (screencast) på en annan

Läs mer

A" utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad

A utveckla kartor med responsiv design. Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad A" utveckla kartor med responsiv design Johan Lah8 Geografisk IT- utvecklare Stadsbyggnadskontoret, Malmö stad Innehåll 1. Vad och varför responsiv design? 2. Hur kan det genomföras? 3. Exempel (smap)

Läs mer

RESTAURERING AV GAMLA FOTOGRAFIER

RESTAURERING AV GAMLA FOTOGRAFIER RESTAURERING AV GAMLA FOTOGRAFIER Att fixa till gamla bilder sträcker sig från enklare justeringar till mer avancerade operationer. Det kan handla om att enbart behöva justera ljus och kontraster, men

Läs mer

1 Skapa Tabell...2. 2 Skapa Relationer...20. 3 Redigera Relationer...24. 4 Redigera Fält i Tabell...26. 5 Lägga till Poster i Tabell...

1 Skapa Tabell...2. 2 Skapa Relationer...20. 3 Redigera Relationer...24. 4 Redigera Fält i Tabell...26. 5 Lägga till Poster i Tabell... Kapitel 5 Tabell 1 Skapa Tabell...2 1.1 Tabellfönstret... 4 1.2 Fältegenskaper... 8 1.3 Primärnyckel... 11 1.4 Spara Tabell... 12 1.5 Tabellguiden... 12 2 Skapa Relationer...20 3 Redigera Relationer...24

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

Introduktion. Byggstenar TDBA63 2005-11-22

Introduktion. Byggstenar TDBA63 2005-11-22 Introduktion UML står för Unified Modeling Language. Det är tänkt att fungera som hjälpmedel vid modellering av alla tänkbara typer av utvecklingsarbeten, inte bara inom dataomdrådet. Det största värdet

Läs mer

Robotgräsklippare från Zomax

Robotgräsklippare från Zomax Robotgräsklippare från Zomax Zomax är ett företag från Tyskland som har sedan 2007 specialiserat sig på robotgräsklippare. All deras tillverkning sker i Asien med direktion från Tyskland. Vi har valt att

Läs mer

Visual thinking for Design

Visual thinking for Design Visual thinking for Design Litteraturseminarium, Kapitel 5 Tommy Giang, AnnaKarin Nordstrand, Eva Sandberg, Christian Åkermark, Daniel Ahlström, Maria Axelsson, Alexander Lundin, Lang Huyn, Therese Mariusson,

Läs mer

Specialpedagogiska skolmyndigheten

Specialpedagogiska skolmyndigheten Specialpedagogiska skolmyndigheten Statens samlade stöd i specialpedagogiska frågor. 1 Rätten till stöd och anpassningar i skolan. Wern Palmius rådgivare wern.palmius@spsm.se 2 wern.palmius@spsm.se Specialpedagogiska

Läs mer

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Armin Nezirevic Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Vad utmärker ett bra användargränssnitt? Kort kursinfo

Läs mer

Mobilwebb.com - Mobila hemsidor, snabbt och enkelt

Mobilwebb.com - Mobila hemsidor, snabbt och enkelt Mobilwebb.com - Mobila hemsidor, snabbt och enkelt Agenda 8.30-8.40 Mobilwebb vilka är vi? 8.40-9.00 Mobila trender och mobilt beteende Vad händer på marknaden? Hur påverkar det mobila beteendet våra affärer?

Läs mer

Tvärtom Hur du vinner framgång, blir lycklig och rik genom att göra precis tvärtom

Tvärtom Hur du vinner framgång, blir lycklig och rik genom att göra precis tvärtom Boksammanfattning Tvärtom Hur du vinner framgång, blir lycklig och rik genom att göra precis tvärtom Tvärtom är skriven för dig som vill bli en vinnare i dina egna ögon, säger författaren Max Söderpalm

Läs mer

Labora&on 8 Formulär övningar/uppgi6er

Labora&on 8 Formulär övningar/uppgi6er Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument

Läs mer

SKAG Roller och ansvarsområden 2013-05- 06

SKAG Roller och ansvarsområden 2013-05- 06 SKAG Roller och ansvarsområden 2013-05- 06 Ansvarsroller i SKAG- sek=onen Ansvarsroll Teknisk tränare Gruppansvarig Tränare Informa=onsansvarig Sek=onsansvarig Tävlingsansvarig Provtränings- /Placeringsansvarig

Läs mer

De nya föreskrifterna och den nationella värdegrunden i genomförandeplanen

De nya föreskrifterna och den nationella värdegrunden i genomförandeplanen De nya föreskrifterna och Välkommen! De nya föreskrifterna och den nationella värdegrunden i genomförandeplanen Ann Nilsson och Thomas Carlsson Nationell värdegrund! ICF! ÄBIC/IBIC! SOSFS 2014:5! Genomförandeplaner!

Läs mer

Elektronisk budbok för tidningsbud

Elektronisk budbok för tidningsbud Elektronisk budbok för tidningsbud Ett arbete av Johan Millert (millert@home.se) Innehållsförteckning för kursen Interaktionsdesign Sommaren 2004 Inledning...2 Bakgrund...2 Kravanalys...2 Användarintervjuer...2

Läs mer

Scribus fortsättning

Scribus fortsättning Scribus fortsättning Guide och uppgifter Gunnar Markinhuhta ITLyftet ~ 1 ~ Scribus forts del 1 Hantera text och objekt Text längs bana 1. Rita ut en vågig linje med Frihandspennan eller Bezier-verktyget

Läs mer

PNSPO! Exporterar och Importerar texter från CX- Designer. 20 mars 2012 OMRON Corporation

PNSPO! Exporterar och Importerar texter från CX- Designer. 20 mars 2012 OMRON Corporation Exporterar och Importerar texter från CX- Designer 20 mars 2012 OMRON Corporation 2/25 Läs detta innan du bläddrar vidare: PNSPO! Denna bok är avsedd som ett tillägg till de ursprungliga manualerna för

Läs mer

Det konstruktiva samrådet

Det konstruktiva samrådet Det konstruktiva samrådet Lars Lindberg Funk/onshinderspoli/k.se Presenta/on Bakgrund Regeringskansliet Dialog mellan regeringen och civila samhället Ak8v i civila samhället www.funk8onshinderspoli8k.se

Läs mer

AFFÄRSUTVECKLING i den digitala tornadon

AFFÄRSUTVECKLING i den digitala tornadon AFFÄRSUTVECKLING i den digitala tornadon Digital affärsinnovation Stockholm den 27 maj 2016 Robert Elm 2011 IRM AB All rights reserved Det populäraste mediaföretaget. Skapar inget innehåll Uber Världens

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 Kort kursinfo Lab info Föreläsning - Vad utmärker ett bra användargränssnitt?

Läs mer

Personal inom vård och omsorg minst nöjda. maria tullberg

Personal inom vård och omsorg minst nöjda. maria tullberg Personal inom vård och omsorg minst nöjda Privatanställda mer nöjda än offentliganställda Ledarskapet största anledningen =ll missnöje/bidrar minst =ll nöjdhet Regionförbundet i Örebro okt 09 Tyvärr så

Läs mer

Internet & Webaserad styrning av System Nexa mo=agare via smartphone. Installa)on och användarmanual. Typ: WEB- 1215 V 1.9

Internet & Webaserad styrning av System Nexa mo=agare via smartphone. Installa)on och användarmanual. Typ: WEB- 1215 V 1.9 Internet & Webaserad styrning av System Nexa mo=agare via smartphone. Installa)on och användarmanual Typ: WEB- 1215 V 1.9 1 Installera Nexa Gateway Tack för a= du har valt Nexa Gateway, följande installa)ons

Läs mer

Instruktion 2014-09-15

Instruktion 2014-09-15 Instruktion Innehåll 1 Inloggning... 3 1.1 Inloggning på lagsida... 3 1.2 Laget.se appen... 4 2 Medlemshantering... 5 2.1 Information om personnr... 5 2.2 Skapa ny medlem... 5 2.3 Lägg till ny medlem...

Läs mer

Mikromarc 2 Meddelandecenter

Mikromarc 2 Meddelandecenter Mikromarc 2 Meddelandecenter Version 2.6 och högre Bibliotekscentrum Sverige AB, Växjö, september 2006 Bibliotekscentrum Sverige AB - 0470-532 530 - www.bibliotekscentrum.se Sida 1 av 59 Innehållsförteckning

Läs mer

LOKALISERA. Designmanual

LOKALISERA. Designmanual L LOKALISERA Designmanual Innehåll 5 Lokalisera AB 6 Logotyp 7 Användning av logo 8 Färger 9 Grafiska element 10 Typsnitt 11 Bildanvändning 12 Kontakt Lokalisera AB I och med övergången från Xpresskontor

Läs mer

LATHUND FÖR MALVIN. 1 Registrera ny användare... 2. 2 Logga In... 3. 2.1 Glömt lösenord... 4. 3 Annonsering... 5. 3.1 Skapa annons...

LATHUND FÖR MALVIN. 1 Registrera ny användare... 2. 2 Logga In... 3. 2.1 Glömt lösenord... 4. 3 Annonsering... 5. 3.1 Skapa annons... LATHUND FÖR MALVIN INNEHÅLL 1 Registrera ny användare... 2 2 Logga In... 3 2.1 Glömt lösenord... 4 3 Annonsering... 5 3.1 Skapa annons... 5 3.2 Redigera annons... 8 3.3 Ta bort förmedlad annons... 8 3.4

Läs mer

Nyckeln )ll en bra bilaffär, är en testad och värderad bil!

Nyckeln )ll en bra bilaffär, är en testad och värderad bil! En produkt från Nyckeln )ll en bra bilaffär, är en testad och värderad bil! Eget testarkiv med full historik Direktkopplat mot Infotorg alt. Bilvision Koppla ihop fler anläggningar och användare Spara,

Läs mer

Migrera till Word 2010

Migrera till Word 2010 I den här guiden Microsoft Microsoft Word 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 viktigaste

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

Samarbetsytor i Aurora Umeå universitets intranät

Samarbetsytor i Aurora Umeå universitets intranät Samarbetsytor i Aurora Umeå universitets intranät Vad är Aurora? Aurora är Umeå universitets gemensamma intranät Bas- och fördjupningsinforma;on med användarfokus Nyheter från universitet och fakulteter

Läs mer

Kundportal. Kundportal - Användarhandledning

Kundportal. Kundportal - Användarhandledning Kundportal Kundportal - Användarhandledning Version 1.0 Status Preliminär Datum 2014-12-07 Innehållsförteckning Innehållsförteckning... 2 Välkommen... 3 Support - Time Care Support Team... 3 Begränsat

Läs mer

GRAFISK MANUAL FASTSTÄLLD AV FULLMÄKTIGE 2014-12-10

GRAFISK MANUAL FASTSTÄLLD AV FULLMÄKTIGE 2014-12-10 GRAFISK MANUAL Studentkåren i Borås Studentkåren i Borås 2014 Fastställd av fullmäktige 2014-12-10 Grafik: Studentkåren i Borås Layout: Paulina Olin Att användas som riktlinje av studentkårens interna

Läs mer

[SLUTRAPPORT: DRAWPIXLZ (ANDROID-APP)] Slutrapport. Författare: Zlatko Ladan. Program: Utvecklare av Digitala Tjänster 180P

[SLUTRAPPORT: DRAWPIXLZ (ANDROID-APP)] Slutrapport. Författare: Zlatko Ladan. Program: Utvecklare av Digitala Tjänster 180P Slutrapport Författare: Zlatko Ladan Program: Utvecklare av Digitala Tjänster 180P Kurs: Individuellt Mjukvaruprojekt Z l a t k o L a d a n Sida 1 Abstrakt: Denna rapport handlar om mitt projekt som jag

Läs mer

SVERIGES NEUROPSYKOLOGERS FÖRENING

SVERIGES NEUROPSYKOLOGERS FÖRENING SVERIGES NEUROPSYKOLOGERS FÖRENING SWEDISH NEUROPSYCHOLOGICAL SOCIETY Profilmanual Vår logotyp Föreningens logotyp är den huvudsakliga och viktigaste bäraren av vår identitet. Den särskiljer oss från alla

Läs mer

Seminarium Konflikthantering och tydlig kommunikation för chefer Sveriges Ingenjörer. Göteborg 10 februari 2015

Seminarium Konflikthantering och tydlig kommunikation för chefer Sveriges Ingenjörer. Göteborg 10 februari 2015 Seminarium Konflikthantering och tydlig kommunikation för chefer Sveriges Ingenjörer Göteborg 10 februari 2015 KonflikDrappan Störning Missförstånd, spänning mellan medarbetare, inte hälsar. Märker inte

Läs mer

MÖTESPLATS INFÖR FRAMTIDEN. Borås 2-3 oktober 2002. Inger Edebro Sikström, Umeå kultur

MÖTESPLATS INFÖR FRAMTIDEN. Borås 2-3 oktober 2002. Inger Edebro Sikström, Umeå kultur MÖTESPLATS INFÖR FRAMTIDEN Borås 2-3 oktober 2002 Inger Edebro Sikström, Umeå kultur UmeåRegionens bibliotek satsar på ny teknik och blir först i Europa,QJHU(GHEUR6LNVWU PRUGI UDQGHLVW\UJUXSSHQI U%LEOLRWHN

Läs mer

Hogia Redovisning & Revision AB. Anståndshantering Hogia Kund- och Uppdragshanterare

Hogia Redovisning & Revision AB. Anståndshantering Hogia Kund- och Uppdragshanterare Hogia Redovisning & Revision AB Anståndshantering Hogia Kund- och Uppdragshanterare Innehållsföteckning 1. Inledning 3 1.1 Syfte 3 1.2 Omfattning 3 1.3 Termer och Förkortningar 3 1.4 Bakgrund 3 1.4.1 Skatteverket

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