Idag satte vi i gruppen oss och började fila lite på designen för vår produkt. Det var väldigt givande och efter mycket diskussion lyckades vi komma fram till några idéer och skisser som vi ska försöka arbeta vidare på i framtiden.
Startsida:
Den viktigaste aspekten hos startsidan är att det ska vara relativt lite information, och att det ska vara enkelt att förstå vad det är man kan göra. Detta har vi tyckt sedan vi först kom på idén. Därför har vi i skissen endast en huvudmeny med länkar till olika sidor på hemsidan (About Us, Contact etc.) och en ruta med väldigt kort information om tjänsten. Under rutan har vi en lista på populära resor som andra användare har delat med sig av. Man kan sortera den här listan efter betyg, tid osv.
Knappar som det står "Begin" på (detta kommer antagligen att ändras till något mer passande senare) ska vara konsistenta och alltid leda till sidan där man planerar sin resa. Innan man kommer dit får man dock göra ett val: i skissen syns ett pop-up-fönster där skillnaderna mellan att vara registrerad eller inte beskrivs. Vi har tyckt sedan början att det är viktigt att man ska kunna använda sig av tjänsten utan att behöva registrera sig, men vi vill gärna att användarna gör det ändå, så vi erbjuder några "perks" som att man kan spara resor eller rösta på aktiviteter osv. Under informationen kan man sedan välja mellan att registrera sig, att logga in eller att planera resa utan att registrera sig. Väljer man att registrera sig så får man ett bekräftningsmail, sedan kan man gå vidare!
_________________________________________________________________________________
Planering av resa v1:
Skissen ovan är vår första idé för hur sidan där man planerar sin resa ska se ut. Vi gillar upplägget, och det liknar den senare versionen, men vi insåg att det fanns några problem med v1.
En viktig del av vår tjänst är att hela resan planeras på ett och samma ställe. Vi märkte på andra sidor att det är vanligt att man först söker på en aktivitet, sen går man in på aktivitetens hemsida osv. Vi vill att all nödvändig information ska vara samlad på en sida, så att man slipper flytta runt sig så mycket på hemsidan. Därför är designen väldigt dynamisk och ändras mycket beroende på hur man använder tjänsten.
Menyn längst upp är samma som på startsidan (konsekvent).
Rutan i övre vänstra hörnet är den där man skriver in informationen man vet om sin resa: vilket datum är det och vad är dina intressen. Utefter att användaren fyller i sina intressen så ändras rutan till höger, där rekommenderade aktiviteter visas. Den listan går att sortera efter aktiviteternas namn, betyg, öppetider etc. Man kan även söka i listan om man letar efter någon specifik aktivitet.
Rutan med dina intressen är också dynamisk. För att kunna ge bättre rekommendationer har varje intresse flera sub-intressen. Till exempel kan du välja super-intresset "Djur", och sedan välja "Katter" som sub-intresse. Väljer du endast "Djur" så visas alla aktiviteter relaterat till det. Väljer du "Katter" visas endast aktiviteter rekommenderade för det.
Om man vill veta mer om en aktivitet kan man markera den genom att klicka på den. Då öppnas en ny ruta under intresserutan, där man får se mer exakta öppetider, läsa recensioner för aktiviteten osv.
Längst ner på sidan sitter schemat. Schemat är anpassat för att visa ungefär 7-10 dagar på samma sida, men man kan även scrolla i sidled om man ska vara borta längre än så. När man markerat en aktivitet så "lyser" de tidsluckor i schemat där aktiviteten passar in (med öppetider i åtanke) upp. Det här hjälper användaren se om hon kan gå på en viss aktivitet eller om den tyvärr inte passar in i hennes resa.
Det största problemet med denna design är rutan med extra information om aktiviteter. Vi tyckte att den inte var tillräckligt stor för att visa all den information som vi ville ha. Helst av allt vill vi att informationen ska vara tillgänglig även utan att man ska behöva scrolla ner, och om vi har flera recensioner kommer det vara svårt att uppnå. Därav v2:
_________________________________________________________________________________
Planera resa v2:
Den här versionen har mycket mer fokus på att visa mer information på ett bättre sätt än v1. Uteslutet från skissen är huvudmenyn som fortfarande ska ligga längst uppe på sidan och innehålla länkar till startsidan, kontaktinformation och så vidare.
Den största skillnaden mellan v2 och v1 är att vi i v2 har gjort aktivitetsfönstret mycket större. Intressefönstret ligger fortfarande åt vänster, eftersom vi kände att det är logiskt ur ett designperspektiv (man läser från vänster till höger, så man börjar med att välja intressen och får resultat i aktivitetsfönstret).
När man väljer en aktivitet i v2 får man istället för en liten ruta upp ett pop-up-fönster. Inte i ett nytt fönster i webbläsaren, utan som en sida som läggs "ovanpå" intressefönstret och aktivitetsfönstret och schemafönstret. Bakgrunden blir gråskalig för att man ska förstå att den är "avaktiverad". I pop-up-fönstret (som kan ses i skissen nedanför) får vi plats med mycket mer information, då vi kan utnyttja hela sidan istället för endast en bråkdel av den. Vi kan därmed visa fler recensioner.
En aspekt som vi inte riktigt lyckades enas över var ifall schemat skulle gömmas bakom pop-up-fönstret eller inte. En del av gruppen ansåg att man klickar på aktiviteter för att se information om dem, och inte för att lägga till i schemat (som förresten görs via att man drar i aktiviteten och släpper den i schemat, någonting som vi tyckte skulle vara svårt att implementera för när pop-up:en är uppe). En annan del av gruppen tyckte att schemat var den viktigaste delen av sidan och att den alltid skulle vara synlig så att användaren hela tiden vet vilka tider hon kan passa in aktiviteter i. Vi har inte kommit överrens om detta ännu, men bestämde oss för att designa v2 ur den första gruppens tanke.
Pop-up-sidan skulle se ut någonting likt denna skiss:
Vi kommer säkert att upptäcka fler fel i våra designs, men för nuvarande är vi väldigt nöjda med vår insats!
