2 new proposals based on the parallell design

Vi gjorde två nya förslag utifrån dessa två low-fiedelity prototyper som vi skapade under parallell design.
Först konstaterade vi att de appar vi gjorde under övningen är relativt lika och vi är nöjda med dess funktioner. Appen ska inte tipsa dig - Du styr appen!

Förslag 1

Högst upp ska det alltid stå var man befinner sig, “Här är du: gata/stadsdel”. Vi märkte i intervjuerna att många turister i Stockholm som vill utforska nya områden har lite dålig koll på stadsdelar vilket gör att vi ville att personer som använder appen alltid ska veta var man är.

Startskärm: Överblick av Stockholm där stadsdelar är tydligt markerade. Denna är vald från "crazy" design från paralell design.

Startskärm

Längst ner finns en navigations bar. Här beskriver vi dess funktioner (från vänster):

Karta: Våra personas, primär och sekundär, bygger på att ingen vet så mycket om Stockholm. I interjuverna så fick vi reda på att det är ganska svårt att hitta i Stockholm. En kartfunktion är därför väsentlig i vår app vilket vi noterade när vi gjorde våra functions. Ett annat problem som är med i scenariona är att hitta toaletter, bankomater och tunnelbanan, därför finns det 3 ikoner högst upp på kart-skärmen där man kan välja vad man söker och dessa high-lightas sedan på kartan. Den här delen är vald från "crazy".

Kartfunktion

SL: Baserat på våra interjuver så var Sl-systemet ganska svårt att förstå. Alma och Pontus reser även de med Sl i våra scenarion så vi anser att det är viktigt att man alltid kan komma åt den funktionen lätt. När man klickar på sl-ikonen i listen får man valet att söka resa (kan även välja transportmedel, buss/tunnelbana/promenera). Här kan man även välja att få hjälp att välja biljett genom att trycka på biljetthjälpen, vilket tar en till en separat skärm som hjälper dig med bästa biljettvalet. Den är funktionen fanns med i båda versionen, vi valde dock att behålla biljetthjälpen från förslag 1 i parallell design.

Biljett/SL-funktion

Informationsknapp: Baserad på förslag 1 i parallell design. Om man ska våga prova lite nya delar i Stockholm så vill man gärna veta lite mer om den innan man åker dit. I våra scenarion så ville både Pontus och Alma utforska nya områden. Den här funktionen hjälper dem att få en överblick var man ska.

Kartöverblick på hur stadsdelarna ligger i förhållande till varandra. När man klickar på en stadsdel så kommer man in på en informationsskärm där man kan se:

• En kort beskrivning om stadsdelen man valt finnas
• En ikon från stadsdelen som berättar om sina pärlor
• En lista med ex på butiker
• "Ta mig hit knapp" som tar en till sl-knappen. Från: nuvarande plats, till: vald stadsdel. Ingår en detaljerad beskrivning (endera tunnelbana (vilken uppgång du ska använda informeras om), buss eller gå). 

Informationsknapp om stadsdelar

Anteckningslista: Möjlighet att checka av grejer man köpt. En egenpåhittad funktion då vi själva anser att det är viktigt att komma ihåg allt man ska shoppa om man som tillexempel Alma ska köpa en ny höstgarderob. Man vill ju inte glömma något!

När man bockat i att man köpt t.ex. en tröja så kommer valet upp att fylla i vilket butik man köpt den på, möjlighet att geotagga butiken så du kan komma ihåg var butiken ligger.

Det ska även finnas en historik-knapp där alla butiker du handlat i kommer upp sorterat på populäraste först (där flest antal köp gjorts). Där kan du även klicka på butiken och få fram vad du köpt; byxor, tröja etc.

Anteckningslista

Sök-knappen placeras längst till höger ty det är en vanesak. Kunna söka på butiker, områden, gator etc. Alltid smidigt med en sökfunktion vilket vi själva fick reda på under state-of the art-analysen.. Pontus använder den funktionen i sitt scenario.

Sökfunktion

Förslag 2

I vår "mergeade" version så bestämde vi oss för att utgå från kartan (crazy version) återigen. Detta för att vi fortfarande anser att denna app ska användas "on the run", på stan. T.ex. vid behov av att snabbt hitta toalett som i scenariet. 

Vi behåller våra filterknappar i övre delen av skärmen: toalett, tunnelbanehållplatser, bankomat, sedan bestämde vi oss att flytta "city-view" knappen upp hit då vi anser att den representerar filterknapparna, denna funktion kommer i övrigt funka som innan. Dessa knappar fungerar på samma sätt som i den tidigare "craze versionen" alltså genom att markera på kartan med "pins" i respektive färg var toalett/bankomat finns nära din position på kartan. Vi vill att dessa funktioner (informationen) lättillgängligt skall visas bara genom ett knapptryck eftersom personen rör sig på stan och vill att det ska gå snabbt.

Hemskärm/Kartvy

City-view

I nedre delen av skärmen valde vi att använda oss av knappmenyn från "basic-versionen", en "där-du-är knapp", klickar du på den kommer du direkt till din position på kartan som markeras genom en symbol. Bredvid finns en "shopping-knapp", denna funktion valde vi att gå in lite extra på eftersom våra personas i sina scenarion är ute efter en viss typ av plagg de vill shoppa. Detta kom vi fram till:

Trycker man på shoppingknappen kommer du till en shopping-meny-sida med två alternativ: kläder eller mat. Denna sida tänker vi att våra personas främst kommer använda när de har en stund över och vill söka lite extra information. Du väljer ett av dessa alternativ som du vill veta mer om och så kommer två möjligheter att filtrera din sökning. T.ex: du väljer kläder, då kommer första "roll-down"menyn med möjlighet att välja genre/stil. Alma väljer vintage, eftersom hon är ute efter en vintage-klänning. Hon får sedan möjligheten att sortera sina sökningsresultat vid en annan "roll-down"meny där hon kan välja: närhet, popularitet, A-Ö, stadsdel. Alltså, hon kan få upp alla vintage-butiker nära henne, eller hela listan från A-Ö, eller på Östermalm, där hon ska befinna sig på eftermiddagen hon shoppar. På samma sätt kan du söka efter matställen och filtrera dina sökresultat efter önskemål.

Shoppinglista/Matlista med sökfunktion

 

Slutsats 

Baserat på våra två förslag kom vi fram till att bygga vidare med Förslag 1, detta för att den var lite mer utarbetat. Dock så var båda förslagen ganska lika och några funktioner som fanns med på Förslag 2 ville vi verkligen ha med på förslag 1.Vi har därför gjort en slutgiltig version som är baserad på förslag 1 men med vissa justeringar då vi önskade att göra ytterligare några modifikationer.

Final Design

Efter mycket skapande av olika Low-Fidelity prototyper i olika steg så kom vi fram till följande justeringar sedan förslag 1:
- "Du är just nu på gata/stadsdel" är bortplockad. Detta för att appen alltid används ute på stan vilket gör att det inte kan vara för mycket saker på skärmen. Det ska vara lätt och läsa allt och lätt och klicka.
- Kartan: Tillagt en sökfunktion så man snabbt kan få fram butiken på kartan. Detta är nu hemskärmen istället för stadsvyn då det viktigaste för turister är att lokalisera sig och lätt kunna komma åt kartan.
- Shoppinglistan: Historiken bortplockad då det blir för rörigt för användaren.
- Info om stadsdelar, lista på butiker bortplockad, nu är det endast info om stadsdel, ikoner "tipsar", ta-mig-hit knappen är kvar. Listan på butiker är bortplockad för våra personas snarare utgår från en stil att söka butiker än att specifikt leta efter butik. 
- Sök-knappen har ersätts med en filtreringsknapp. Sök-knappen finns nu under hemknappen (kartknappen). Nu kallas knappen "butik-knapp". Där kan man filtrera mellan kläder och mat eftersom det är de personas i våra scenarios oftast letar efter. Sedan väljer man olika typer av filter, så som "vintage", "budget", "high-end", "sport" osv. Våra personas är ute efter ganska specifika klädstilar, så som vintage eller sportiga, det gör att man vill kunna få fram dessa typer av butiker lätt. Man kan även välja sortering sedan, "avstånd", "bokstavsordning" osv. 

Detta visar dels att vår metod low-fidelity varit "lyckad" då vi utvärderat och förändrat vår design allt eftersom. 

Hälsningar,
Cecilia, Julia, Maja, Sofia, August och Oscar