It has become more important how to communicate via the Internet. It is necessary to highlight interesting features and to capture the visitors interest. Members of Jönköping Sport dance club (JSDK) were not quite satisfied with their website. The purpose of this study was therefore to create a design for a website which met the demands made by the members and also appealed to other visitors.

Det blir allt vanligare att ägare till webbplatser anpassar sin webbplats till lågupplösta enheter som t. ex mobiltelefoner. För att genomföra en anpassning finns flera tekniska alternativ. I denna uppsats har det undersökts vilka tekniska aspekter som kan utgöra eventuella hinder när utvecklare möter webbyråkunders krav på upplösningsoberoende design med en av teknikerna, nämligen responsiv webbdesign. Arbetet innefattar en intervju med en webbyråkund som resulterade i en kravspecifikation som sedan stod till grund för en prototyp, där tekniken responsiv webbdesign testades och utvärderades. På grund av varierande stöd för CSS i skilda webbläsare samt flera webbplatsers komplicerade struktur visar resultatet på flera utmanande tekniska aspekter, som till exempel hanteringen av bilder och iframes. / It is becoming increasingly common for web site owners to customize their site to low-resolution devices such as mobile phones. To implement such an adjustment there are several technical options. This paper examines the technical aspects that can constitute an obstacles for web developers when they meet their customers' demands for resolution-independent design, with responsive web design. The work includes a interview with a client that resulted in a product specification, which then was used as the basis for a prototype. In which responsive web design was tested and evaluated as a technical option. The study revealed several technical aspects that can be challenging,e.g. pictures and iframes,so due to varying support for CSS in different browsers and many web sites complex structure.

In our study, we investigated how the streamed TV domain relates to existing design principles for web design. Further, we have investigated whether there are specific characteristics of the domain that the design principles do not cover. In the survey we have studied two sites which are representative of the streamed TV domain. Finally, we discuss how applicable the design principles are for the domain and the specific characteristics that would require new or further developed design principles. / I vår studie har vi undersökt hur domänen streamad-TV förhåller sig till befintliga designprinciper för webbdesign. Ytterligare har vi undersökt om det finns specifika egenskaper för domänen som inte omfattas av någon designprincip. I undersökningen har vi studerat två webbplatser vilka är representativa för domänen streamad-TV. Slutligen diskuterar vi hur applicerbara designprinciperna är på domänen och vilka specifika egenskaper som skulle behöva nya eller vidareutvecklade designprinciper.

Surfing the web has moved from the stationary computers to mobile devices such as smartphones and tablets. As the technology moves further and more devices comes out on the market this is a trend that will continue. This makes it more important for web developers to adapt and make their websites fit not only for one device. The website needs to fit all devices. Since many of these devices are using wireless connections, the website performance has also become even more important in order to give the users a good experience.   Responsive web design is an approach for designing and developing web pages. By using the three techniques of flexible grid layout, flexible images and media, and media queries, websites can get a design that fits all devices. Responsive web techniques will also make the web page perform better on each device since it makes the web page adapt to its environment. There are several performance techniques that can be applied to a website in order to increase performance and loading time. Responsive web design including performance techniques can together make a great impact on a website's loading speed and user experience.   This thesis embraces this approach for web development. By developing a design theory, a website emerges where these approaches of web development have been implemented. During the development of the website the experiences implementing this approach and techniques is discussed. The website developed for this thesis was able to finish loading below 4 seconds on a mobile device using a 3G connection. We argue that responsive web design and performance techniques can help a website immensely to increase its user experience and performance.

Human-computer interaction problems have been approached by design practitioners and researchers for a few decades now. Usability is an established quality attribute that is used to assess how easy user interfaces are to use. Websites have been determined to benefit from such assessment, and responsive web design (RWD) is a fairly new approach to web design where usability problems have been recognised, and where usability focused research has been carried out. While usability testing can be used to determine how easy a RWD website is to use, it does not provide a detailed psychological model that tells the designer how to design RWD websites that are easy to use. Discoverability is a psychological model within the field of design in general, that can be implemented by designers who want to achieve a good design. No previous research has been carried out with the purpose of exploring how discoverability can be used to improve the usability of a RWD website, and the author of this thesis suggests that there is value in conducting such research, because it has the potential to provide new insight into how RWD websites can be designed in way that makes them easier to use. This thesis approaches the question by conducting a usability test on a RWD website, and uses the results of the test as a foundation for a suggested discoverability focused approach to improving the usability of the RWD website.

The aim of the thesis is to create a comprehensive material that covers the basic knowledge of theory and practices necessary to understand the whole complexity of the Responsive Web Design (RWD). This thesis first focuses on the RWD origin and its two approaches. Furthermore, the work deals with technical solutions of the RWD and technologies that enabled its creation or were found useful for it. This part also mentions tools which simplify the work with given technologies. The next part is devoted to Responsive CSS Frameworks as being the base for creating responsive websites and shows layout examples where two different approaches and frameworks were used. At last an issue of testing responsive websites is discussed.

The goal of this diploma thesis is to conduct analysis of process of web design and to compare two cases, where responsive design was used and where responsive design was not used. In theoretical part, there are explained basic terms and procedures connected with responsive and non-responsive design. In analytical part, the procedures of responsive design are applied to one particular example. Afterwards, two approaches of creating websites and the outputs of it are compared. In the end of the thesis the author compares basic and responsive web approach from different points of view.

The thesis is about the phenomena and benefits of design and development for mobile devices. Theoretical part of the thesis is focused on describing the mobile market's and devices' specifics and their future development and reasoning their values. In-depth description of the methods and problems of mobile applications' design with focus on web applications is included as well as the overview of technologies for mobile web development. Capability comparison of these technologies with the possibilities of native applications are described too. The practical part of the thesis aims to verify these theories by applying them to a real project (news portal). After an implementation part the thesis provides an analysis of the benefits this implementation provided to the project. The main goals of this thesis are providing complex overview of the methods and technologies for mobile web development and the analysis, which verifies the benefits and outcomes of these theories in real practice. Results of this analysis are as well the main contribution of this theses as it provides valuable information about the benefits of described methods on real project which is used by many users. Other contribution is the part describing the implementation which unveils practical information and real problems of described theoretical methods on practical examples.

Att säga hur en B2B-webbsidas design ska utformas för att skapa effektivitet är svårt, men i detta arbete undersöks vilka riktlinjer som finns när det gäller vilket innehåll som kan göra en webbsida mer effektiv. Det finns många skillnader mellan B2C- och B2B-företag och en av dem är B2B-företagens strävan efter en stark och långvarig relation till sina kunder. Att med hjälp av innehållsmarknadsföring skapa innehåll som företagets kunder tycker är intressant blir därför både viktigt och effektivt för just B2B-företag. För att undersöka vad dagens B2B-företags webbsidor innehåller genomfördes en mindre visuell innehållsanalys. Undersökningen visade att dagens B2Bföretag behöver bli bättre på att använda sig av innehållsmarknadsföring som är intressant för just deras kunder, istället för att endast dela information kring företagets egna produkter och tjänster. Bra innehåll kan skapas med hjälp av exempelvis fallstudier, sociala medier och ett väl genomtänkt språk. Det visade sig även att B2B-företag med fördel kan använda sig av en mer personlig kommunikation mot sina kunder genom att exempelvis skriva om ämnen som skapar engagemang hos mottagaren och som företaget själva bryr sig om. / It’s difficult to say how a B2B web site should be designed to create efficiency, but this thesis investigates which guidelines exist as to what content can make a website more effective. There are many differences between B2C and B2B companies, and one of them is B2B companies' pursuit of a strong and longterm relationship with their customers. Using content marketing to create content that the company's customers find interesting therefore becomes important and effective for B2B companies. To investigate what B2B companies websites contain, a small visual content analysis was conducted. The survey showed that today's B2B companies need to be better at using content marketing that is interesting to their customers rather than sharing information about the company's own products and services. Good content can be created using case studies, social media and a wellthought- out language. It also showed that B2B companies can benefit from more personal communication with their customers by for example writing topics that the company cares about which create engagement with the recipient.

Not all designs have the user's best in mind. Dark patterns are web design whose goal is to exploit, deceive and negatively affect the consumer. Based on this, the purpose of this study is to give consumers an increased understanding of how they can be affected by dark patterns in their everyday lives. The question "How effective are dark patterns in e-commerce in order to negatively affect consumers' decisions?" was investigated through the use of a web-based survey. Through this survey, the respondents answered questions about their habits and experiences regarding situations where dark patterns are common on e-commerce sites. The study has focused on dark patterns called hidden costs, hidden information, countdown timers, limited-time messages and low stock messages. The survey has revealed that hidden costs was the dark pattern that most effectively fulfills its purpose of negatively affecting the consumer. Limited-time messages were also shown to have a clear impact on consumers' decision-making when purchasing online. Countdown timers as well as low stock messages were shown to have low efficiency in affecting consumers, meanwhile, data regarding hidden information could not show reliable results and needs further research. / Inte all design har användarens bästa i åtanke. Dark patterns är webbdesign vars mål är att utnyttja, lura och påverka konsumenten negativt. Med detta som grund är syftet med denna studie att ge konsumenter en ökad förståelse för hur de kan påverkas av dark patterns i sin vardag. Frågeställningen "Hur effektiva är dark patterns inom näthandel i sitt syfte att påverka konsumenters besluttaganden negativt?" undersöktes genom användningen av en webbaserad enkät. Respondenterna har genom denna enkät besvarat frågor om sina vanor och upplevelser angående situationer där dark patterns är vanligt förekommande inom näthandelsidor. Studien har fokuserat på dark patterns vid namn hidden costs, hidden information, countdown timers, limited-time messages och low stock messages. Genom undersökningen har det framkommit att hidden costs var det dark pattern som mest effektivt uppfyller sitt syfte att påverka konsumenten negativt. Limited-time messages visades också ha tydlig påverkan på konsumenters beslutstagande vid onlineköp. Countdown timers samt low stock messages visades ha låg effektivitet i att påverka konsumenter, medan data angående hidden information kunde inte visa pålitliga resultat och behöver vidare forskning.