Presentation laddar. Vänta.

Presentation laddar. Vänta.

Interaktionsdesign 1IK403 Projektledning. Bearbetning av webbsida Pion.se med fokus på design och struktur - Produkt-och Sprint loggböcker - Flödesschema.

Liknande presentationer


En presentation över ämnet: "Interaktionsdesign 1IK403 Projektledning. Bearbetning av webbsida Pion.se med fokus på design och struktur - Produkt-och Sprint loggböcker - Flödesschema."— Presentationens avskrift:

1 Interaktionsdesign 1IK403 Projektledning

2 Bearbetning av webbsida Pion.se med fokus på design och struktur - Produkt-och Sprint loggböcker - Flödesschema - Undersökningar och utvärderingar - Användartester - Grafisk manual - High- och Low-fidelity prototyper

3 EllinorKamilaRasmus * Höga förväntningar * Respekt för varandra * Hänsyn till de som t.ex. jobbar * Informerar varandra om det uppstår hinder * Överenskommelse * Siktar på bästa möjliga resultat * Vi hjälps åt varandra vid behov * Bra fungerande samarbete

4

5 Produktloggbok Sprintloggbok Flödesschema (GANTT-schema)

6 o Heuristisk utvärdering Pion.se - Bra ord- och begrepp val, man funderar inte på ordens betydelse - Bra navigering - Bra feedback - Lätt att återhämta sig från problem - Sidan är flexibel för nybörjare men inte tillfrädställande för de avancerade användarer - Minimalisk men oestetisk design - Otydlig hjälp som bara gäller Internet Explorer

7 Daniel, märklarstu dent vid Borås högskola Bibbi, före detta undersköterska Marcus, student som har fått tinnitus Tobias, egen företagare i Borås Linda, studerar till sjuksköters ka o Intervjuer Det Positiva: o Lättnavigerad o Enkel o Fin logga o Hänvisning till bl.a. litteratur o Ganska bra sökresultat Det negativa: o Amatörmässig o Dålig struktur o Sidans grafik förmedlar inte innehållet o Dålig färgval o Icke originell o Brist på sökfunktioner o Ser ut som utvecklingsprojekt o Brist på innehållet

8 Målgruppsanalys Liknande sökmotorer Människor av alla åldrar, kön och datorvana. Målgruppen kan variera allt från ungdomar till äldre personer som vill få sjukdomsinformation eller hitta svar på symptom eller åkommor.       

9 Magnus Stengeberg • 65 år gammal • Är pensionär • Bra datorvana • Intresserad av datorer och av att spela bingo • Har fått symptomen som tyder på någon sjukdom • Känner att han måste få reda på vad det är för sjukdom som han drabbades av, hans sambo är oroad för honom • Pion.se har rekommenderats till honom av hans gamla elev Siw Andersson • 56 år gammal • Är sjukskriven • Grundläggande datorvana, har sin egen webbsida • Tycker om att läsa och teckna • Har Huntingtons sjukdom • Letar efter mycket fakta på internet om sjukdomen för att förstå vad hon har framför sig • Någon har tipsat henne om Pion.se i ett mejl som hon har fått Jonas Karlsson • 23 år gammal • Studerar psykologi vid Göteborgsuniversitetet • God datorvana + erfarenhet • Intresserad av psykologi och böcker och Internet • Är frisk • Behöver leta upp information om olika aspekten inom psykologin, ett skolarbete där de ska redogöra för olika symptom och diagnoser • Pion.se har rekommenderats till honom av hans lärare

10 Svårt att tyda sökresultaten Dålig detaljnivå Dålig färg på länkarna vilket gör att det är svårt att gå vidare till nästa sida Textinställningar räcker inte för de som använder andra webbläsare än Internet Explorer Grafik passar inte ihop med sidans innehåll Tre problem som vi tog upp i våra scenario: • Sökning • Textinställningar • Intryck på grafik Resultat :

11 Layouten måste ändras, ha en genomgående layout på sidan. Länkar som befinner sig på högersidan måste ändras och även att dessa inte ändras beroende vart på sidan man befinner sig. Ändra den grafiska profilen på sidan. Tillföra mer färg, ändra logotyp och göra så att sidan ser färdig ut vilket vi har fått synpunkter på i användartesterna. Ändra layouten där sökresultaten dyker upp. Ha samma layout som Google med tanke på att det är en sida som många känner sig bekväma med och är vana att använda. Göra det mer lättöverskådligt.

12 Ändra sök+ till en mer förståelig innerbörd som t.ex. avancerad sökning eller utökad sökning. Användaren ska inte behöva fundera över vad en sådan grundläggande funktion innebär. Minska antalet steg innan man länkas vidare till sidan där fulltexten finns, detta gäller givetvis endast webbsidor. Fundera på om man ska ha någon sorts navigering på sidan. Förbetra sidans struktur.

13  Bra, tydlig struktur så att det är lätt att navigera samt hitta den information man letar efter.  Grafiskt tilltalande för ögat. Mjuka, ljusa och passande färger som inte är irriterande för ögat.  Enkelhet och konsekvens. Användare ska lätt förstå vart han är.  Grafik som förmedlar webbsidans innehåll men samtidigt gör att man känner att man har hamnat på rätt ställe.  Enkel, originell design. Man ska inte känna att sidan liknar andra kända sökmotorer, man vill gärna återkomma till sidan.  Synliga menyer. Menyerna ska vara så pass bra placerade så att användaren har lätt att hitta dem.  Bra sortering på sidan.  Tydliga, tillfredställande sökfunktioner.

14  Begripligt innehåll. Oavsett vem det är som besöker sida ska han exempelvis förstå betydelse av ord.  Bra formulerad hjälp. Det ska finnas hjälp för sådana användare som är vana vid andra webbläsare än Internet Explorer.  Bra feedback.  Språkval. I detta fal kan det bara vara svenska och engelska.  Tydliga inställningar.  Webbsidan är tillgänglig för alla.  Hänsyn till användare med olika svårigheter.  Förbättra layouten och strukturen där söksvaren dyker upp. Göra det mer lättöverskådligt.  Ändra så att vissa funktioner blir lättare att förstå. Ska inte behöva tänka efter vad det kan vara för något. Exempelvis sök+ till avancerad sökning.

15 Skisser logotyp

16 Färdiga förslag på loggan

17 Förslag på menyer Den utvalda loggan och menyn blev:

18

19

20

21

22

23

24

25

26

27

28

29

30

31


Ladda ner ppt "Interaktionsdesign 1IK403 Projektledning. Bearbetning av webbsida Pion.se med fokus på design och struktur - Produkt-och Sprint loggböcker - Flödesschema."

Liknande presentationer


Google-annonser