Interaktiv Prototyp

Vi har börjat arbeta på en interaktiv prototyp i Balsamiq. Vi bytte snabbt ifrån Pop, eftersom den ofta misslyckades med att uppfatta de kanterna vi ritat upp som separata knappar. Vi testade även Fluid UI, men vi upplevde att det fanns en hel del problem med det. Så för att inte spendera mer tid på att välja verktyg valde vi Balsamiq.

Det enda problemet som vi ser med Balsamiq är bristen på animationer, vilket gör att vi inte kommer kunna illustrera där man drar bort korten, vi får se om vi kan hitta någon väg runt det.

Vi har delat in prototypen i följande sidor:
Startsida:
Presenterar kort, ordningen på korten baseras på vilket kort som är "viktigast". Som vi nämnt tidigare är korten det centrala för vår designlösning. De ger en tydlig yta som kan presentera relevant information, det gör att de sidorna som använder de blir konsekventa. De har fördelen att de är inbjudande, i den bemärkelse att det är rätt tydligt att de kan flyttas.

Om korten mot förmodan inte skulle vara aktuella kan användaren klicka på meny-knappen i vänstra hörnet för att bli tagen till Menyn.

Meny:"Fälls" ut från vänstra sidan, och presenterar en lista med olika kategorier. Här finns även ett sökfält och möjlighet att ändra applikationens inställningar. Den här menyn har baserats på Facebook, i hopp om att den ska vara familjär för så många användare som möjligt. Vi tror att det kommer minimera tiden det tar för användare att lära sig använda just den här funktionaliteten.


Hotels:Om Hotell-kortets förslag inte är aktuella kan användaren välja att gå till denna meny.

Här presenteras nya kort, som representerar olika kategorier som närhet, budget och högst kvalité. Varje kategori visar två alternativ, som presenteras med namn, stjärnor (kvalitét) och avstånd.

Hotel-Details: Låter användaren se mer information om det valda hotellet.

Hotel-Book:En liten meny där användaren får ställa in alternativ för bokningen, och därefter boka ett hotellrum.

Hotel-Book-Confirmation:Pop-up som presenteras för att minimera risken att användaren gör fel.

Restaurants:I stort sett identisk med Hotels, med den enda egentliga skillnaden att stjärnorna är ersatta med dollartecken, som representerar prisklass.

Restaurant-Details:
-

Taxi: 
Låter användaren beställa en taxi. Destinationen kan antingen skrivas in, eller väljas från en interaktiv karta. Användaren kan också välja tid för bokningen.

Taxi-Book-Confirmation:
-

Wallet-History:Presenterar transaktionshistorik, och kontosaldo. Användaren kan välja vilken valuta som presenteras. Det finns också en knapp som leder vidare till Wallet-Adjust balance, där användaren kan lägga in nya utgifter, med en beskrivande kommentar. Användaren kan också uppdatera sitt saldo (om hen t ex tagit ut mer pengar).