Design och konstruktion av grafiska gränssnitt

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "Design och konstruktion av grafiska gränssnitt"

Transkript

1 Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU

2 Information Projekt Projektplanering in 11/2 Projekthandledning Möjlighet till vanlig handledning i labbsalen onsdag och fredag, se schema Inte bara kodfrågor, kan även gälla designen Projektmöte Möte med handledare tre fredagar, obligatoriskt 20/2, 27/2, 6/3 Design vs. implementation

3 Information Projekt Övning 3 skisser feedback Material till pappersprototyp 11/2 sal /2 rum 5205 Övning 4 pappersprototyp ska vara klar och testas Vad som krävs gås igenom idag

4 Idag Designexempel Pappersprototyper Listor (Tidwell kap.5, List of Things)

5 DESIGNEXEMPEL

6 Vad har vi Användarstudier Kategorier: intermediate, expert, novice mentala modeller personas Organisera innehåll Informationsarkitektur,,flera paneler, ett fönster Platform & Posture Mönster Feature, search, browse Navigation Minimera Mönster - Clear entry points, global navigation

7 Vad har vi Visuell hierarki, Layout Mönster - Visual framework, Titled sections, Module tabs Ett antal olika sätt att utföra handlingar och affordances Mönster - Button groups, action panel Getting input from user En massa kontroller Mönster - Structured format, input hints Flow, Listor, Showing complex data Mönster - Cascading lists, row striping Summan av detta saker att utgå från i en top-down process

8 Fotbollsapp Info om fotboll Spelare Serier Resultat Forum Lag Konto? Stil? Fotbollsnördar Liten desktop-app

9 Informationsarkitektur En sektion för varje huvud-del Spelare Serier Resultat Forum Lag Konto Så här?

10 Global Navigation Väljer någon form av global navigation mellan huvuddelarna Styr upp hur de olika delarna samverkar Testa olika

11 Visual Framework Bestäm gemensam visuell idé för alla sidor Grid Färger Fonter Knappar Center-stage

12 Grid of Equals Val för enskilda paneler Kom ihåg visual framework vid design Olika paneler samma stil Samma applikation

13 Detaljerad design Enskilda kort Använd visual framework Grouping alignment etc Right/Left alignment Prominent Done Button Row-striping

14 Detaljerad design Kontouppgifter Visual framework Mönster för input Same-page error messages Prominent Done Button Input hints

15 Iterera Jobba på helhet och varje del tills de är bra nog Förutom papper Mockup-verktyg Balsamiq Axure Lagom realistiska Länkar under resurser Photoshop/Gimp etc

16 Pappersprototyper Vad? Man skapar en pappersversion av sitt GUI och använder för att testa och utvärdera innan man börjar programmera. Paper prototyping is a variation of usability testing where representative users perform realistic tasks by interacting with a paper version of the interface that is manipulated by a person playing computer, who doesn t explain how the interface is intended to work. Varför? Snabbt enkelt och billigt Kan fånga massor av problem innan man börjar kodar

17 Pappersprototyp?

18 En skiss visar bara hur det ser ut Ingen interaktion Ofta flera olika förslag Generera idéer Övning 3 Skiss

19 En wireframe visar layout Skelett Kan visa interaktion Visar innehåll men oftast ingen riktig data Wireframe

20 Storyboard En skiss visar en serie av interaktioner Ingen interaktion Temporal aspekt Förstå hur en uppgift utförs och hur GUI:t kan stödja detta

21 Pappersprototyp En pappersprototyp kan man interagera med Klicka genom att peka Sedan byter man till hur det ser ut efter klick Skriva kan man göra direkt Sen kanske man byter vy beroende på kommando Vid menyval visar man menyer Klickar man (genom att peka) på en dropdown visas en lista

22

23

24 Pappersprototyp - exempel Usability testing with a paper prototype Hanmail Visar ett användartest

25 Pappersprototyp - tips Greeking? (dummy text) Bra verktyg, men använd inte för mycket Användare måste förstå sammanhang Testet måste vara förankrat i verkligheten Riktig data? kan vara viktigt för att förstå sammanhang men kan också få användaren att fokusera på fel saker.

26 Pappersprototyp - tips Separera skärmen i olika delar Använd sax Undvik att skissa samma meny flera gånger

27 Planera test Vilka användare vill man testa på? Vilka delar av gränssnittet vill man testa? Kan inte testa allt Skapa 3-5 uppgifter som användarna ska göra Lista saker som kan utföras, vilka är viktigast? Lista egna frågor som rör designen Välj de mål som ni tycker bäst besvarar och täcker era frågor och gör dessa till en testuppgift. Välj ut 10 låtar du tycker om och för över till din mobiltelefon Varje uppgift bör ha ett tydligt slut, användaren bör förstå när uppgiften är klar.

28 Förbered Pappersprototyp Vilka element av GUI:t behövs för att genomföra uppgiften? Menyer, knappar, länkar, textboxar Man byter papper efter vad användarna gör, se till att skapa alla skärmar som behövs för att genomföra uppgiften Det går att ha olika lösa delar av sidan Glöm inte data där det behövs till exempel sökresultat att visa

29 Förbered Pappersprototyp Börja med att testa den själva Hitta grova saker som saknas Hur lång tid tar det När ska man hjälpa användaren Gameplan: Test1,2,3 sedan 4 eller 5 Kan inte förutse och förbereda allt Förutse troliga alternativ: hitta något via sök eller kategorier Du förstår allt i den här menyn, men det är inte vad du letar efter

30 Roller vid test Roller Testledare (Facilitator) Förklarar uppgifter, ställer frågor, håller reda på tid och hjälper testanvändaren där det behövs. Dator En av er spelar datorn som varken hör eller pratar med testanvändaren, utan visar olika skärmar och agerar som applikationen skulle göra Observatör Samlar data, lyssnar, skriver ned vad som saknas, vad testpersonen säger, frågor som uppkommer

31 Utföra test Förklara att det är gränssnittet som ska testas, inte användaren Förklara vilka era roller är Förklara att användaren ska peka för att klicka på knappar och länkar och vad de ska göra vid drag and drop, högerklick etc. Ge användaren papper och penna som kan användas för att simulera inmatning via ett tangentbord Be användaren tänka högt och berätta vad som verkar vettigt, förvirrande, oklart.

32 Analysera resultat Gruppera observationer Försök hitta gemensamma drag och mönster Identifiera vad som saknas Ändra? Text på knappar, länkar Arrangemang av knappar, länkar Lägga till / ta bort kontroller Testa igen

33 Övning 4, 18/2 Ska finnas en färdig pappersprototyp att testa under övningen på onsdag. OBS 18/2 SCHEMA 09:00-09:15: Förberedelser för pappersprototypen. 09:15-09:45: Testning :45-10:00: Rast. 10:00-10:45: Testning :45-11:00: Rast. 11:00-11:30: Analysera insamlat material från tester 11:30-11:45: Skriva feedback till andra grupper om deras design.

34 Övning 4, 18/2 Ska finnas en färdig pappersprototyp att testa under övningen på onsdag. OBS 18/2 Låna material: 11/ eller 13/2 TBA SCHEMA 09:00-09:15: Förberedelser för pappersprototypen. 09:15-09:45: Testning :45-10:00: Rast. 10:00-10:45: Testning :45-11:00: Rast. 11:00-11:30: Analysera insamlat material från tester 11:30-11:45: Skriva feedback till andra grupper om deras design.

35 Övning 4, 18/2 Låna material, ytterligare feedback 11/ /2 5205

36 Övning 4, 18/2 STRUKTUR Varje grupp väljer tre personer som sköter testningen vid deras station (dator, observatör, testledare), och har en person som cirkulerar andra stationer för att testa deras design. Ni kan byta så att alla testar flera roller. Grupper mindre än 4 personer kan slå ihop observatör och testledare. Grupptestningen sker enligt följande: Grupp 1 testar grupp 2, 3, 4, 5s design. Grupp 2 testar grupp 3, 4, 5, 6s design. Grupp 26 testar grupp 27, 1, 2, 3s design. Grupp 27 testar grupp 1, 2, 3, 4s design.

37 Listor finns överallt Lists of Things Tidwell Kapitel 5 Artiklar Sidor Bilder Matvaror Forum Mail Sökresultat Filer Dokument Låtar Filmer Kontakter Statusuppdateringar Applikationer Spel Meddelanden Tweets Video Avgångar

38 Listor vad gör man? På vilka sätt använder vi listor och hur påverkar detta designen av listorna?

39 Få en överblick

40 Få en överblick

41 Bläddra igenom, jämföra

42 Bläddra igenom, jämföra

43 Hitta en specifik sak

44 Hitta en specifik sak

45 Sortera och filtrera

46 Arrangera om i listan

47 Listor vad gör man? Vilken/vilka? Få en överblick Bläddra igenom, jämföra Hitta specifik sak Sortera och filtrera Arrangera om i listan Vad man ska göra påverkar vilket/vilka mönster som är relevanta och som lämpar sig bäst.

48 Listor saker att fundera på Längd Finns det ett slut? Hur mycket kan man visa? Ordning Någon naturlig sortering? Vill användaren ändra på denna? I så fall till vad? Gruppering Kan man gruppera elementen? Är denna gruppering naturlig eller måste den förklaras? Finns det olika sätt att gruppera, ska användaren själv få gruppera element?

49 Listor saker att fundera på Saker i listan Är objekten simpla eller komplexa? Är de lika eller väldigt olika? Finns det en bild knuten till varje element? Vad i objekten är viktigast för användaren och kan dessa sorteras / filtreras? Interaktion Hur mycket ska visas av varje element i listan? Vad kan/ska man göra med listan Jämföra, välja för närmare inspektion, utföra en uppgift? Ska man kunna välja flera objekt samtidigt?

50 Two-Panel Selector One-Window Drilldown List Inlay Carousel Row Striping Cascading Lists Thumbnail Grid Pagination Alphabet Scroller Tree Table Mönster List of Things Kapitel 5

51 Two-Panel Selector

52 Two-Panel Selector Vad? Två paneler bredvid varandra. I den ena finns någon form av lista användaren kan välja från. I den andra visas innehållet. Varför? Detta är en vanlig konvention som användare känner igen och snabbt förstår. Bra att erbjuda överblick men samtidigt detaljer. När? Man har en lista av objekt med som har ett intressant innehåll. Man vill visa både strukturen på listan och det enskilda objektet samt tillåta snabb ändring. Skärmen man jobbar med måste vara tillräckligt stor. Hur? Placera listan ovanför eller till vänster och det som visas nedanför eller till höger. När användaren väljer i listan visas motsvarande objekt omedelbart upp (1 klick). Se till att det är uppenbart i listan vad som är valt.

53 Two-Panel Selector

54 Two-Panel Selector

55 One-Window Drilldown

56 One-Window Drilldown Vad? Visa en lista i ett fönster. När man väljer ett objekt i listan byts hela fönstrets innehåll och visar det valda objektet. När? Man har en lista av objekt att visa (organiserade linjärt eller hierarkiskt) och man har en liten skärm eller det blir enklare för användarna på detta sätt. Varför? Är kanske det enda alternativet som vid små skärmar Enkelt. Allting finns på en skärm. Alla vet hur man navigerar på webben som funkar på detta sätt. Hur? Skapa lista med lämplig design (text, thumbnail grid ) När man väljer ett objekt byt hela innehållet. Ha tydligt sätt att navigera tillbaka.

57 Problem? One-Window Drilldown

58 One-Window Drilldown Problem? Kognitiv börda Jobbigare när hela fönstret laddas om, jämfört med bara en del av det Pogosticking Kan bli bättre genom att låta användaren gå direkt till nästa och förra elementet i listan.

59 One-Window Drilldown

60 One-Window Drilldown

61 One-Window Drilldown

62 One-Window Drilldown

63 List Inlay

64 List Inlay Vad? Expandera ett objekt i en lista på plats när det väljs. Låt objekt öppnas och stängas oberoende av varandra. Varför? Genom att visa detaljer i listan behålls kontexten. Kan expandera flera objekt för att jämföra. När? Visa lista av objekt. Alla detaljer får inte plats, men det finns inte jättemycket info att visa. Listans struktur är viktig och det är bra om användaren kan jämföra olika objekt Hur? Expandera ett objekt när det väljs. Ha ett tydligt sätt att stänga det igen, använd gärna en animering för att expandera och stänga.

65 List Inlay

66 List Inlay

67 List Inlay

68 Thumbnail Grid

69 Thumbnail Grid Vad? Presentera en lista av visuellt intressanta objekt som en grid med thumbnails. När? Har en lista med en visuell representation som är unik för objektet. Annan information som ska visas är begränsad, bilden ska ta mest plats Varför? Stark visuell effekt. En bild kan ibland bättre hjälpa användaren att hitta ett objekt. Passar väldigt bra för touch. Hur? Placera objektens thumbnail i en grid. Försök att ha samma storlek på dessa thumbnails. Presentera text i närheten men inte för mycket, låt bilden tala istället.

70 Thumbnail Grid

71 Thumbnail Grid

72 Problem? Thumbnail Grid

73 Problem? Thumbnail Grid

74 Carousel

75 Carousel Vad? Visa en lista som en horisontell rad eller båge av thumbnails. Förstora eventuellt det mittersta objektet. Varför? Engagerande gränssnitt för visuella objekt som uppmanar till utforskning. Sparar plats jämfört med en thumbnail grid. När? Visa en lista där det finns en unik visuell representation. Listan innehåller inte kategorier. Casual browsing Man har inte så mycket vertikalt utrymme. Hur? Försök att ha samma storlek på dessa thumbnails. Presentera text i närheten men inte för mycket, låt bilden tala istället.

76 Carousel

77 Carousel

78

79

80

81

82 Row Striping Vad? Alternerande liknande färger av bakgrund i rader. När? Presenterar data i flera kolumner som kan vara svår att separera visuellt. Varför? Blir lättare att läsa och snyggare. Kan eliminera behov av ramar runt rader. Hur? Alternera två liknande färger, en lite mörkare än den andra.

83 Row Striping

84 Cascading Lists

85 Cascading Lists Vad? Visa en hierarki genom att visa valbara listor med elementen i varje nivå. Väljer man i en lista visas barnen till det man valt i nästa lista. Varför? Man får en god överblick av data och ser ganska mycket samtidigt. När? Man har någon slags trädformad data. Ofta handlar det om att navigera genom olika kategorier eller göra en följd av val. Hur? Placera översta nivån i hierarkin längst till vänster och fyll på med listor till höger efter hand. När man når ett löv kan man visa en preview för detta längst till höger.

86 Cascading Lists

87 Tree Table

88 Tree Table Vad? Placera hierarkisk data i kolumner, men använd en indenterad struktur längst till vänster för att visa datans organisation När? Man har någon slags data med flera variabler som passar i en tabell men det finns också en hierarki man vill visa. Användarna är ganska avancerade. Varför? Träd + tabell visar mer information och kan därför vara bättre än bara den ena Hur? Ha en outline längst till vänster och sen en tabell. Ingen klass i Swing men googlar man på JTreeTable så finns det man behöver

89 Tree Table

90 Pagination

91 Pagination Vad? Dela upp en lista på olika sidor som laddas en i taget. Ge användaren kontroller för att navigera till nästa, förra, sista och första sidan. Varför? Delar in resultat i delar som är lättare att ta till sig för användaren. Valet att ladda mer resultat är ett hamnar hos användaren. När? Visar en lista som är väldigt lång, de flesta användare utforskar bara de översta resultaten. Infinite list eller continuously scolling list inte fungerar som alternativ. Hur? Bestäm hur många resultat som ska visas per sida baserat på utrymme och laddningstider. Första sidan ska räcka, se till att bra sökresultat visas här. Överväg att låta användaren bestämma hur många objekt som ska visas per sida.

92 Pagination

93 Alternativ (Infinite List) Pagination

94 Alternativ (Continuous Scrolling ) Pagination

95 Alphabet Scroller

96 Alphabet Scroller Vad? Visa alfabetet längs med en scrollbar i en alfabetisk lista När? Användare letar efter ett specifikt objekt och man vill göra detta så lätt och snabbt som möjligt för användaren. Varför? Inte så vanliga men nyttan är självförklarande. Fungerar också som en karta på samma sätt som en Annoterad Scrollbar. Alternativ/komplement till Jump to Item Hur? Visa alfabetets bokstäver längs med en scrollbar i en alfabetisk lista. När användaren klickar på en bokstav, skrolla listan dit. Överväg om den kan användas till andra sortera listor som nummer och datum.

97 Alphabet Scroller

98 Alphabet Scroller Variant? (Windows Phone)

99 Alphabet Scroller Alternativ/Komplement (Jump to Item)

100 Two-Panel Selector One-Window Drilldown List Inlay Carousel Row Striping Cascading Lists Thumbnail Grid Pagination Alphabet Scroller Tree Table Mönster List of Things Kapitel 5

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

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 Getting input from users Exempeldesign Paper prototyping Idag CHARM ingen övning

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 1 Idag Lite av varje Projekt Kapitel 7 i Tidwell Kapitel 6 nästa gång Tenta

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

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

Föreläsning 4 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign III. Rune Körnefors. Medieteknik Rune Körnefors

Föreläsning 4 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign III. Rune Körnefors. Medieteknik Rune Körnefors Föreläsning 4 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign III Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC C Egenskaper för

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 1 Idag Lite av varje Doing things Golden rules Heuristics Intro usability Tenta

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

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 1 Idag Lite av varje LayoutManagers Sista Tidwell Backend projekt (Små skärmar)

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

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt. Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu

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

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

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

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

Prototyper och användartest

Prototyper och användartest Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"

Läs mer

Umgås på nätet KAPITEL 6. Chatta via webbläsaren

Umgås på nätet KAPITEL 6. Chatta via webbläsaren KAPITEL 6 Umgås på nätet Internet håller alltmer på att utvecklas till en parallellvärld med vår vanliga tillvaro. Man spelar spel över nätet, bygger upp virtuella världar med virtuella prylar och virtuella

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

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Data- och informationsteknik Chalmers/GU 1 Idag Lite av varje Resten av Tidwell Små skärmar Kodtips för projekt Tenta Hjälpmedel

Läs mer

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping Innehåll Planera och genomföra webbproduktionsprojekt Stefan Berglund Prototyping Prototyping LoFi-prototyp HiFi-prototyp Användarcentrerad utveckling Användbarhet Specificering av krav Prototyping Kartläggning

Läs mer

Hi-Fi Prototyping + laborationsgenomgång & verktyg

Hi-Fi Prototyping + laborationsgenomgång & verktyg Hi-Fi Prototyping + laborationsgenomgång & verktyg Karin Fahlquist 2015 Frågor att besvara Vad innebär prototyping? Vad är speciellt med hi-fi prototyping? Hur kan man använda dem? Hur väljer man nivå

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

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

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

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan.

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan. WorkShop II Checklistor 1.2 Överordnad Struktur Balance: Gränssnittet har just nu viss balans i innehållet, men menyn behöver justeras i förhållande med innehållet samt en fast container för innehållet

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

Design och konstruktion av grafiska gränssnitt

Design och konstruktion av grafiska gränssnitt Design och konstruktion av grafiska gränssnitt Olof Torgersson Interaktionsdesign Data- och informationsteknik Chalmers/GU 1 Idag Lite av varje Lab1 kod Doing things Golden rules Heuristics Intro usability

Läs mer

1 Översikt...2. 1.1 Vad är kontokoder?...2 1.2 Konto/Mapp uppbyggnad...2 1.3 Tillgång till Kontokoder...2. 2 Område Kontokoder...5

1 Översikt...2. 1.1 Vad är kontokoder?...2 1.2 Konto/Mapp uppbyggnad...2 1.3 Tillgång till Kontokoder...2. 2 Område Kontokoder...5 Manual för Kontokod 1 Översikt...2 1.1 Vad är kontokoder?...2 1.2 Konto/Mapp uppbyggnad...2 1.3 Tillgång till Kontokoder...2 2 Område Kontokoder...5 2.1 Mapputforskare...5 2.2 Verktygsfält...6 2.3 Hitta

Läs mer

1. Uppdateringsmodul (CMS)

1. Uppdateringsmodul (CMS) Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...

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

Hi fi prototyping. Johanna Persson MAM nov 2014

Hi fi prototyping. Johanna Persson MAM nov 2014 Hi fi prototyping Johanna Persson MAM15 25 nov 2014 Dagens upplägg Hi fi prototyping Olika verktyg för hi fi prototyping Introduktion till ett urval av dessa Power point Balsamiq Mockups Just in Mind Praktisk

Läs mer

Användarhantering Windows 7 I denna laboration kommer vi att skapa nya användare och grupper och titta på hur man hantera dessa.

Användarhantering Windows 7 I denna laboration kommer vi att skapa nya användare och grupper och titta på hur man hantera dessa. Användarhantering Windows 7 I denna laboration kommer vi att skapa nya användare och grupper och titta på hur man hantera dessa. Antal: Enskilt Material: En dator med Windows 7 (Vista, Windows 8 eller

Läs mer

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

Rullningslisten. Klicka på rullningslistpilar (pil upp eller pil ner) 1 för att förflytta dig i önskad riktning, en liten bit i taget. Rullningslisten Om informationen i fönstret inte ryms på skärmen skapas automatiskt en rullningslist i fönstrets högra kant. Med rullningslisterna kan du snabbt och enkelt flytta dig i fönstret 1 Klicka

Läs mer

Lathund för övningen: Skapa film med Windows Movie Maker och publicera på YouTube

Lathund för övningen: Skapa film med Windows Movie Maker och publicera på YouTube Lathund för övningen: Skapa film med Windows Movie Maker och publicera på YouTube Med din granne eller grupper av 3: Ni ska spela in en kort presentation (ca 1 minut). Ni ska använda Windows Movie Maker

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

Vilken version av Dreamweaver använder du?

Vilken version av Dreamweaver använder du? Sida 1 av 7 Lektion 1: sida 1 av 4 Till kursens framsida Sida 2 av 4» Lektion 1 Då ska vi sätta igång med den här kursens första lektion! Här kommer du att få lära dig hur man skapar och förbereder webbplatser

Läs mer

Manual för din hemsida

Manual för din hemsida Manual för din hemsida Dynamiska hemsidor är en lösning för att man på ett enkelt sätt skall kunna lägga till, ändra och ta bort sidor på sin hemsida. För att detta skall vara möjligt bygger lösningen

Läs mer

Kom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB

Kom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB Kom igång med Windows 8 www.datautb.se DATAUTB MORIN AB Innehållsförteckning Grunderna i Windows.... 1 Miljön i Windows 8... 2 Startskärmen... 2 Zooma... 2 Snabbknappar... 3 Sök... 4 Dela... 4 Start...

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

ANVÄNDARMANUAL, INTERAXO

ANVÄNDARMANUAL, INTERAXO ANVÄNDARMANUAL, INTERAXO 1 VARFÖR ÄR DET OLIKA FÄRG OCH UTSEENDE PÅ MAPPARNA? Gula mappar Blå mappar Blårandiga mappar Enkla mappar som man känner igen från Utforskaren. En gul mapp kan innehålla undermappar

Läs mer

Beställning till Husfoto. Handledning

Beställning till Husfoto. Handledning Beställning till Husfoto Handledning Datum: 13 mars 2012 Innehåll Inställningar... 2 Så här gör du en beställning... 4 Så här hämtar du materialet... 7 Hur sparas filerna?... 8 Support...11 Kortkommandon

Läs mer

ANVÄNDARBESKRIVNING FÖR PERSONAL

ANVÄNDARBESKRIVNING FÖR PERSONAL ANVÄNDARBESKRIVNING FÖR PERSONAL 1 INLEDNING Programmet ipool är ett system för att på ett effektivt sätt sköta bemanning och personalinformation via ett webbaserat gränssnitt som är enkelt att använda

Läs mer

Handicom. Symbol for Windows. Encyklopedi. Version 3.4

Handicom. Symbol for Windows. Encyklopedi. Version 3.4 Handicom Symbol for Windows Encyklopedi Version 3.4 Handicom, Nederländerna/Frölunda Data AB 2009 Innehåll Installation och licenser...2 1. Inledning...4 1.1 Vad är Encyklopedi?...4 2. Encyklopedis huvudmeny...5

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

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

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

Dollar Street Beta Version 1.0 Manual

Dollar Street Beta Version 1.0 Manual Dollar Street Beta Version 1.0 Manual Dollar Street på Internet: 1. Gapminder AB Dollar Street hittar du på www.gapminder.com som en Gapminder produkt. Alla Gapminder produkter handlar om internationella

Läs mer

Slutrapport: Informationsvisualisering av släktträd

Slutrapport: Informationsvisualisering av släktträd Slutrapport: Informationsvisualisering av släktträd Grupp 11 Behzad Charoose, Johan Magnuson, Mikael Onsjö och Sofie Persson 2003-10-10 Göteborg, Chalmers/GU Innehåll 1. INLEDNING...3 2. SYFTE...3 3. METOD...3

Läs mer

Snabbguide. ITP Whiteboard har 3 nivåer bas, medel och avancerad. Detta gör att det är enkelt att börja jobba med ITP Whiteboard.

Snabbguide. ITP Whiteboard har 3 nivåer bas, medel och avancerad. Detta gör att det är enkelt att börja jobba med ITP Whiteboard. ITP Whiteboard har 3 nivåer bas, medel och avancerad. Detta gör att det är enkelt att börja jobba med ITP Whiteboard. Verktygsfunktioner i BAS Snabbguide Klicka på det verktyg du vill jobba med. Det verktyg

Läs mer

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap A Human-Centered Design Process (ISO 9241-210, 2010) Prototypningsverktyg 1. Plan the humancentred process 2. Understand the context of use Mattias Arvola Meets the requirements 5. Evaluate against requirements

Läs mer

Manual för hantering av lagsida inom BSK HFO

Manual för hantering av lagsida inom BSK HFO Manual för hantering av lagsida inom BSK HFO Denna manual innehåller följande ämnen: Strukturen för en lagsida Roller i IdrottOnline Logga in på IdrottOnline Publicera en nyhet Använda en bild (ladda upp

Läs mer

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

LÄR DIG ANVÄNDA DIN MAC. från grunden! Nu med Mac OS X Leopard! Harry Peronius Harry Peronius LÄR DIG ANVÄNDA Nu med Mac OS X Leopard! DIN MAC från grunden! Del 1 GRUNDFUNKTIONER 4. Finder... 6 5. Dock... 34 6. Hjälp... 36 7. Mappar och filer... 38 8. Time Machine... 4 9. Systeminställningar...

Läs mer

Windows Store. Det krävs ett Microsoft-konto för att kunna hämta appar i Store. Du kan ta bort (avinstallera) appar som du inte vill ha kvar.

Windows Store. Det krävs ett Microsoft-konto för att kunna hämta appar i Store. Du kan ta bort (avinstallera) appar som du inte vill ha kvar. 6. Mera om appar Vi har hittills bekantat oss med några av de appar som finns med i Windows 10, bl.a. Kalkylatorn, Wordpad, webbläsaren Edge, och E- post. (Till viss del blir därför följande avsnitt repetition.)

Läs mer

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk Idag Prototyper och användbarhetsutvärdering Del 2 Prototyper Utvärdering Analytisk Empirisk Prototyper: en fråga om syfte och mottagare Vad prototyper prototypar Kommunikation Med sig själv för att driva

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

Välkommen till kursen i Avancerad interaktionsdesign. Certec & EAT Institutionen för designvetenskaper

Välkommen till kursen i Avancerad interaktionsdesign. Certec & EAT Institutionen för designvetenskaper Välkommen till kursen i Avancerad interaktionsdesign Certec & EAT Institutionen för designvetenskaper Idag Översikt över kursen Kursmål och metoder Examinationskriterier Inspiration Praktisk information

Läs mer

APA för nybörjare. Innan du börjar. Översikt

APA för nybörjare. Innan du börjar. Översikt APA för nybörjare Den här texten är tänkt som en snabb introduktion hur du kan använda publiceringssystemet APA (Advanced Publication Application) för att redigera webbplatser. Texten kräver inga förkunskaper

Läs mer

Boken. Kap 2.1-2.4 Kap 11.3

Boken. Kap 2.1-2.4 Kap 11.3 Konceptuell design Boken Kap 2.1-2.4 Kap 11.3 Konceptuell design är helt grundläggande inom interaktionsdesign kan upplevas som abstrakt och svårt att förstå förstås bäst genom att man utforskar och upplever

Läs mer

Sammanställning. Innehållsförteckning. för ledare

Sammanställning. Innehållsförteckning. för ledare för ledare Sammanställning Denna guide avser att hjälpa dig som ledare att administrera dina grupp(er) i MyClub. Allt som görs i MyClub är webbaserat vilket innebär att du kan sköta all administrering

Läs mer

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215 - lösningsförslag

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215 - lösningsförslag TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215 - lösningsförslag DAG: 8 mars, 2010 TID: 8.30 12.30 SAL: V-huset Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för data- och informationsteknik.

Läs mer

Övning 1: Skapa virtuell maskin för utveckling.

Övning 1: Skapa virtuell maskin för utveckling. Övning 1: Skapa virtuell maskin för utveckling. Arbetsuppgift 1: Skapa storage account. Steg 1: I vänstre delen av Preview Portal, klicka på Browse. Steg 2: I fönstret Browse, klicka på alternativet Storage.

Läs mer

Användarmanual. Fakturaspecifikation. Trafikverkets system för fakturaspecifikation. Version 1.4, 2010-12-20

Användarmanual. Fakturaspecifikation. Trafikverkets system för fakturaspecifikation. Version 1.4, 2010-12-20 Användarmanual Fakturaspecifikation Trafikverkets system för fakturaspecifikation Version 1.4, 2010-12-20 0 Utgivare: Trafikverket Kontakt: fakturering.jarnvag@trafikverket.se Distributör: Trafikverket,

Läs mer

Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR

Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Del 4 BILDER OCH TABELLER 0. Arbeta med bilder... 9. Redigera bilder... 96. Klickbara bilder/imagemaps... 0. Tabeller... 04 4. Skapa

Läs mer

Design och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU

Design och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Design och konstruktion av grafiska gränssnitt Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Making it look good: Visual Style and Aesthetics Visuell design Färger Typografi Exempel

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

Länk till modulen Skapa Filarkiv

Länk till modulen Skapa Filarkiv Dokumenthantering i Ping Pong: åhörarkopior I denna modul går du igenom hur funktionen Dokument fungerar i PING PONG och hur den skiljer sig från Filarkivet. Du får också en genomgång av hur du laddar

Läs mer

Sammanställning. Innehållsförteckning. 1 Struktur. för ledare

Sammanställning. Innehållsförteckning. 1 Struktur. för ledare för ledare Sammanställning Denna guide avser att hjälpa dig som ledare att administrera dina grupp(er) i MyClub. Allt som görs i MyClub är webbaserat vilket innebär att du kan sköta all administrering

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

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför

Läs mer

Så här installerar du Friluftskartan pro på din dator

Så här installerar du Friluftskartan pro på din dator Så här installerar du Friluftskartan pro på din dator Innan nedanstående påbörjas bör du kontrollera att du har följande: - Kompatibel Garmin-GPS. - Windowsdator med tillgång till Internet - Minimum 500

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

Lathund för webbshop

Lathund för webbshop Lathund för webbshop Ocay.se version 2014-12 Nu har vi lanserat nya ocay.se och därför släpper vi en ny guide för hur sidan används. Även om mycket uppdaterats layoutmässigt och under skalet kommer mycket

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 Getting input from users Några gyllene regler Projektintro Idag Obs extra redovisningsmöjlighet

Läs mer

ibooks Author Komma igång

ibooks Author Komma igång ibooks Author Komma igång Välkommen till ibooks Author, ett lätt sätt att skapa snygga och interaktiva Multi-Touch-böcker för ipad och Mac. Börja med proffsiga Apple-designade mallar med mängder av eleganta

Läs mer

Lathund. Joint Collaboration AB Korta Gatan 7 171 54 Stockholm Tel. 08 28 20 30. www.interaxo.se interaxo@joint.se. Org.nr.

Lathund. Joint Collaboration AB Korta Gatan 7 171 54 Stockholm Tel. 08 28 20 30. www.interaxo.se interaxo@joint.se. Org.nr. Lathund Joint Collaboration AB Korta Gatan 7 171 54 Stockholm Tel. 08 28 20 30 www.interaxo.se interaxo@joint.se Org.nr. 556565-2590 SE INNEHÅLL LATHUND, INTERAXO... 2 1 Varför är det olika färg och utseende

Läs mer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer

www.grade.com LUVIT LMS Quick Guide LUVIT Composer www.grade.com LUVIT LMS Quick Guide LUVIT Composer LUVIT Composer LUVIT Composer är ett verktyg för att enkelt skapa snyggt innehåll direkt i LUVITs kurser. Verktyget innehåller designade mallar som du

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

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

Datakurs, grund. Thor Stone Education. Datakurs, grund. (Windows 7) Copyright Torsten Nilsson Thor Stone Education Datakurs, grund (Windows 7) 1 Efter att du slagit på strömmen till datorn och den har laddat in operativsystemet (Windows), visas skrivbordet på skärmen. Det som visas på skrivbordet

Läs mer

Manual. Verktyg för skolanalys. Astrakan. Motion Chart på enkelt sätt. Artisan Global Media

Manual. Verktyg för skolanalys. Astrakan. Motion Chart på enkelt sätt. Artisan Global Media Manual Astrakan Verktyg för skolanalys Motion Chart på enkelt sätt Artisan Global Media ~ 2 ~ Innehåll Manual för Verktyg för skolanalys... 3 Skapa ett konto och logga in... 3 Arbeta med analysdata och

Läs mer

ANVÄNDARMANUAL FÖR WORDPRESS

ANVÄNDARMANUAL FÖR WORDPRESS FÖR WORDPRESS Surfa in på http://klubb.seko.se/< din sida >/wp-admin/ vet du inte vad < din sida > är kan du logga in direkt på http://klubb.seko.se/wp-admin 3. Fyll i ert användarnamn 3. Fyll även i ert

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

KOM-IGÅNG-GUIDE. Kom igång och redigera din hemsida! SmelinkWeb4 editor 2

KOM-IGÅNG-GUIDE. Kom igång och redigera din hemsida! SmelinkWeb4 editor 2 KOM-IGÅNG-GUIDE Kom igång och redigera din hemsida! SmelinkWeb4 editor 2 Smelink.se l Storgatan 14 l 352 31 Växjö l support@smelink.se l www.smelink.se Uppdaterad: 121019 Del 1 Logga in Välkommen att ta

Läs mer

Juni 2003 PlanCon Viewer Handledning PlanCon PROJEKT

Juni 2003 PlanCon Viewer Handledning PlanCon PROJEKT PlanCon Viewer Med PlanCon Viewer kan du som inte har PlanCon öppna PlanCon projekt (*.prj) och skriva ut dessa. Inga ändringar i projektet kan göras. Filtreringar, sorteringar och vissa ändringar i utseendet

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

Importera, redigera och publicera film med Windows Live Movie Maker

Importera, redigera och publicera film med Windows Live Movie Maker Importera, redigera och publicera film med Windows Live Movie Maker Du har spelat in en kort film om Flipping the classroom i dina projektgrupper. Dessa filmklipp finns nu kopierade till mappen filmövning_20mars

Läs mer

Fältnamn /Rubrik Fältnamn /Rubrik Fältnamn /Rubrik Fältnamn /Rubrik Data Data Data Data Data Data Data Data

Fältnamn /Rubrik Fältnamn /Rubrik Fältnamn /Rubrik Fältnamn /Rubrik Data Data Data Data Data Data Data Data Datahantering i Excel Grundbegrepp I alla typer av databaser finns alltid en tabell där informationen i databasen fysiskt finns lagrad. Tabellen har samma enkla uppbyggnad som en tabell i ordbehandlingsprogrammet

Läs mer

MANUAL CHRONO COMAI Comai AB erbjuder kvalificerade anpassningsbara och Comai AB

MANUAL CHRONO COMAI Comai AB erbjuder kvalificerade anpassningsbara och Comai AB MANUAL CHRONO COMAI 1 Innehållsförteckning 1 Tekniskbeskrivning...3 1.1 Funktionsbeskrivning...3 2 Installation...3 2.1 Installera Chrono Comai via länk...3 2.2 Installera Chrono Comai via minneskort...3

Läs mer

Microsoft Windows 10 Grunder

Microsoft Windows 10 Grunder WINDOWS 10 Grunder INLEDNING Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 1 INTRODUKTION TILL WINDOWS Grundläggande om operativsystem...7 Starta och avsluta Windows 10...8 Välja kommandon...10

Läs mer

Skapa mapp. * Gör så här: Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande.

Skapa mapp. * Gör så här: Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande. Ideell IT-förening där äldre lär äldre Skapa mapp Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande. * Gör så här: 1. Se till att du befinner dig på den plats i datorn

Läs mer

Lathund Stream. Logga in i Stream? Vad är Stream? Stream är ett webbaserat verktyg.

Lathund Stream. Logga in i Stream? Vad är Stream? Stream är ett webbaserat verktyg. Denna lathund ger dig en introduktion för att kunna arbeta effektivt med Stream. Innehållet uppdateras löpande. I slutet av lathunden finner du praktiska övningar som inspiration. Praktiska övningar Vad

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

Användbarhetstestning

Användbarhetstestning Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Användbarhetstestning Användare utför realistiska uppgifter i prototypen/systemet Observationer, tänka högt kompletteras med intervjuer

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 NYHETER Manual HSB Webb brf 2004 03 23 Nu kan man sätta en hemavdelning på ett arbetsflöde, så att det bara blir synligt från den avdelningen och nedåt i strukturen under en förening. Ett arbetsflöde blir

Läs mer

Nevenka Silfverhielm

Nevenka Silfverhielm Nevenka Silfverhielm 52 miljoner användare och 231 manår senare är vi säkra: Det roligaste vi vet är att skapa produkter och tjänster som ger effekt Om inuse 45 medarbetare i Stockholm, Göteborg och Malmö.

Läs mer

I.site Webbsidesverktyg handledning

I.site Webbsidesverktyg handledning I.site Webbsidesverktyg handledning Ingela Ek IT-pedagogisk utveckling Barn- och ungdomsförvaltningen Botkyrka kommun Senast uppdaterad 2007 Välkommen som webbredaktör till Botkyrka kommuns hemsidor Logga

Läs mer

GUIDE FÖR POWERPOINT PRESENTATIONER MICROSOFT OFFICE, POWERPOINT 2007

GUIDE FÖR POWERPOINT PRESENTATIONER MICROSOFT OFFICE, POWERPOINT 2007 GUIDE FÖR POWERPOINT PRESENTATIONER MICROSOFT OFFICE, POWERPOINT 2007 Vänligen tänk på miljön före du skriver ut denna manual. Behöver du den på papper? Hannu Sääskilahti hannu.saaskilahti@hanken.fi ÖPPNA

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

Snabbstartsguide. Visa fler alternativ Klicka på den här pilen för att visa fler alternativ i en dialogruta.

Snabbstartsguide. Visa fler alternativ Klicka på den här pilen för att visa fler alternativ i en dialogruta. Snabbstartsguide Microsoft PowerPoint 2013 ser annorlunda ut jämfört med tidigare versioner, så vi har skapat den här guiden för att hjälpa dig minimera din inlärningskurva. Hitta det du behöver Klicka

Läs mer

Välj bort om du vill. 96 Internet och e-post. 2. Mail-programmet finns i datorn. 1. Skriv mail i sökrutan. Windows Live Mail i Aktivitetsfältet.

Välj bort om du vill. 96 Internet och e-post. 2. Mail-programmet finns i datorn. 1. Skriv mail i sökrutan. Windows Live Mail i Aktivitetsfältet. Välj bort om du vill Om du är nöjd med att ha din e-post på nätet, kan du lugnt hoppa över detta avsnitt. Har du tid och tycker att det är roligt, kan du testa att använda e-postprogrammet Windows Live

Läs mer

Arbetshäfte Office 365 en första introduktion

Arbetshäfte Office 365 en första introduktion Arbetshäfte Office 365 en första introduktion Innehåll En introduktion för att bekanta sig med O365... 2 Skapa din profil... 2 Övning:... 3 2. Kontakter... 4 Lägg till kontakt och grupp... 4 Övning:...

Läs mer