When it comes to web-based user interfaces and web design, one of today’s trends is to use informative and storytelling animations. They can be used as tools for communication, simplifying the interaction, or guiding the user’s attention. However, those animations used in a web- based user interface can slow down the interaction and the user flow and become a distraction for the user. Three popular informative and storytelling animations that are used in web design are: background video, animated slideshows, and parallax scrolling. In order to understand what effect these informative animations have on the users’ reading comprehension on websites — four prototypes were created in Adobe Muse. A user study in form of an A/ B testing followed by a questionnaire were conducted, showing that the three different animations affected the reading comprehension negative. While they at the same time also brought an entertaining feeling to the user experience (UX).

There has recently been an emergence of new devices in which users can access the web. These devices have significantly smaller screen sizes than the more common desktop. This results in that the approach to designing web content has to be changed. The approach to design web content that adapts its visual layout to different screen sizes, is referred to as Responsive Web Design. Ida Infront is a company that develops systems and solutions for informationintensive businesses. They are currently examining how to design a layout editor that can be used to define responsive design for web-forms. The purpose of this project is to design and implement a prototype of such a layout editor, which will then be evaluated by Ida Infront. The project is divided into two phases, starting out with the research process, followed by the prototype design process. In the research process, the following is examined: structure of the XML file describing web-forms, Responsive Web Design techniques and technologies appropriate for the layout editor. In the prototype design process, a layout editor prototype allowing responsive design for web-form components, is designed and implemented. The responsive design configuration is added to the web-form XML file. We found that Bootstrap is a suitable technology to define responsive design of web-forms, since placement of web-form components can be translated into a Bootstrap grid system. The resulting layout editor prototype allows responsive configuration in Bootstrap. This is done by utilising the grid system as the underlying structure for placement of web-form components. The prototype also allows configuration for each of the four Bootstrap device classifications, named xs, sm, md and lg. Position and size of webform components are stored for each Bootstrap device classification. The resulting responsive configuration is added into the existing XML file for the web-form. / Den senaste tiden så har det uppkommit nya enheter som man kan komma åt webben med. Dessa enheter har betydligt mindre skärmar än de mer vanliga stationära enheterna. Det har resulterat i att sättet man designar webbinnehåll måste ändras. Metoden att designa webbinnehåll så det anpassar sin grafiska utformning efter olika skärmstorlekar kallas för responsiv webb design. Ida Infront är ett företag som utvecklar system och lösningar för informationsintensiva verksamheter. De undersöker just nu hur man designar en layout editor som kan användas för att definiera responsiv design för webb-formulär. Syftet med detta projekt är att designa och implementera en prototyp av en sådan layout editor, som sedan kommer utvärderas av Ida Infront. Examensarbetet är uppdelat i två faser, det inleds med forskningsfasen och efterföljs av prototypfasen. I forskningsfasen undersöks följande: strukturen i XML filen som beskriver webb-formulär, olika tekniker för responsiv webb design och lämpliga teknologier att använda i en layout editor. I prototypfasen, designas och implementeras en prototyp som gör det möjligt att definera responsiv konfiguration för webb-formulär. Konfiguration för responsiv design läggs till i den befintliga XML filen. Vi kom fram till att Bootstrap är en lämplig teknologi för att definera responsiv design för webb-formulär. Eftersom placeringen av komponenter i webb-formulär kan översättas till Bootstraps rutnät. Den resulterande layout editorn gör det möjligt att definera responsiv design i Bootstrap. Detta genom att använda Bootstraps rutnät som underliggande struktur för placering av webb-formulärets komponenter. Prototypen gör det också möjligt att konfiguera för var och en av de fyra Bootstrap enhets klasserna, namngivna som xs, sm, md och lg. Position och storlek för webb-formulärets komponenter lagras för varje Bootstrap enhets klass. Den resulterande responsiva konfigurationen läggs till i den befintliga XML filen för webb-formuläret.

Digital services are increasingly offered across multiple devices for a single user. A challenge for users is that multi-device services are more complex to use. While instructions are supposed to facilitate ease of use of the services, poorly designed instructions become obstacles themselves. This project explores considerations for designing digital instructions of setting up multi-device services. This is done through a user-centred approach by (1) understanding the user expectations and pain points when setting up a multi-device service, (2) designing solutions that align with user expectations and aid in overcoming pain points, and (3) a reflection of the design process and the resulting design solution. To conclude, a set of design recommendations are contributed for designers to arrive at intuitive instructions that facilitate users with setting up multi-device services. / Digitala tjänster erbjuds allt oftare på flera olika enheter för en och samma användare. En utmaning för användare är att det är mer komplicerat att använda tjänster på flera enheter. Även om instruktionerna är avsedda för att underlätta användningen av tjänsterna blir dåligt utformade instruktioner själva ett hinder. I detta projekt undersöks överväganden för utformning av digitala instruktioner för installation av tjänster på flera enheter. Detta görs genom ett användarcentrerat tillvägagångssätt genom 1) att förstå användarnas förväntningar och utmaningar när de installerar en tjänst på flera enheter, 2) att utforma lösningar som möter användarnas förväntningar samtidigt som de hjälper användarna att bemästra utmaningar, och 3) en reflektion av designprocessen och resultatet av designlösning. Avslutningsvis ges en rad rekommendationer för hur designer kan ta fram intuitiva instruktioner som underlättar för användarna att installerar tjänster på flera enheter.

With the coming of the web a brand new type of client-server applications based on standard web technologies has started to appear. These technologies are available on an overwhelming majority of client stations and don't need any additional software to be installed. As a result web applications have gained popularity among both users and developers and are currently deployed not only on the Internet, but also on company intranets. Considering present expansions of such applications it is important to summarize tested and approved approaches usable in their design. And it is this particular work that describes the chosen design patterns applicable in web applications development and demonstrates their usage on both concrete existent systems and a custom sample application.

Web accessibility is something that affects all public actors in society. In this research the focus is on dyslexic users and Swedish authorities and how they follow the guidelines according to WCAG (Web Content Accessibility Guidelines). Swedish authorities have an obligation to maintain good accessibility in conformity with the DOS law (Accessibility to Digital Public Service)(2018:1937). Having the diagnosis dyslexia means that the person has a disability linked to speech and writing, this is a common disability not only in the world but also in Sweden. In this study 20 Websites of Swedish Authorities have been checked against 8 of the guidelines in WCAG that are relevant for dyslexic individuals. It turned out that 50% of the authorities met all 8 guidelines and that 50% failed to meet one or more of these guidelines. There is a need for further work on maintaining good accessibility for the web, and further research to develop individual adaptations on the web for people with dyslexia. This can also provide conditions for increasing accessibility for all groups in society. / Tillgänglighet för webben är något som berör alla offentliga aktörer i samhället. I denna undersökning ligger fokus på dyslektiska användare och Svenska myndigheter och hur de uppfyller riktlinjer enligt WCAG (Web Content Accessibility Guidelines). Svenskamyndigheter har en skyldighet att upprätthålla en god tillgänglighet enligt DOS-lagen(Lagen om tillgänglighet till Digital Offentlig Service)(2018:1937). Att ha diagnosen dyslexi innebär att människan har ett funktionshinder kopplat till tal och skrift, detta är ett vanligt förekommande funktionshinder inte bara i världen utan även i Sverige. I denna studie har 20 svenska myndigheters hemsidor kontrollerats utifrån 8 olika riktlinjer från WCAG som är relevanta för dyslektiker. Det visade sig att 50% av myndigheterna uppfyller alla 8 riktlinjer och att 50% misslyckats att uppfylla en eller flera av dessa riktlinjer. Det behövs därför vidare arbete kring att upprätthålla en god tillgänglighet för webben, och vidare forskning för att utveckla individuella anpassningar på webben för personer med dyslexi. Detta kan också ge förutsättningar att öka tillgängligheten på webben för alla grupper i samhället

Online stores today need to be attractive to compete on the rapid growing market of online businesses. Standardized online store software solutions sold from IT companies to small businesses are also growing making it easier for anyone creating an online store. Less attention has been paid to how well these software solutions help the administrators to create a competitive online store regarding the administrator’s limited knowledge about usability and web design. This research intends to develop knowledge about how well two online store solutions perform from evaluation criteria within online shopping, usability and web design and how an online store solution for small businesses can benefit from a comparison with another online store solution sold to a larger range of businesses. The two products are evaluated and compared through Heuristic evaluations and A/B testing with 5 usability experience (UX) experts and analyzed with Trend analysis. The results show strengths in the solutions where they both were easy to learn, had easy access to help and good tools for creating loyal customers and weaknesses in inspiring, navigation and lack in mobile adaption. The findings suggest how the online store solution for small businesses can improve their statistics and design colors from the comparison of the larger product. A limitation in the study is that all evaluators come from the same team. For future work more cultural studies can be conducted for online stores in western countries, and user tests with administrators of online shops.

No description available.

Accessible web design is crucial for creating equal access to the internet for everyone. While numerous guidelines and standards exist to promote accessibility, it is often of low priority among professionals and unfortunately many websites remain inaccessible to people with disabilities. Accessible web design is often seen as a checkbox task, believed to decrease usability for people without disabilities, to result in less attractive designs, and be economically challenging to justify. Previous research has disproved some of these beliefs by demonstrating that accessible design enhances usability for all users. However, there remains a gap in research regarding the economic incentives associated with accessible design.  Therefore, this thesis aimed to investigate the impact of accessible web design on purchase intentions and customer experience. This was done by evaluating and redesigning an existing website for accessibility and subsequently conducting comparative testing between the two versions of the website.  The comparative testing consisted of A/B and user testing. Purchase intention was measured using statements derived from prior studies, alongside statements measuring concepts related to purchase intention. Furthermore, the customer experience was assessed using the After Scenario Questionnaire (ASQ), the System Usability Scale (SUS), and conducting user interviews.  The results show that accessible redesign positively influences purchase intentions and indicate that one possible primary contributor to this is an increase in information quality on the website. The customer experience showed no significant differences between the two versions, although user interviews revealed a small rise in user preference for the more accessible version.  In conclusion, this study shows that a redesign with a focus on accessibility increases user intentions to purchase while at the same time not decreasing the customer experience on the website. Hopefully, these results can contribute to creating a more accessible web for all users.

This paper aims to examine what the differences is between the three application types, native, hybrid and web. The main focus will be placed on the web app and investigate whether it could be an alternative to native and hybrid app. To explain what a web app has the capacity to do, a web app is created in wordpress. Web development is moving forward, which is obviously positive. The problem may be, however, for companies that come from a completely different industry and who wish to develop a new web solution for their company. A native app can be a very expensive investment and it is far from all companies that can pay this. This study wants to find out if a web app, could be an alternative to the native app. Furthermore, the report will examine what the possibilities are for a web app and what existing web apps there is today. Furthermore, a simple price comparison between the different app types to be made. / Den här rapporten syftar till att undersöka vad skillnaden är mellan de tre applikationstyperna, native, hybrid och webb. Störst fokus kommer att placeras på webb appen och undersöka om denna skulle kunna vara ett alternativ till native och hybrid appen. För att redogöra vad en webb app har kapacitet att göra kommer en webb app att skapas i wordpress. Webbutvecklingen går framåt vilket självklart är positivt. Problemet som kan bli är dock för företag som kommer från en helt annan bransch och som önskar ta fram en ny webb-lösning för sitt företag. En native app kan vara en väldigt dyr investering och det är långt ifrån alla företag som kan betala detta. Denna undersökning vill reda ut om en webb app kan var ett alternativ till native appen. Vidare kommer rapporten undersöka vad det finns för möjligheter för en webb app och vad det finns för webb appar idag. Dessutom kommer en enklare prisjämförelse mellan de olika apptyperna att göras.

Made available in DSpace on 2016-04-28T18:23:34Z (GMT). No. of bitstreams: 1 Juliana Fridrich Palermo.pdf: 5867181 bytes, checksum: db66417bbade6f0f9e083ed50eeae59f (MD5) Previous issue date: 2007-09-28 / This study aims at 1) describing and interpreting the evaluation of English teacher websites by English teachers, taken as a phenomenon of human experience, and 2) investigating these teachers representations of websites designed for them. To achieve these purposes, this study is founded on the concept of social representations (Moscovici, 1961/1976, 1976, 2003), on web design research proposed by Skaalid (1998) and Nielsen (1994, 2000, 2003, 2004, 2005), and on the discussion of instruments and website evaluation criteria (Nielsen, 2005; Schrock, 1998 e Maclachlan, 2002). The methodological approach chosen is the hermeneutic-phenomenological one (Ricoeur, 1986/2002; van Manen,1900; Freire, 2006). The research environment was the web, the virtual context in which the participant teachers and the researcher interacted through e-mail. The electronic medium was therefore used to send and receive three questionnaires, and their fifty ensuing messages. The results indicate that English teachers show a greater concern about website content, general organization and navigation. As for the phenomenon described and investigated, preferences, possibilities, usability and reflection were the four themes that structure the English teachers experience of evaluating sites designed for them. Moreover, the research results provide subsidies to begin thinking about the design of a website assessment instrument for English teachers / Este trabalho tem por objetivos (1) descrever e interpretar o fenômeno da avaliação de sites para professores de inglês por professores de inglês, e (2) identificar representações desses professores acerca de sites a eles destinados. Para tanto, fundamenta-se no conceito de representações sociais (Moscovici, 1961/1976, 1976, 2003), nas questões de web design propostas por Skaalid (1998) e Nielsen (1994, 2000, 2003, 2004, 2005), e na discussão de instrumentos e critérios de avaliação de sites (Nielsen, 2005; Schrock, 1998 e Maclachlan, 2002). A abordagem metodológica utilizada é a hermenêutico-fenomenológica (Ricoeur, 1986/2002; van Manen, 1990; Freire, 2006). O contexto de investigação foi o virtual (Web), sendo que todas as interações entre os professores participantes e a pesquisadora ocorreram por meio de mensagens eletrônicas (e-mail), utilizadas para o envio e recebimento de três questionários e para a troca de cinqüenta mensagens, deles decorrentes. Os resultados indicam que os professores demonstram maior preocupação com o conteúdo disponibilizado nos sites que investigam, com a organização geral dos mesmos, e com aspectos relacionados à navegação. Em relação à avaliação de sites para/por professores de inglês, nos parâmetros contextuais desta investigação, preferências, possibilidades, usabilidade e reflexão emergem como os quatro grandes temas que estruturam esse fenômeno da experiência humana. Os resultados desta pesquisa, além de indicarem os temas estruturantes do fenômeno em questão, fornecem subsídios para dar início à elaboração de um instrumento de avaliação de sites, destinado especificamente a professores de inglês