# data[].attributes.body
https://projects.invisionapp.com/share/HRGTFGNQE3C#/screens

# data[].attributes.body
https://xd.adobe.com/view/eda9513d-b099-4110-bc34-7496afe6bba5/

# data[].attributes.body
Idag har jag så smått påbörjat Delprov 1 Del B i Grafisk design för webben. Jag har bestämt mig för att göra en bokningssida i mobilen för ett mindre hotell. Jag har strukturerat upp arbetet och kommer arbeta i följande ordning:

- Prototyp A (Skiss)
- Logotyp
- Prototyp B

Under prototyp A kommer jag göra en övergripande skiss för att veta någorlunda hur jag ska förhålla mig framöver. Jag har valt att arbeta i XD.

# data[].attributes.body
https://www.instagram.com/finalv1/

# data[].attributes.body
Jag har nu gjort en väldigt generell skiss på hur jag kan tänka mig att appen kommer att se ut (Se under SKISSER / PROTOTYP 1). Det är helt utan inblandning av grafiskt genomtänkta element och jag har inte heller bestämt mig för om vilket/vilka typsnitt jag ska använda, men nu har jag en skiss att utgå ifrån.

# data[].attributes.body
Logotypen ville jag skulle illustrera något form av hus. Jag ville även testa på att skapa i minimalistisk, och i någon mån futuristisk, stil då jag dras åt det hållet. Det blev i slutändan ett form av hustak som stämmer in med mitt bestämda färgschema (Se logotyp). Jag har valt ett komplementärt färgschema med nyanser av de komplementära färgerna (Se färgschema).

# data[].attributes.body
https://www.instagram.com/explore/tags/uxdesign/

# data[].attributes.body
Jag gjorde research för att hitta ett passande typsnitt till namnet, i detta fall "Lomma hotell". Jag fann det vackra "Commuters Sans" vilket föll mig i smaken. Jag valde dock att göra O:et i Lomma till en halvt anonym men glad smiley, för att namnet skulle sticka ut lite. Tyckte det blev tydligt och stilrent i kontrast till den lite mer utsvävande loggan.

Vidare till att påbörja prototyp 2/B.

# data[].attributes.body
Jag har valt att arbeta i Adobe XD då jag i en tidigare kurs bekantat mig med det programmet.

På första sidan valde jag att lägga till en signifier i form av "Logga in"-text för att användaren lättare ska förstå var man skulle trycka för att logga in. Jag valde även att separera logotyptexten från logotypen, vilket jag hoppas är okej.

På andra sidan har jag gjort en klassisk inloggning med mail och lösenord, samt skapat en knapp som ger användaren hjälp att ta sig vidare in i appen. Det finns även möjlighet till att registrera sig och få reda på sitt lösenord ifall man glömt det.

På sidan tre valde jag att ha med de olika alternativen för att boka en hotellnatt (eller fler) och primära uppgifterna som behövs för en bokning. Även knappen är där för att boka.

På sidan fyra får man en bekräftelse på vad man har bokat.

När jag följer länken till prototypen så fungerar allt som det ska, men när jag ska exportera bilderna från XD märker jag att de tappar lite i färgkvalité. Har testat flera olika inställningar men tar tillfället i akt att göra om appen även i InVision.

# data[].attributes.body
Eftersom jag tappade färgnyans vid export i XD gjorde jag om prototypen i Illustrator och valde att testa Invison för presentation. Jag har förändrat utseendet lite, men till stora delar är det densamma.

# data[].attributes.attachment_link.title
UI/UX Design | Adobe Illustrator cc 2017 | Mobile Apps Design

# data[].attributes.body
Ett mindre hotell som erbjuder övernattningar.

# data[].attributes.body
Vad jag uppskattar i XD är att man kan förändra utseendet direkt i programmet. Man redigerar och gör färdigt prototypen i samma program. Det som jag upplever negativt är att man är begränsad när det kommer till att redigera, åtminstone om man jämför med Illustrator.

Det jag har uppskattat med InVision är att jag har full frihet när jag skapar utseende i Illustrator, med alla de möjligheter det för med sig. Däremot, märker man att man vill förändra något efter att ha lagt in det i InVision, är det lite tidskrävande att göra om det på nytt.

# data[].attributes.body
Såhär långt i utbildningen har man lärt sig att det tar sin beskärda del att paketera inlämningarna och gå igenom så att man verkligen får med allt vilket jag har använt den här dagen till.

# data[].attributes.body
Arbetet inlämnat.