Idag har vi gått igenom wireframing->mockup->prototype, samt hur vi använder Adobe XD för att skapa designs för utvecklare att arbeta efter.
Kortfattat:
Wireframes är en snabb ”draft” i svartvitt utan för mycket detaljer, ( det är dock OK att skriva vad som är tänkt på elementen i wireframingen ).
Mockup är en design där det med detaljer och färger visar hur det färdiga utseendet ska se ut.
Prototype är en Mockup med funktionalitet. Det är basically hur den färdiga produkten förväntas se ut i helhet när den är klar.
Mer om wireframe/mockups/prototypes:
https://medium.com/quick-design/prototypes-vs-mockups-vs-wireframes-9baedbdfd126
Hur man använder Adobe XD:
https://www.youtube.com/watch?v=mtZJUvzQrA4
Workshop – 3pager åt företag.
Dagens uppgift är att skapa en 3 sidors wireframe + mockup + prototype för ett företag. Tänk som utvecklare, inte designers ( visualisera grids ).
Spara ert arbete som adobe XD fil.
Ni lämnar in er workshop här:
https://www.dropbox.com/request/FvYqgzBo5QmbNgm18lif