Elektronisk publicering TNMK30

Storlek: px
Starta visningen från sidan:

Download "Elektronisk publicering TNMK30"

Transkript

1 Elektronisk publicering TNMK30

2 Muddycards ERD MySQL Säkerhet. Förra gången

3 Idag Muddy cards resultat MySQL-kopplingar mellan tabeller Usability - användbarhet Interaktionsdesign Projektuppgift.

4 Muddy Cards Många positiva kommentarer kring upplägg Vill ha mer djup, etc Labbhandledning, bra/dåligt Labbar, instruktioner.

5 MySQL - kopplingar Finns flera sätt att lösa labben

6 Person id namn telefon 6 Rocksteady Beebop Hus gata nummer Storgatan 2 Rydsvägen 240 ägare id namn efternamn gata nummer Person 1 N äger Hus

7 Person Hus id namn telefon 6 Rocksteady Beebop gata nummer Storgatan 2 Rydsvägen 240 id 1 8 Äger person-id hus-id id id namn efternamn gata nummer Person N äger M Hus

8 Usability sv. användbarhet....the effectiveness, efficency and satisfaction with which specified users can achieve specified goals in particular environments... - ISO DIS

9 Usability Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? Efficiency: Once users have learned the design, how quickly can they perform tasks? Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency? Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors? Satisfaction: How pleasant is it to use the design?

10 Varför usability? Increased user efficiency and satisfaction Higher revenues through increased sales Increased productivity Decreased training and support costs Reduced development time and costs Reduced maintenance costs

11 Designprinciper Både för egen design och utvärdering av andras. Verktyg, guide, tumregler. I huvudsak från: Norman, D The Design of Everyday Things. Nielsen, J Usability Engineering. Shneiderman, B Designing the User Interface.

12 För att hjälpa människor att nå, lära sig och komma ihåg systemet: 12 design principer 6. Control 7. Feedback 1. Visibility 2. Affordance 3. Consistency 4. Familiarity För att ge dem känslan av att ha kontroll, veta vad som ska göras och hur det ska göras: 5. Navigation För att ge dem ett säkert sätt att arbeta: 8. Recovery 9. Constraints På ett sätt som passar dem: 10. Flexibility 11. Style 12. Conviviality

13 1. Visibility Gör synligt: vilka funktioner som är tillgängliga vad systemet gör Det är lättare att känna igen saker än att komma ihåg (regognize vs recall) Om det inte går att göra synligt kan man göra det observerbart (kanske genom ljud eller känsel).

14 2. Consistency Var konsekvent vid design och se speciellt till att liknande funktionalitet visas och fungerar på samma sätt Både konceptuell och fysisk konsekvens är viktig

15 3. Familiarity Använd språk och symboler som den tänkta användaren känner till Där detta inte är möjligt använd en metafor för att hjälpa dem överföra liknande och relaterad kunskap från en känd domän.

16 4. Affordance Designa så att det är självklart vad artefakten är till för Affordance syftar på de attribut en artefakt har (eller upplevs ha) och hur dessa attribut relaterar till hur artefakten kan användas

17 5. Navigation Tillhandahåll stöd för att låta användare förflytta sig i systemet: kartor, direktiv, informationsskyltar, etc.

18 6. Control Gör klart vem eller vad som har kontrollen och tillåt användaren att ta kontroll Förbättras genom att ha en klar logisk koppling mellan handling och effekt.

19 7. Feedback Snabb återkoppling från systemet till användaren talar om vilken effekt handlingar fick Konstant och konsekvent feedback ökar kontrollkänslan

20 8. Recovery Ge alltid möjlighet att ångra och återhämta handlingar (speciellt fel och misstag), snabbt och effektivt

21 9. Constraints Begränsa möjligheterna så att användaren inte försöker (eller kan) göra olämpliga saker Specifikt bör man hindra användare från att åstadkomma allvarliga fel genom att begränsa tillåtna handlingar och fråga en extra gång innan genomförandet av kritiska operationer

22 10. Flexibility Tillåt flera sätt att åstadkomma saker för att tillmötesgå användare med olika erfarenhet och intresse i systemet Tillhandahåll möjligheten att ändra hur systemet ser ut och beter sig för personalisering

23 11. Style Designen bör vara fin och tilltalande. (Kanske även minimalistisk.)

24 12. Conviviality Interaktiva system ska vara artiga, vänliga och allmänt behagliga Inget förstör upplevelsen av att använda ett system mer än aggressiva meddelanden och abrupta avbrott Designa för hövlighet.

25 För att hjälpa människor att nå, lära sig och komma ihåg systemet: 12 design principer 6. Control 7. Feedback 1. Visibility 2. Affordance 3. Consistency 4. Familiarity För att ge dem känslan av att ha kontroll, veta vad som ska göras och hur det ska göras: 5. Navigation För att ge dem ett säkert sätt att arbeta: 8. Recovery 9. Constraints På ett sätt som passar dem: 10. Flexibility 11. Style 12. Conviviality

26 Top Ten Mistakes in Web Design 1. Bad Search 2. PDF Files for Online Reading 3. Not Changing the Color of Visited Links 4. Non-Scannable Text 5. Fixed Font Size 7. Anything That Looks Like an Advertisement 8. Violating Design Conventions 9. Opening New Browser Windows 10. Not Answering Users' Questions 6. Page Titles With Low Search Engine Visibility

27 Web usability Form Labels Work Best Above The Field Users Focus On Faces Quality Of Design Is An Indicator Of Credibility Most Users Scroll Blue Is The Best Color For Links The Ideal Search Box Is 27- Characters Wide White Space Improves Comprehension Effective User Testing Doesn t Have To Be Extensive Informative Product Pages Help You Stand Out Most Users Are Blind To Advertising.

28 Interaktionsdesign Målgrupp Wireframe Scenario Design - tips, trix och att-tänka-på

29 Målgruppsanalys Vilka är användarna? Vad kan de vad kan de lära sig? Vad har de för generell bakgrund? Vad har de för mål eller syfte? Vad är de i för miljö(-er)? episodes/malgruppsbeskrivning.m4a

30 En wireframe är en enkel ritning som visar var olika element ska vara placerade på en webbsida. Det är enklare att ändra i layouten av webbsida när den är en wireframe tidigt i designprocessen än att ändra i en mer komplex design senare. gomockingbird.com Wireframes

31 Scenario Steg-för-steg beskrivning av hur användaren gör för att uppnå olika mål Ex: Vill lägga till film Vill veta vilket årtal en film är producerad Vill ta bort film från databas Används med fördel tillsammans med Wireframes (kan då kallas storyboard).

32 Läsbarhet ~65 tecken per rad Radhöjd på ~1.5 em Generellt ger serifer god läsbarhet Det finns typsnitt som är designade för att användas på skärm, t ex Georgia, Verdana Vänsterjusterad text lättare att läsa än marginaljusterad (som ser bättre ut) Kontrast och färger avgör också.

33 Serif vs Sans serif

34 Gemener vs Versaler

35 Positive vs Negative

36 Luftigt vs Tätt

37 Kontrast

38 Färgblindhet Röd - Grön, vanligast, II och III Blå - Gul, ovanlig, IV Helt färgblind, mycket ovanlig, V

39 Det går inte snabbare att förstå en negation Använd inte inte om du inte måste

40 Grid

41 Layout Användare förväntar sig att saker finns på samma ställe(-n) som de brukar Navigering Logo Sök Sign in/up

42 Färgschema Håller ihop en design Kunder har ofta redan en färdig Bra att ha med sig från början eller att skapa tidigt i design processen colorschemedesigner.com

43 Projektuppgiften 2-3 studenter per grupp. Samma ambitionsnivå. Design och implementation av en databasdriven webbplats Utökad filmdatabas, blogg, forum, webbplats för ett företag, webbshop Via gränssnitt ska man kunna lägga till, ta bort, och ändra i innehåll på webbplatsen Använda och fördjupa kunskaper från labbarna. Konkurrensanalys och arbetsrapport 3 hp 2 veckors arbete heltid 160 h för två studenter Bokade tider med handledning Deadline 22/12.

44 Användbara länkar s-dont-make-me-think/

45 Tack och lycka till!

Förbättrad vårddokumentation med 3R

Förbättrad vårddokumentation med 3R Förbättrad vårddokumentation med 3R IT Inspirationsdag 26 mars 2015 Styrgruppen 3R Vad är 3R? Vem/vilka står bakom 3R? Ögonblicksbild bakgrund Var står vi nu? 26 mars 2015 Tre regioner i samarbete Region

Läs mer

Webbprogrammering, grundkurs 725G54

Webbprogrammering, grundkurs 725G54 Webbprogrammering, grundkurs 725G54 Lab 4, 5 ERD PHP + MySQL Återblick Idag Sessions PHP och MySQL för samband Lab 6 725G54: Genomgång projektuppgift Avstämning av kursmål Om sessions På IDA måste ni göra

Läs mer

Föreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.

Föreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al. Föreläsning 6 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från krav till design hur gör man Work reengineering, dvs. att omstrukturera, konstruera om befintligt sätt Task allocation,

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

Webbprogrammering, grundkurs 725G54

Webbprogrammering, grundkurs 725G54 Webbprogrammering, grundkurs 725G54 Bootstrap jquery SEO RWD MuddyCards. Tidigare Muddycards Många positiva kommentarer Ibland för högt tempo på föreläsning Lägg ut labbar tidigare Mer föreläsningar (2

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

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

Praktiskt användande av användbarhetstekniker 1 (58)

Praktiskt användande av användbarhetstekniker 1 (58) Praktiskt användande av användbarhetstekniker 1 (58) Vem är jag? Lise-Lotte Thuse, Software Developer & Usability Expert, Industriell IT Kand. & Mag. i Informatik, inrikt. Systemutveckling & Usability

Läs mer

Forskning och mobil medborgarservice på försök, CIDRE

Forskning och mobil medborgarservice på försök, CIDRE Forskning och mobil medborgarservice på försök, CIDRE Professor Karl W Sandberg Nätverksträff 24-timmarswebben, 14 oktober 2008 Sundsvalls konferenscenter, Scandic Sundsvall City CHAOS rapporten från Standish

Läs mer

- den bredaste guiden om Mallorca på svenska! -

- den bredaste guiden om Mallorca på svenska! - - den bredaste guiden om Mallorca på svenska! - Driver du företag, har en affärsrörelse på Mallorca eller relaterad till Mallorca och vill nå ut till våra läsare? Då har du möjlighet att annonsera på Mallorcaguide.se

Läs mer

Webbprogrammering 725G54

Webbprogrammering 725G54 Webbprogrammering 725G54 Hej! Jakob Bandelin, gästadjunkt jakob.bandelin@liu.se Interaktionsdesign, webbdesign, apputveckling Agenda Kursmål och -upplägg HTML Teckenkodning Validering Lab 1. Kursmål exemplifiera

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra veckan Kursupplägg HTML FTP Validering Laboration 1. Deadlines Laborationer: 12/10, kl 08 Lämna in efterhand ni blir färdiga Vi rättar inom 4 arbetsdagar Portfolio, tillfälle

Läs mer

MAMN25 Interaktionsdesign (7,5 HP)

MAMN25 Interaktionsdesign (7,5 HP) MAMN25 Interaktionsdesign (7,5 HP) Vad är interaktionsdesign? Vilken fjärrkontroll hade ni valt? Definition av interaktionsdesign Designing interactive products to support the way people communicate and

Läs mer

Vad är interaktionsdesign?

Vad är interaktionsdesign? MAMN25 Interaktionsdesign (7,5 HP) Vad är interaktionsdesign? Vilken fjärrkontroll hade ni valt? 1 Definition av interaktionsdesign Designing interactive products to support the way people communicate

Läs mer

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

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

Protokoll Föreningsutskottet 2013-10-22

Protokoll Föreningsutskottet 2013-10-22 Protokoll Föreningsutskottet 2013-10-22 Närvarande: Oliver Stenbom, Andreas Estmark, Henrik Almén, Ellinor Ugland, Oliver Jonstoij Berg. 1. Mötets öppnande. Ordförande Oliver Stenbom öppnade mötet. 2.

Läs mer

Software Quality Requirements and Evaluation (SQuaRE) & Common Industry Format (CIF) for Usability snart finns det inga ursäkter längre...

Software Quality Requirements and Evaluation (SQuaRE) & Common Industry Format (CIF) for Usability snart finns det inga ursäkter längre... Software Quality Requirements and Evaluation (SQuaRE) & Common Industry Format (CIF) for Usability snart finns det inga ursäkter längre... Åke Walldius, docent i Människa-datorinteraktion, CSC, KTH, 2014-09-04

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

Flytta din affär till molnet

Flytta din affär till molnet Flytta din affär till molnet Låt oss prata moln 2 Låt oss prata moln 3 Marknadsförare var först i molnet. Vi skulle inte bli förvånade om du redan använder molnet för: CRM Marketing automation Social media-platformar

Läs mer

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare TDDD60 användbarhetstest Olika syften Olika typer av metoder Mått på användbarhet/kravuppfyllelse Olika syften Hitta användbarhetsproblem för att förbättra (mål: åtgärda problem, förbättra produkten) Formativ

Läs mer

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor Projektarbete Solveig Betnér Innehållsförteckning Syfte s. 3 Målgrupp s. 3 Genre s. 3 Funktionalitet s. 4 Prototyper s. 5

Läs mer

Här kan du sova. Sleep here with a good conscience

Här kan du sova. Sleep here with a good conscience Här kan du sova med rent samvete Sleep here with a good conscience MÅNGA FRÅGAR SIG hur man kan göra en miljöinsats. Det är egentligen väldigt enkelt. Du som har checkat in på det här hotellet har gjort

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

Sharecut. Michael De Stefano Robin Gustafsson Fredrik Warfvinge

Sharecut. Michael De Stefano Robin Gustafsson Fredrik Warfvinge Michael De Stefano Michael De Stefano Idé och koncept Grundidé, syfte och innehåll ShareCut är en tjänst som effektiviserar publicering på sociala medier. En hub som gör det enkelt att skriva och publicera

Läs mer

Nya möjligheter med M3 Technology. Björn Svensson, Björn Torold

Nya möjligheter med M3 Technology. Björn Svensson, Björn Torold Nya möjligheter med Technology Björn Svensson, Björn Torold Vem är vi? 2 Copyright 2011 Lawson. All rights reserved. Nya möjligheter med Technology System Foundation Grid Förändrar basen i Installation

Läs mer

Flytta din affär till molnet

Flytta din affär till molnet Flytta din affär till molnet Låt oss prata moln 2 Låt oss prata moln 3 Marknadsförare var först i molnet. Vi skulle inte bli förvånade om du redan använder molnet för: CRM Marketing automation Social media-platformar

Läs mer

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

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

Läs mer

Här kan du checka in. Check in here with a good conscience

Här kan du checka in. Check in here with a good conscience Här kan du checka in med rent samvete Check in here with a good conscience MÅNGA FRÅGAR SIG hur man kan göra en miljöinsats. Det är egentligen väldigt enkelt. Du som har checkat in på det här hotellet

Läs mer

QC i en organisation SAST 2008-09-16

QC i en organisation SAST 2008-09-16 QC i en organisation SAST 2008-09-16 1 Agenda Hur är vi organiserade inom test på SEB? Hur är QC uppsatt på SEB? Hur arbetar vi med QC i en stor organisation? Uppfyllde QC våra förväntningar och hur har

Läs mer

Användbarhetstestning. Samla in, analysera och presentera användbarhetsmått

Användbarhetstestning. Samla in, analysera och presentera användbarhetsmått Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Title/Lecturer OCTOBER 7, 2015 2 Användbarhetstestning Test med pappersprototyp Title/Lecturer OCTOBER 7, 2015 3 Varför testa?

Läs mer

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0 Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning

Läs mer

.SE (Stiftelsen för Internetinfrastruktur) Presentation November 2009

.SE (Stiftelsen för Internetinfrastruktur) Presentation November 2009 .SE (Stiftelsen för Internetinfrastruktur) Presentation November 2009 About us.se (The Internet Infrastructure Foundation) is responsible for the.se top-level domain. Non-profit organisation founded in

Läs mer

Hur man skyddar sig på internet

Hur man skyddar sig på internet Hur man skyddar sig på internet Säkerhet är obehagligt Men vi har ju virusskydd!! Webbläsare Webbläsare Vårt största hot idag Tydligare vid fel, phishing, flikar SSL Tunnlar och certifikat, brutna certifikat,

Läs mer

Finns ingen enhetlig definition av vad lean är: Konsult-lean allt som är framgångsrikt är lean. Forsknings-lean: En av flera strategier

Finns ingen enhetlig definition av vad lean är: Konsult-lean allt som är framgångsrikt är lean. Forsknings-lean: En av flera strategier Lean -agile Finns ingen enhetlig definition av vad lean är: Konsult-lean allt som är framgångsrikt är lean Forsknings-lean: En av flera strategier Grunden är processorientering vilket måste göras först,

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

Retail Academics/ Research Institute o Origin from Center for Retailing

Retail Academics/ Research Institute o Origin from Center for Retailing Retail Academics/ Research Institute o Origin from Center for Retailing - Retail Management Center at the Stockholm School of Economics o Specialized in Research & Tests in real store environment o Sweden,

Läs mer

Agenda. Plats och magkänsla. Presentation. - en pedagogisk fråga?

Agenda. Plats och magkänsla. Presentation. - en pedagogisk fråga? Plats och magkänsla - en pedagogisk fråga? Göran Lindahl Chalmers tekniska högskola 2011-09-28 Agenda Introduktion Helhet Användbarhet och effekter Cost and benefit Realitet, abstrakt, realitet Så här

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

AGIL KRAVHANTERING. Hitta behoven bakom kraven!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive

AGIL KRAVHANTERING. Hitta behoven bakom kraven!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive AGIL KRAVHANTERING Hitta behoven bakom kraven!!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive KRAVSTÄLL EN PRODUKT! Skriv ner tre krav som ni ställer på produkten INNOVATIONSDRIVNA PRODUKTER...

Läs mer

E V - C E R T I F I K AT: VA R F Ö R A N V Ä N D A D E N S TA R K A S T E S S L AUTENTISERINGSPROCESS?

E V - C E R T I F I K AT: VA R F Ö R A N V Ä N D A D E N S TA R K A S T E S S L AUTENTISERINGSPROCESS? E V - C E R T I F I K AT: VA R F Ö R A N V Ä N D A D E N S TA R K A S T E S S L AUTENTISERINGSPROCESS? D i n t a l a r e i d a g J o n a t h a n A g e r i u s W e b S e c u r i t y C o n s u l t a n t

Läs mer

INSTRUKTION FÖR HUR MAN SKAPAR ETT

INSTRUKTION FÖR HUR MAN SKAPAR ETT INSTRUKTION FÖR HUR MAN SKAPAR ETT ANVÄNDARKONTO PÅ FK-FOCUS FORUM Datum: 2012-11-26 Sida 1 av 15 Upprättad av: Henry Fredrikson Inledning Nedan beskrivs hur man skapar ett användarkonto på FK-Focus Forum.

Läs mer

Kommandobaserad interaktion

Kommandobaserad interaktion Interaktion 1 Innehåll Kommandobaserad interaktion (Kap 7) Direktmanipulation (Kap 5) Natural-language interaction (Kap 7) Metaforer i användargränssnitt (ej med i boken) Kommandobaserad interaktion Kommandobaserad

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

Inför projektuppgiften. Markus Buschle, markusb@ics.kth.se

Inför projektuppgiften. Markus Buschle, markusb@ics.kth.se Inför projektuppgiften Markus Buschle, markusb@ics.kth.se Agenda Möjligheter,ll samarbete Enterprise Architecture för beslutsfa8ande Modell Analys Resultat Projektuppgi? Exempel Möjligheter,ll samarbete

Läs mer

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.oakley.com/legionofoakley?cm_mmc=ads-_-apparel_goggles-_-prs_sigseries-_-appa Inspiration Koncept

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

Utveckla samarbete inom avdelningen. Utveckla samarbetet. mini workshop! i butikens ledningsgrupp. Grid International AB. Grid International AB

Utveckla samarbete inom avdelningen. Utveckla samarbetet. mini workshop! i butikens ledningsgrupp. Grid International AB. Grid International AB Utveckla samarbete inom avdelningen Utveckla samarbetet mini workshop! i butikens ledningsgrupp Grid International AB Grid International AB Om ledarskap och samarbete som ger både ökat resultat och bättre

Läs mer

En jämförelse av två webbsidor ur ett MDI-perspektiv SARA SJÖDIN

En jämförelse av två webbsidor ur ett MDI-perspektiv SARA SJÖDIN En jämförelse av två webbsidor ur ett MDI-perspektiv SARA SJÖDIN Examensarbete Stockholm, Sverige 2011 En jämförelse av två webbsidor ur ett MDI-perspektiv SARA SJÖDIN Examensarbete i medieteknik om 15

Läs mer

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman Design och krav Henrik Artman >>Ett av skälen till att projektet inte höll tidplan och budget var [beställarens] höga ambitionsnivå. Dessutom skulle man gjort en stordel av arbetet självt, men en del av

Läs mer

Designmetodik. Systemering med användarfokus Malin Pongolini

Designmetodik. Systemering med användarfokus Malin Pongolini Designmetodik Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering

Läs mer

Grafisk design För synskadade och lite om dyslexi

Grafisk design För synskadade och lite om dyslexi Grafisk design För synskadade och lite om dyslexi Färgblind Tritanopi/tritanomali, blått Protanopi/protanomali, röd Deuteranopi/deuteranomali, grönt Röd-grön vanligast Gul-blå ovanlig Mycket ovanligt,

Läs mer

LARS. Ett e-bokningssystem för skoldatorer.

LARS. Ett e-bokningssystem för skoldatorer. LARS Ett e-bokningssystem för skoldatorer. Därför behöver vi LARS Boka dator i förväg. Underlätta för studenter att hitta ledig dator. Rapportera datorer som är sönder. Samordna med schemaläggarnas system,

Läs mer

Inför projektuppgiften. Markus Buschle, markusb@ics.kth.se

Inför projektuppgiften. Markus Buschle, markusb@ics.kth.se Inför projektuppgiften Markus Buschle, markusb@ics.kth.se Agenda Möjligheter,ll samarbete Enterprise Architecture för beslutsfa8ande Modell Analys Resultat Projektuppgi? Möjligheter -ll samarbete Examensarbeten

Läs mer

Testdriven utveckling. Magnus Jonsson Siemens Medical Solutions

Testdriven utveckling. Magnus Jonsson Siemens Medical Solutions Testdriven utveckling Magnus Jonsson Siemens Medical Solutions 2 Soarian Stort projekt, ca 400 personer i projektet Distribuerad utveckling i USA, Indien och Sverige Web baserat lösning med admin client

Läs mer

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Grupparbete ACSD Projektplanering för ett Patientjournalsystem Grupparbete ACSD Projektplanering för ett Patientjournalsystem Uppsala Universitet Institutionen för Informationsteknologi Användarcentrerad Systemdesign Grupp 8, ht03 Christian Rick, rick@bahnhof.se Frida

Läs mer

How to format the different elements of a page in the CMS :

How to format the different elements of a page in the CMS : How to format the different elements of a page in the CMS : 1. Typing text When typing text we have 2 possible formats to start a new line: Enter - > is a simple line break. In a paragraph you simply want

Läs mer

We love what we do. Klicka här för att ändra format på underrubrik i bakgrunden 2015-03-24

We love what we do. Klicka här för att ändra format på underrubrik i bakgrunden 2015-03-24 We love what we do Klicka här för att ändra format på underrubrik i bakgrunden Östersund Örebro Västerås Stockholm Vasa Click to edit Master subtitle style Click to edit Master subtitle style 3 Click

Läs mer

Testning som beslutsstöd

Testning som beslutsstöd Testning som beslutsstöd Vilken typ av information kan testning ge? Vilken typ av testning kan ge rätt information i rätt tid? Hur kan testning hjälpa din organisation med beslutsstöd? Hur kan produktiviteten

Läs mer

användarvänliga webbgränssnitt

användarvänliga webbgränssnitt Riktlinjer för användarvänliga webbgränssnitt Användarvänlig design skapas genom en ständig process där användarens behov och upplevelse är det centrala. Denna process skall ses ur ett helhetsperspektiv

Läs mer

Kanban är inte din process. (låt mig berätta varför) #DevLin2012 15 Mars 2012

Kanban är inte din process. (låt mig berätta varför) #DevLin2012 15 Mars 2012 Kanban är inte din process (låt mig berätta varför) #DevLin2012 15 Mars 2012 Torbjörn Tobbe Gyllebring @drunkcod tobbe@cint.com Är du eller känner du en Kanban hipster? Förut körde vi X nu kör vi Kanban

Läs mer

Fujitsu Day 2015. Göteborg 8 oktober

Fujitsu Day 2015. Göteborg 8 oktober Fujitsu Day 2015 Göteborg 8 oktober ARBETA MER I ETT NÄTVERK GENOM ETT SOCIALT INTRANÄT Anders Bohlinder, Sales, Business Application Services Peyman Javadi, ECM/ SharePoint specialist Arbeta i ett nätverk

Läs mer

FÖRBERED UNDERLAG FÖR BEDÖMNING SÅ HÄR

FÖRBERED UNDERLAG FÖR BEDÖMNING SÅ HÄR FÖRBERED UNDERLAG FÖR BEDÖMNING SÅ HÄR Kontrollera vilka kurser du vill söka under utbytet. Fyll i Basis for nomination for exchange studies i samråd med din lärare. För att läraren ska kunna göra en korrekt

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

Läs mer

Quick Start Guide Snabbguide

Quick Start Guide Snabbguide Quick Start Guide Snabbguide C Dictionary Quick Start Thank you for choosing C Dictionary and C-Pen as your translation solution. C Dictionary with its C-Pen connection will make translation easy and enable

Läs mer

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

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

Läs mer

Designprinciper för säkerhet och Epilog. Marcus Bendtsen Institutionen för Datavetenskap (IDA) Avdelningen för Databas- och Informationsteknik (ADIT)

Designprinciper för säkerhet och Epilog. Marcus Bendtsen Institutionen för Datavetenskap (IDA) Avdelningen för Databas- och Informationsteknik (ADIT) Designprinciper för säkerhet och Epilog Marcus Bendtsen Institutionen för Datavetenskap (IDA) Avdelningen för Databas- och Informationsteknik (ADIT) Designprinciper för säkerhet Tumregler och utgångspunkter

Läs mer

EXTERNAL ASSESSMENT SAMPLE TASKS SWEDISH BREAKTHROUGH LSPSWEB/0Y09

EXTERNAL ASSESSMENT SAMPLE TASKS SWEDISH BREAKTHROUGH LSPSWEB/0Y09 EXTENAL ASSESSENT SAPLE TASKS SWEDISH BEAKTHOUGH LSPSWEB/0Y09 Asset Languages External Assessment Sample Tasks Breakthrough Stage Listening and eading Swedish Contents Page Introduction 2 Listening Sample

Läs mer

Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011

Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011 Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011 Lizette Nilsson 2012-05-07 Idag Kort om vår datormiljö Vanliga orsaker till problem Låt MS Word göra jobbet åt dig - Formatmallar

Läs mer

Analys av com hems startsida

Analys av com hems startsida IT-Universitetet Interaktionsdesign Grafiska gränssnitt, 6p Göteborg ht 2003 Analys av com hems startsida Björn Nord d00nord@dtek.chalmers.se 1. Innehållsförteckning 1. Innehållsförteckning... 2 2. Inledning...

Läs mer

GIT L0012B. Implementation av geografiska informationssystem. Information inför kursstart

GIT L0012B. Implementation av geografiska informationssystem. Information inför kursstart GIT L0012B Implementation av geografiska informationssystem Information inför kursstart K U R S I N F O R M A T I O N Innehåll Registrering 2 Kursplan 2 Schema 2 Föreläsningar 2 Laborationer 2 Examination

Läs mer

En grundkurs i hemsidor och hur de är uppbyggda

En grundkurs i hemsidor och hur de är uppbyggda En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och

Läs mer

Vad talanger vill ha 21/09/2011. Saana Azzam feoy10@hhs.se

Vad talanger vill ha 21/09/2011. Saana Azzam feoy10@hhs.se Vad talanger vill ha 21/09/2011 Saana Azzam feoy10@hhs.se Gen X Intern Associat e Analyst Senior Analyst Partner Senior Partner CEO 1 Year 3 years 4-5 years 4-5 years 4-5 Years - - $ $$ $$$ $$$$ $$$$$

Läs mer

Cartesias nya karttjänst

Cartesias nya karttjänst SOMMAR DESIGN KONTORET Cartesias nya karttjänst Sommardesignkontoret Lycksele/Norsjö 2009 2 Innehållsförteckning 1. Om SDK 2. Uppdraget 3. Arbetsprocess 4. Analys 4.1. Expertanalys av nuvarande karttjänst

Läs mer

Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com

Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com Portfolio Mathias Andelin www.webbformgivare.se mathias.andelin@gmail.com 1 Innehåll Redesign.......................................................................3 Värvet........................................................................

Läs mer

Accelererad provning i

Accelererad provning i Accelererad provning i simulator Är det möjligt? Magnus Hjälmdahl, VTI Institute Excellence Centre at VTI Common platform for increased and long-term co-operation, competence building and knowledge transfer

Läs mer

Design. Vad lärde jag mig förra lekfonen? Hur bidrog jag Fll lärandet? Kravhantering sammanfa0ning 13/04/14

Design. Vad lärde jag mig förra lekfonen? Hur bidrog jag Fll lärandet? Kravhantering sammanfa0ning 13/04/14 Design Vad är design? Vad är arkitektur? Architectural Pa:erns Designprinciper Design Pa:erns UML Domain Driven Design Domänmodell Vad lärde jag mig förra lekfonen? Hur bidrog jag Fll lärandet? Kravhantering

Läs mer

PDM Implementation & Change Management 2013-11-12/FRN

PDM Implementation & Change Management 2013-11-12/FRN PDM Implementation & Change Management 2013-11-12/FRN Affärsområdet Industriteknik Vad är Windchill PDMLink? Product data and information overview - today Mailed Excel files Shared file folders PDMLink

Läs mer

Lisa Marie Martens EN JÄMFÖRELSE GÄLLANDE ANVÄNDBARHETEN MELLAN MOBILA OCH STATIONÄRA ENHETER

Lisa Marie Martens EN JÄMFÖRELSE GÄLLANDE ANVÄNDBARHETEN MELLAN MOBILA OCH STATIONÄRA ENHETER Lisa Marie Martens EN JÄMFÖRELSE GÄLLANDE ANVÄNDBARHETEN MELLAN MOBILA OCH STATIONÄRA ENHETER Informationsbehandling 2011 VASA YRKESHÖGSKOLA Utbildningsprogrammet för informationsbehandling 2 ABSTRAKT

Läs mer

BREDBAND OCH VÄLFÄRD EN FÖRSTUDIE. Marco Forzati, Crister Mattsson

BREDBAND OCH VÄLFÄRD EN FÖRSTUDIE. Marco Forzati, Crister Mattsson BREDBAND OCH VÄLFÄRD EN FÖRSTUDIE Marco Forzati, Crister Mattsson Roll-out cost Un-captured values VARFÖR SAMHÄLLSEKONOMISKA STUDIER OM BREDBAND Telco return Revenue from Internet service Revenue from

Läs mer

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se

Läs mer

Kursplanering Utveckling av webbapplikationer

Kursplanering Utveckling av webbapplikationer Kursplanering Utveckling av webbapplikationer Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-WEB Klass Systemutvecklare.NET Syfte och koppling till yrkesrollen För att kunna arbeta som systemutvecklare

Läs mer

Riskhantering. med exempel från Siemens

Riskhantering. med exempel från Siemens Riskhantering med exempel från Siemens Gunnel Sundberg Riskhantering Riskidentifiering Riskvärdering Riskåtgärdsplanering Riskbemötande 1 Siemens Industrial Turbomachinery AB R&D, sales, design, manufacturing,

Läs mer

ORCID medlemskap och implementering vid Chalmers

ORCID medlemskap och implementering vid Chalmers ORCID medlemskap och implementering vid Chalmers Mötesplats Open Access 2014 2014-04-01 Jonas Gilbert Chalmers bibliotek jonas.gilbert@chalmers.se http://orcid.org/0000-0001-6599-1376 Open Researcher &

Läs mer

Annonsformat desktop. Startsida / områdesstartsidor. Artikel/nyhets-sidor. 1. Toppbanner, format 1050x180 pxl. Format 1060x180 px + 250x240 pxl.

Annonsformat desktop. Startsida / områdesstartsidor. Artikel/nyhets-sidor. 1. Toppbanner, format 1050x180 pxl. Format 1060x180 px + 250x240 pxl. Annonsformat desktop Startsida / områdesstartsidor 1. Toppbanner, format 1050x180 pxl. Bigbang (toppbanner + bannerplats 2) Format 1060x180 px + 250x240 pxl. 2. DW, format 250x240 pxl. 3. TW, format 250x360

Läs mer

Utveckling av Läsaren

Utveckling av Läsaren Utveckling av Läsaren Projektet steg för steg Läsaren har utvecklats sucessivt till att bli den anpassningsbara och situationsoberoende tjänst den är idag. Tabellen nedan visar hur utvecklingen har skett

Läs mer

Focus on English 9. Teacher s Guide with Projects

Focus on English 9. Teacher s Guide with Projects Focus on English 9 Teacher s Guide with Projects Focus on English är ett nyskrivet läromedel för åk 7 9. Goda engelskkunskaper är ett av elevernas viktigaste redskap för det livslånga lärandet. I boken

Läs mer

Schenker Privpak AB Telefon 033-178300 VAT Nr. SE556124398001 Schenker ABs ansvarsbestämmelser, identiska med Box 905 Faxnr 033-257475 Säte: Borås

Schenker Privpak AB Telefon 033-178300 VAT Nr. SE556124398001 Schenker ABs ansvarsbestämmelser, identiska med Box 905 Faxnr 033-257475 Säte: Borås Schenker Privpak AB Interface documentation for web service packageservices.asmx 2010-10-21 Version: 1.2.2 Doc. no.: I04304 Sida 2 av 14 Revision history Datum Version Sign. Kommentar 2010-02-18 1.0.0

Läs mer

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1 Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min

Läs mer

Sparbankerna PDF. ==>Download: Sparbankerna PDF ebook By 0

Sparbankerna PDF. ==>Download: Sparbankerna PDF ebook By 0 Sparbankerna PDF ==>Download: Sparbankerna PDF ebook By 0 Sparbankerna PDF By 0 - Are you searching for Sparbankerna pdf Books? Now, you will be happy that Sparbankerna PDF is available at our online library

Läs mer

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.

Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil. Lektion 7 Tabeller Under denna lektion kommer du att få lära dig hur man bygger upp tabeller med HTML och hur man styr layout och utseende på en webbsida som innehåller tabeller. Enkla tabeller Av tradition

Läs mer

Cross Media Storytelling

Cross Media Storytelling Cross Media Storytelling Storytelling En del av Cross Medialogiken Andra: Play, performance, spectacle, branding, etc. Reflekterar ekonomin i branschen Horisontella effekter av koncernägande Synergi: branding

Läs mer

Resultatkonferens 2015. Välkommen!

Resultatkonferens 2015. Välkommen! Resultatkonferens 2015 Välkommen! Lite kort information Säkerhet Quality Hotel Reception Lunch Stadshotellet Tallkotten Middag kl 18 Stadshotellet Tallkotten Utvärdering till Katarina 2000 Vintage Resultatkonferens

Läs mer

Authentication Context QC Statement. Stefan Santesson, 3xA Security AB stefan@aaa-sec.com

Authentication Context QC Statement. Stefan Santesson, 3xA Security AB stefan@aaa-sec.com Authentication Context QC Statement Stefan Santesson, 3xA Security AB stefan@aaa-sec.com The use case and problem User identities and user authentication is managed through SAML assertions. Some applications

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

Elektronisk publicering TNMK30

Elektronisk publicering TNMK30 Elektronisk publicering TNMK30 Förra gången Färger CSS - layout och styling Lite repetition (X)HTML och SEO Att separera innehåll från presentation. CSS, layoutproblem med float och boxar CSS, layoutproblem

Läs mer

Agila kontrakt. Mattias Skarin Kanban / Lean coach www.crisp.se. Konsten att måla ut sig ur ett hörn och in i ett samarbete.

Agila kontrakt. Mattias Skarin Kanban / Lean coach www.crisp.se. Konsten att måla ut sig ur ett hörn och in i ett samarbete. Agila kontrakt Konsten att måla ut sig ur ett hörn och in i ett samarbete DevLin, 2014 Mattias Skarin Kanban / Lean coach www.crisp.se http://blog.crisp.se/mattiasskarin mattias.skarin@crisp.se Copyright

Läs mer

Personas -En metod inom Participatory Design

Personas -En metod inom Participatory Design Personas -En metod inom Participatory Design Individuell inlämningsuppgift Sofie Persson 2003-10-27 Sammanfattning Att designa en ny produkt eller ett nytt system är inte enkelt. Det är många aspekter

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