Workshop Mensch-Computer-Vernetzung Web Accessibility Gestaltung von Webseiten um eine Nutzung mit vielen verschiedenen Zugangsmgeräten (Scrennreader, Bildschirmlupe) und unter verschiedenen technischen Bedingungen (langsame Anbindung, veraltete Software, keine Farbe) weitestgehend uneingeschränkt zu ermöglichen.

In recent years the development of mobile devices has made great progress and today they account for a large proportion of the internet usage. This trend poses new demands on web developers as more companies and product owners want to customize their services and products for this new market. In this study we examine the pros and cons of the strategies desktop-first and mobile-first in the development of adaptive interfaces for the web. The study aims to create guidelines for situations in which each strategy fits well. The purpose of the study is to create an understanding of how these strategies can help developers and product owners to develop adaptive interfaces based on different goals and objectives. The study was conducted through the development of two high-fidelity prototypes for the redesign of an existing website. A literature review was also performed to create a deeper understanding of the subject. Our conclusion showed that mobile-first was preferable when building a website from scratch. However, there are cases when desktop-first may be preferable, for example, in the redesign of an existing website where the foundation is already finished. Furthermore, the study has led us to the realization that there are many purposes of different websites making the subject complex. Therefore, the developer should always make an evaluation of the product owner's goals and objectives in order to choose the right strategy.

Submitted by Patricia Figuti Venturini (pfiguti@anhembi.br) on 2017-06-27T23:28:59Z No. of bitstreams: 1 Angelo Marcos Machado Publio.pdf: 3646281 bytes, checksum: 13a72cc6f7ed8d4aecce20d70759b376 (MD5) / Approved for entry into archive by Patricia Figuti Venturini (pfiguti@anhembi.br) on 2017-07-05T22:26:28Z (GMT) No. of bitstreams: 1 Angelo Marcos Machado Publio.pdf: 3646281 bytes, checksum: 13a72cc6f7ed8d4aecce20d70759b376 (MD5) / Approved for entry into archive by Patricia Figuti Venturini (pfiguti@anhembi.br) on 2017-07-07T18:30:16Z (GMT) No. of bitstreams: 1 Angelo Marcos Machado Publio.pdf: 3646281 bytes, checksum: 13a72cc6f7ed8d4aecce20d70759b376 (MD5) / Made available in DSpace on 2017-07-07T18:32:15Z (GMT). No. of bitstreams: 1 Angelo Marcos Machado Publio.pdf: 3646281 bytes, checksum: 13a72cc6f7ed8d4aecce20d70759b376 (MD5) Previous issue date: 2016-06-20 / Men have a close relationship with games and are known to have, each, their particular ways of playing (observer, competitive, entertaining etc.), which can establish different types of players. While analog games are held in predetermined places and times, in the virtual world they reach a geographic scope and can be played in both synchronous and asynchronous forms, acquiring a strong presence in everyday life and being even practiced between so-called “serious activities”. The presence of games in our daily life is driven by gadgets and screens always connected to the Internet, which contributes to the systems and applications to adopt game elements in contexts considered inapt for play – the gamefication. While games are considered free activities, these gamefied systems can be practiced with both intrinsic and extrinsic motivation. Thus, gamefication may also be understood as a precondition for application in websites. This project reports a theoretical discussion and the proposal of defining the Play-Driven Design model, which allows content websites to propitiate meaningful experiences and engagement of their personas. / Os homens têm uma relação estreita com os jogos e são conhecidos por ter suas maneiras específicas de jogar (observadora, competitiva, divertida etc.), o que pode definir diferentes tipos de jogadores. Enquanto os jogos analógicos são realizados em locais e horários predeterminados, no mundo virtual eles alcançam uma amplitude geográfica e podem ser jogados tanto em formas síncronas como assíncronas, conquistando forte presença na vida cotidiana e sendo, inclusive, praticados entre as chamadas "atividades sérias". A assiduidade de jogos em nossa vida diária é impulsionada por gadgets e telas sempre conectadas à Internet, o que contribui para que os sistemas e aplicações adotem elementos de jogo em contextos considerados não jogáveis – a gamificação. Enquanto os jogos são considerados atividades livres, estes sistemas gamificados podem ser praticados por motivações tanto intrínsecas quanto extrínsecas. Assim, a gamificação pode também ser entendida como uma condição prévia para a aplicação em websites. O presente projeto relata uma discussão teórica e a proposta de definir o modelo Play-Driven Design, o qual possibilita que websites de conteúdo propiciem experiências significativas e o engajamento de suas personas.

O presente trabalho reúne conceitos utilizados no desenho de interfaces de documentos hipermídia e conceitos de psicologia relacionados ao aprendizado e à cognição, identificando características correlacionadas. A preocupação da pesquisa está em oferecer uma referência organizada para o desenvolvimento de interfaces de documentos hipermídia que serão utilizados em sistemas educacionais. Para tanto, é realizado um estudo de fatores humanos relacionados à aprendizagem e de fatores relacionados ao desenvolvimento de interfaces Web e, em seguida, identificada a intersecção entre estes conjuntos, que consiste em elementos relacionados com a interface gráfica que são relevantes para o aprendizado. O texto apresenta também propostas para a utilização destes aspectos. / This work combines concepts used in interface design of hypermedia documents and psychology notions related to learning and cognition, identifying correlated characteristics. The research done is concerned in offering an organized reference to interface development of hypermedia documents used in educational systems. This research contains a study about two sets of factors, one related to human learning and the other related to Web interface design. The intersection of these two sets consists of related elements with the graphic interface that are relevant to learning. In addition, the text presents proposals for using these concepts.

It becomes increasingly more difficult to stand out among the personal sites on the internet today and to become the one who actually gets remembered in the crowd. To be remembered, you need to have a useful website but also a creative appearance added to it. In this practical thesis I have focused on how a website should look like according to users and then added a creative look to the user-friendly website. The purpose of the study is to find out how to connect a useful website with a creative appearance. In order to do that, I first had to find out what users actually want. I used a survey in which I have asked questions about how a website should look like. Using the results of the survey I created prototypes and appearance sketches that I used in user tests. I used the results from the user test and created the final website that represents what users in this study believe is a useful website. To connect the useful website with a creative appearance, I created a short video clip of six seconds to loop on the website's front page. The welcome note describing the site's purpose is reached by means of an arrow, and therefore not directly visible when you enter the site. I have with this created a depth and a creative design solution to the website and thanks to the movement it got more interesting.

This report describes the process of developing a user-friendly and responsive archive website. The website is a Hi-fi prototype and was created for the company JG Communications, to serve as an archive for their customers’ style guidelines. To create this website I have used HTML5 and CSS3 to make it responsive for various computer screens. I have also used PHP and some JavaScript to make some of the functions and Adobe Photoshop and Illustrator to make design elements for the prototype. The main purpose with this project was to come up with a design and most of all to come up with how the site should function. I have done user tests combined with interviews, content analysis on JG Communications website, and applied various design methods when building and designing the website.

Det här arbetet innefattar webbtillgänglighet med avseende hur väl ett antal utvalda universitet och högskolor följer de riktlinjer för personer med läs- och skrivsvårigheter. Problemet med att inte ha en webbtillgänglig webbplats är att en stor grupp av personer som går miste om innehållet. Det är dessutom inte bara personer med läs- och skrivsvårigheter som blir drabbade, utan det är även personer med andra livssituationer som drabbas. Syftet med arbetet är att ta fram rekommendationer och finna lösningar som gör att universitet och högskolors webbplatser blir tillgängliga för alla. Analysen som görs i arbetet är baserad på W3C WAI:s riktlinjer om tillgänglighet och är avgränsad till användare med dyslexi. I uppsatsens analys används en kvalitativ metod där riktlinjerna jämförts mot webbplatserna. Ett antal testpersoner har också analyserat samma webbplatser och gett egna utlåtanden, detta för att få ett bredare omfång till rekommendationerna. Avseende resultatet visar det att webbplatserna överlag brister i webbtillgängligheten, både i stora drag och i mindre. Rekommendationer togs fram efter analysen och visar hur de bristerna går att lösa, med enkla medel. Slutsatsen är att med hjälp av rekommendationerna, kan en webbplats bli tillgänglig för alla oavsett om användaren har läs- och skrivsvårigheter eller inte. / The aim of this study is to evaluate how well Swedish university websites is accessible for users with dyslexia. Websites that is not accessible leaves out a large group of people. The purpose of this study is to find solutions and give recommendations for improvement, to make sure the university websites is accessible for all persons. The analysis in the study is based on W3C WAI guidelines about accessibility and is concentrated to users with dyslexia. Methods used in the study are a qualitative method where the guidelines were compared with the university websites. Also a couple of persons have tested and handed out their opinions about the same websites. The result after analyzing the websites shows that the websites lack web accessibility, both in bigger and minor parts. A solution to the web accessibility problem is the recommendations, which was produced after the analysis. The conclusion of the study is that a university website can be accessible with the help of the recommendations.

The advance of the Internet, with its sophisticated algorithmic search engines, has made accessing information as easy as lifting a finger. Pre-trip travel planning can be considered a fundamental component of the trip experience. A traveler often needs to obtain important information in order to develop a travel plan. The objective of this thesis is to evaluate and enhance the user experience for a digital travel service and associated Intranet wich main function is to help travellers find departures, arrivals and prices. Based on an usability analysis, and user studies and support from a literature review this master theses resulted in a design proposal for Länstrafiken Norrbottens external website and their Intranet as well as a couple of guidelines for designing or redesigning a travel website.

The work deals with the content strategy, methods and techniques how to prepare, design and create web content according to established goals. The theoretical part defines role of the content strategy, introduces methods, content life cycle and potential benefits and outputs of the content strategy in its phases: preparation, analysis, creation, evaluation and content management. Work also discussed the interaction with other fields of web design and legal limits, which affect online content in the Czech Republic. The main objective of this diploma thesis is to design new web content strategy for organization. After describing the initial situation and goals, mentioned methods are used to the systematic management of web content. Thanks to the results of this content strategy (target group definition, competitive content analysis, existing content inventory, keyword analysis, information architecture, style guide, content plan, content model, creation process and content management), readers get the guidance, which can inspire them in their practice.

This master thesis focuses on approaches to solving mobile web applications. Author focuses on the classification of mobile devices and the description of their attributes and specifications of touch screen controls. Part of the work is devoted to the characteristics of mobile operating systems and of mobile web browsers. One chapter is aimed on the psychology of user behaviour and expectations of mobile users from mobile website. A significant part of the work is paid to specifications of the development of web design for mobile devices and the differences to classical web design. In addition, the author describes the Responsive Web Design and the idea of Mobile First. In the practical part, the author analyzes the cross platform access to websites of Czech railway transport companies -- České dráhy, LEO Express and RegioJet. The access from smartphones, tablets and desktops is tested using analysis based on multi-criteria evaluation. To test the author uses a web emulator to simulate different versions of operating systems and web browsers. The aim of the analysis is to create a series of recommendations for better optimization of access from mobile devices.