Från fixed till responsiv : Responsiv design av en statisk webbplats

Den här rapporten förklarar tillvägagångssättet för framtagningen utav en responsiv design till webbplatsen Projects & Staff, en webbplats som tidigare hade en fixed design. Projektet består utav två leveranser, hi-fi prototyper skapade i Adobe Illustrator och Adobe Photoshop samt en färdig...

Full description

Bibliographic Details
Main Author: Andersson, Viktor
Format: Others
Language:Swedish
Published: Södertörns högskola, Institutionen för naturvetenskap, miljö och teknik 2015
Subjects:
Online Access:http://urn.kb.se/resolve?urn=urn:nbn:se:sh:diva-27639
Description
Summary:Den här rapporten förklarar tillvägagångssättet för framtagningen utav en responsiv design till webbplatsen Projects & Staff, en webbplats som tidigare hade en fixed design. Projektet består utav två leveranser, hi-fi prototyper skapade i Adobe Illustrator och Adobe Photoshop samt en färdig mobilversion utav webbplatsen, utvecklad med CSS3. Under projektets gång har jag designat för användarupplevelse och användbarhet, två områden som är viktiga inom responsiv webbdesign. Jag har utfört en förstudie i form av en webbplatsanalys, gjort en PACT-analys samt användarintervjuer. Detta för att definiera behoven som fanns för en responsiv design, samt att få en tydlig bild av användare och deras vanor. Målet med projektet har varit en responsiv webbdesign som representeras väl på olika enheter, speciellt smartphone, ett mål som jag lyckats bra med att uppnå. === This report explains the approach for the making of a responsive design to the website Projects & Staff, a website that previously had a fixed design. The project consists of two parts, hi-fi prototypes created in Adobe Illustrator and Adobe Photoshop as well as a complete mobile version of the website, created with CSS3. During the project I have designed for user experience and usability, two areas that are important to responsive web design. I have conducted a feasibility study in the form of a website analysis, made a PACT analysis and user interviews. This to define the needs that existed for a responsive design, and to get a clear picture of the users and their habits. The goal has been a responsive web design represented well on different devices, especially smartphones, a goal that I have done well with achieving.