The market for new devices is expanding, while older devices and browsers still remains. This makes it problematic for designers and developers to know what screen size and device that is used by the visitor. Previously , this has often been handled by creating a separate mobile site , but since we are no longer limited to a few screen sizes , this becomes untenable. The designer / developer then would have to create different web pages for all devices. One popular solution to this is responsive web design, which is based on a flexible and dynamic interface that automatically adapts to the visitor's screen size. Although responsive web design has had a major impact on the web , it is still a new area which is reflected in the lack of research on the subject. The rapid development of the area has also led to that the designers and developers have had to quickly adapt interfaces and techniques as they no longer work for all user situations.

The purpose of our study was to increase the understanding about responsive web design, and how this can be adapted to improve the usability and user experience . We have chosen to evaluate different, responsive interface to find guidelines that can be the basis for future, responsive web pages. Our research question is therefore :

"How can responsive design be optimized for an improved user experience and greater usability?"

The main findings in our study is partly that it is very important that the user perceives the website as consistent and recognize both the design of aesthetic elements and the interface, regardless of platform. We were also able to say that it is important for the designer / developer to prioritize the content and maintain margins and distance even on the smaller screens, allowing users to create a good overview and therefore get a better user experience

Marknaden för nya enheter expanderar, samtidigt som äldre enheter och webbläsare fortfarande återstår vilket gör det problematiskt för designers och utvecklare att veta vilken skärmstorlek och enhet som besökaren använder. Tidigare har detta ofta hanterats genom att man skapat en separat mobilsida, men då vi inte längre är begränsade till några få skärmstorlekar blir detta numera ohållbart eftersom designern/utvecklaren behöver skapa olika webbsidor till alla enheter. En populär lösning till detta är responsiv webbdesign, som bygger på ett flexibelt och dynamiskt gränssnitt som automatiskt anpassar sig efter besökarens skärmstorlek. Trots att responsiv webbdesign har haft stor påverkan på webben så är det fortfarande ett nytt område vilket återspeglas i bristen på forskning inom ämnet. Den snabba utvecklingen av området har dessutom lett till att designers och utvecklare snabbt har behövt anpassa gränssnitt och tekniker då dessa inte längre fungerar för samtliga användarsituationer.

Syftet med vår undersökning har varit att öka förståelsen responsiv webbdesign, och hur detta kan anpassas för att förbättra användbarheten och användarupplevelsen. Vi har valt att utvärdera olika, responsiva gränssnitt för att på så vis hitta riktlinjer som kan ligga till grund för hur framtida, responsiva webbsidor designas. Vår frågeställning lyder därför:

"Hur kan den responsiva designens utformning optimeras för en förbättrad användarupplevelse och högre användbarhet?".

De viktigaste slutsatserna i vår studie är delvis att det är av stor vikt att användaren upplever webbsidan som enhetlig och känner igen såväl de estetiska elementens utformning som gränssnittets, oavsett plattform. Vi kunde även konstatera att det är viktigt för designern/utvecklaren att prioritera innehållet samt bibehålla marginaler och avstånd även på de mindre skärmarna så att användarna kan skapa sig en god överblick och på så vis få en bättre användarupplevelse