Idag hade vi ett möte för att påbörja jobbet på prototypen. Vi gick igenom varje skärm, och antecknade alla sätt som man kan interagera med respektive skärm och vad dessa interaktioner ska leda till, för att se till att vi alla är överens om vad som ska hända och för att ha det samlat på ett ställe nu när vi påbörjar arbetet på high-fidelity-prototypen.

 === Startsida ===
 
  * Klicka på Login             => Tar fram login-popup och dimmar det som är under
                                   för att informera användaren om att de undre
                                   knapparna är inaktiverade
  * Klicka Sök i sökrutan       => Tar fram kartresultat  
  * Skriva/Klicka i sökrutan
  * Klicka på Hjälp             => Mer popups! Enkel hjälpsida. Back för att backa.
  * Pinch-zoom i tagcloudet
  * Klicka på tags              => Skriver in taggen i sökrutan
  * Trycka på Bookmarks         => Till kartresultat-skärmen  
  * Trycka på Share             => Tar fram inloggning, sedan tar fram Share-sidan
 
 === Share ===
  * Klicka på bilden            => Ta bild från kamera/filsystem
                                   Bilden ändras till den valda.  
  * Gråtext "Name of place"     => Gråtexten försvinner och man kan skriva   
  * Gråtext "Description"       => -----||----
  * Klick på tag-område         => Får fram tag-popup (bild senare)
  * Tag-område är vertikalt scrollbart
  * Klick på kartområde         => Får upp karta där koordinat kan ändras
  * Lägg till klar-knapp        => Posten läggs till i databasen
  * Tryck på Find               => Till Startsidan
 
 
 === Login-popup === (Overlay)

  * Flytta login upp
  * Toggleknappar för Facebook och Google som
    vilket konto man loggar in med.
  * Skriva i username
  * Skriva i password
  * Trycka på Login
  * Lägg till avbryt-knapp som avbryter => (tillbaka till startsida)
  * Vid faillogin kommer det upp rödtext
  * Klicka under overlayet för att avbryta också

 === Kartresultat ===
  * Swipea ut lista från höger-sak eller klicka på flärpen
  * Pinch-zoom (och inte pinch-zoom) och panning  
  * Klick på blob               => Få upp google maps-bubbla
                                    För grupper är det en lista på platser samt zoom-knapp
                                    För enskild plats fås bild fram samt beskriving och gå till post-knapp
                                   De bubblor som är öppna hamnas överst i listvyn och highlightas på något
  * Kryssknapp för bubblor
  * Inloggningsknapp            => Ta fram login-popup
  * Bakåt-knapp                 => Gå till startsidan
  * Sök-knapp                   => En popup (sökruta, innehåller den senaste sökningen)
  * Min positions-knapp         => Fokusera kartan på ens plats
 
  * Tryck på listelement        => Gå till post
 
 === Postsidan ===
  * Tryck på Koordinat-knapp    => Öppna i extern kartapp
  * Trycka på upvote/downvote
  * Tryck på "sök på närliggande platser" => Gör ny sökning med centrum på aktiva posten.  
  * Swipe till höger/vänster    => Ändra aktuell post
  * Klick på taggar             => Sökning?
  * Scroll på taggar (vertikal och horisontell/marqueeee?)
  * Tryck på Rapportera inlägg  => Öppna rapport-popup
  * Tryck på Rekommendera besk.
  * Tryck på Ja/Nej i Frågan    => Ta bort Frågan (ersättning med
  * Tryck på bokmärke           => Knappen ändrar utséende
 
  * Tryck på Bakåt              => Resultat
  * Inloggningsknapp            => Ta fram login-popup
 
 
=== Rapportera inlägg-popup ===
  * En rullgardin där kategorier kan väljas
  * Textfält för kommentarer under.
  * Avbryt och Rapportera-knappar
 
 
=== Allmänt för popups ===
  * Skärmen under dimmas
  * Klicka utanför för att stänga.
  * Swosha ner eller poppa upp?  
 
=== Beslut om bakåt-knapp === (åter igen)

Från en skärm så länkar bakåtknappen alltid till en annan specifik skärm. Den varierar inte baserat på historik. Vi valde detta för att vi inte vill att man ska behöva backa igenom en massa sökresultat för att komma dit man vill, och göra det tydligt hur man kommer tillbaka till t.ex. hemskärmen

Sökhistoriken löste vi istället genom att lägga in den i sökdialogen.

Ex:

Inne på Vasamuséet. Väljer närliggande platser och den gör en ny sökning. Nu är Vasamuséet centrerad och dess bubbla är öppnad från början så man kan enkelt gå tillbaka till Vasamuséet igen. Bakåt gör alltid en sak, som en riktad graf. Nu är det beslutat att bakåtknappen inte är en stack.

 
   
Vi började evaluera olika wireframe-verktyg bland annat Fluid UI (på bild), Balsamiq samt klipp-och-klistra-HTML+javascript. Just nu verkar vi luta mot Fluid UI, men innan vi fattar ett slutgiltigt beslut så ska vi titta lite noggrannare på vad som rekommenderas av bland annat boken, föreläsningarna och Google.

Från
    Kom ihåg mig
URL

Säkerhetskod
     

Kommentar

   Jag vill börja denna utvärdering med kritik eftersom det är psykologiskt tilltalande att börja med det negativa för att sedan gå över till något positivt och lämna läsaren med en naggande god sötma i sinnet snarare än tvärtom. Eftersom detta dessu...

Under övningen fick vi titta på Grupp 3:s projekt. De har designat en mobilapplikation liknande vår, som ska ge förslag på platser som turister kan besöka under deras tid i Stockholm. Det är värt att notera att gruppen hade redan vid utvärderingstill...

Nu har utvecklingsuppgiften nått sitt slut och vi har redovisat vår produkt för klassen. Om vi hade varit ute i arbetslivet kanske detta blott hade varit en startpunkt för en ny process och nya försök att hitta förbättringar inför nästa genomgång, me...

  Här har vi Benjamin!

I fredags träffades vi för att göra klart det sista på prototypen. Det visade sig att vi överskattat mängden tillgängligt utrymme på en mobilskärm, och vårt gränssnitt var definitivt för komplext för att få plats på skärmens yta på ett sätt som är fu...