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.

This thesis examines how usability and design improvements affect user engagement on a website. By conducting interviews and analysing user behaviour and feedback related to a job application form, the study demonstrates that enhancements in usability and design can lead to improved quality in user responses. Specifically, an increase in the length and quality of text field input was observed, along with improved responses regarding profile pictures, links, and documents. However, there are certain limitations to consider, including the fact that participants were aware of the monitoring during the interviews, which could influence the authenticity of the results. Additionally, other factors that could have influenced user engagement were not taken into account, making it difficult to solely attribute the changes to usability and design improvements.

Today's youth use their mobile phones in the same way as earlier generations used their computers. Therefore, web designers need to make websites mobile-friendly when aiming for the younger generation’s attention. In collaboration with Ashoka and Raoul Wallenberg Academy, within a project named Changemakers’ Yard, this thesis investigates what factors in terms of content and design youth in the age of 16-23 appreciate on a mobile application or website. The outcome of the thesis aims to guide web designers on what to keep in mind when designing mobile applications or websites for today’s youth. A quantitative and qualitative research was done by performing interviews, an online survey and two customized lectures with the target group. Data and comments from the research were then analyzed and summarized to form a paper prototype which was developed into a digital prototype. Both prototypes were evaluated via user tests with the target group. Finally, ten guidelines were compiled on what youth appreciate when it comes to the content and design on mobile-friendly websites. The guidelines focused on communication and usability, as well as site owners taking responsibility for updates and minimize the amount of data used. The responsibility of keeping the website updated as well as minimizing the amount of data, were both new findings. In addition, arguing against prior research, there were indications of differences between the genders regarding preferred content. / Dagens unga använder sina mobiltelefoner på samma sätt som tidigare generationer har använt sina datorer. Således behöver webbdesigners göra mobilvänliga hemsidor när de riktar sig mot den yngre generationen. I samarbete med projektet Changemakers' Yard, som leds av Ashoka och Raoul Wallenberg Academy, kommer denna rapport undersöka vilka faktorer inom innehåll och design som unga i åldersspannet 16-23 uppskattar hos mobila applikationer och hemsidor. Utfallet av rapporten syftar till att guida webbdesigners till vad de bör tänka på när de designar mobila applikationer och hemsidor för unga idag. En kvantitativ och kvalitativ research utfördes genom intervjuer, en online-enkät samt två anpassade lektioner med målgruppen. Data och kommentarer från denna research analyserades sedan och sammanställdes till en pappersprototyp som utvecklades till en digital prototyp. Båda prototyperna testades genom användartester med målgruppen. Slutligen sammanställdes tio guidelines om vad unga uppskattar beträffande innehåll och design på mobilvänliga hemsidor. Guidelines rörde främst kommunikation ochanvändbarhet, såväl som att ägarna till sidan tar ansvar för uppdateringar och minimering av mängden data som används. Ansvaret för uppdateringar och att minska mängden data var båda nya upptäckter. I strid mot tidigare research fanns även indikationer på att det kan finnas en skillnad mellan könen vad gäller uppskattat innehåll.

Denna rapport redogör produktionsprocessen för en re- design av ett karriärforum vid namn SH Karriär som funnits sedan hösten 2011. I dagsläget upplever SH Karriär att studenterna på Södertörns högskola inte återkommer till karriärforumet, därför inleddes produktionsprocessen med en användarstudie för att tangera problemet. Målet var att producera ett designförslag som presenterar karriärforumet på ett representativt sätt. Re- designen ska möjliggöra att användarna får en klarare överblick kring de innehåll som presenteras på karriärforumet och även skapa ett intresse som får dem att återkomma efter att ha registrerat sig på SH Karriär. Rapporten beskriver mitt tillvägagångssätt genom en enkätundersökning och användartester. Metoderna har lett till att jag fått en grund för produktionen av designförslaget. Designförslaget skapades i programmet Adobe Photoshop CS5. Resultatet blev ett strukturerat karriärforum som visar användarna vad SH Karriär har att erbjuda på ett färggrannare sätt. / This report describes the implementation for re-designing a career forum called SH Karriär, that has been working since fall 2011.  SH Karriär has in the current state experienced that students at Södertörn University don’t return to the career forum, which initiated a user study to evaluate the issue. The goal was to produce a design proposal for the career forum that presents their range of services in a representative manner.  The re- design allows users to get a clearer view of the content presented on the career forum and creates an interest in revisiting after registering at SH Karriär. The report describes my methodology through a questionnaire survey and usability testing. These methods have given me a foundation for the production of the design proposal that was created in Adobe Photoshop CS5. The result of the design proposal presents a more structured career forum that elucidates SH Karriär’s services with a new colorful approach.

Submitted by Renata Lopes (renatasil82@gmail.com) on 2016-09-22T18:09:18Z No. of bitstreams: 1 joanamagalhaesfranco.pdf: 15804472 bytes, checksum: 9374b1379f3a545fb7118006d5a99f5d (MD5) / Approved for entry into archive by Adriana Oliveira (adriana.oliveira@ufjf.edu.br) on 2016-10-04T15:50:21Z (GMT) No. of bitstreams: 1 joanamagalhaesfranco.pdf: 15804472 bytes, checksum: 9374b1379f3a545fb7118006d5a99f5d (MD5) / Approved for entry into archive by Adriana Oliveira (adriana.oliveira@ufjf.edu.br) on 2016-10-04T15:50:41Z (GMT) No. of bitstreams: 1 joanamagalhaesfranco.pdf: 15804472 bytes, checksum: 9374b1379f3a545fb7118006d5a99f5d (MD5) / Made available in DSpace on 2016-10-04T15:50:41Z (GMT). No. of bitstreams: 1 joanamagalhaesfranco.pdf: 15804472 bytes, checksum: 9374b1379f3a545fb7118006d5a99f5d (MD5) Previous issue date: 2010-03-26 / O fio condutor deste trabalho é a influência da interação e da interface na criação de uma plataforma web para o aprendizado no ensino superior de Comunicação Social da UFJF. O desenvolvimento desse tema tem como pano de fundo as possibilidades sociais, tecnológicas e criativas da era digital e o novo perfil comunicacional dos indivíduos, que demandam uma reformulação dos parâmetros educacionais. O objetivo final é propor um projeto web para a Faculdade de Comunicação Social da UFJF que vá além da relação institucional e se torne espaço de construção do conhecimento, dando continuidade ao processo iniciado em sala de aula entre professores e alunos. A análise teórico-prática deste trabalho está estruturada em quatro fases: no exame das mudanças comunicacionais, que potencializaram as características cognitivas e sensíveis do nativo digital e demandaram novas perspectivas sobre as formas de ensino e aprendizagem; na compreensão da construção do conhecimento possibilitado na interação, que evidencia um enfoque sistêmico-educacional, pela referência às obras de Jean Piaget e Humberto Maturana; na avaliação do papel do design de interfaces no processo comunicativo, segundo estudos de Steven Johnson e Donald Norman; e na comparação empírica de dados e projetos de web existentes e elaborados para a Facom ao longo desses dois anos de estudo. O projeto piloto desta dissertação faz parte de uma proposição ampla de modificação das ações e relações educacionais acadêmicas que se iniciam em sala de aula, no sentido do incentivo ao diálogo, à harmonia entre o fazer e o saber e, assim, ao resgate do prazer do aprendizado. / The guideline of this work is the influence of interaction and interface in the creation of a web platform for the learning in the higher education of Social Communications in UFJF. The development of this theme has, as a background, possibilities of social, technological and creative changes of the digital era and the new communicational profile of individuals, which demand a reformulation of educational parameters. The ultimate goal is to propose a web project for Communications College in UFJF that will go beyond the institutional relationship and become a space to the construction of knowledge, continuing the process initiated in classroom between teachers and pupils. The theoretical-practical analysis of this work is structured in four stages: in examining the communicational changes, which leveraged to specific cognitive and sensitive characteristics of the digital native and demanded new perspectives on ways of teaching and learning; in understanding the construction of knowledge enabled in interaction, which highlights a systemic approach to education, by referencing the work of Jean Piaget and Humberto Maturana; in estimating the role of interface design on communicative process, according to Steven Johnson‘s and Donald Norman‘s research; and comparing empirical data and existing web projects developed for Facom over these two years of study. The pilot project of this dissertation is part of a broad proposition of educational actions and relations modification that start in the classroom, towards encouraging dialogue, the harmony between the making and the knowing and, thus, the rescue of the pleasure of learning.

E-commerce is becoming more common in Sweden and many Swedes buy clothing and sporting goods online. Online fashion retailers offer a visually pleasing range of products, which places greater emphasis on the aesthetic design of the online retailer. This paper examines how the perceived credibility of an online fashion retailer is influenced by the aesthetic design through a first impression. This study was conducted through ten interviews where the informants observed, assessed, and then discussed the online fashion retailers that were used in this study. Results show that recognition of an aesthetic design and a perception of usability and professionalism affects the perceived credibility in a positive way. Credibility is also conveyed through a simple aesthetic design and negatively affected by poor readability and a perception of lack of information. The result also shows that the user doesn’t need to find the aesthetic design appealing to assess the online retailer as credible. We hope that our results can be used in future studies and also possibly be helpful for future design of the websites of online fashion retailers. / E-handel blir allt vanligare i Sverige och många svenskar köper kläder och sportartiklar online. Onlinebutiker inom mode erbjuder ett visuellt tilltalande sortiment vilket gör att ökad vikt läggs vid den estetiska utformningen av onlinebutiken. Denna c-uppsats undersöker hur upplevd trovärdighet på en onlinebutik inom mode påverkas av den estetiska utformningen vid ett första intryck. Detta undersöktes genom tio intervjuer där informanterna fick observera, bedöma och sedan diskutera det urval av onlinebutiker som förekom i studien. Vi har sett att igenkänning av den estetiska utformningen och en upplevelse av användbarhet och professionalitet påverkar trovärdigheten positivt. Trovärdighet förmedlas även genom en enkel och stilren estetisk utformning. Den påverkas i sin tur negativt av uppfattningen om dålig läsbarhet samt bristande mängd delgiven information. Resultatet visar även att användaren inte behöver finna den estetiska utformningen tilltalande för att bedöma onlinebutiken som trovärdig. Vi hoppas att våra resultat kan användas i framtida studier och även möjligtvis vara till hjälp vid framtida utformning av onlinebutiker inom mode.

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 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.

This dissertation is concerned with design and elaboration of MySQL database using PHP5 programming language. Goal of this work is customer support IS. To achieve it's goal uses Symfony PHP framework. E-R diagrams, dataflow diagrams as well as processes for each role are presented for this information system. Dissertation is also concerned with entities life cycles. Whole work results in the working information system, which contains administration and user frontend.

In this thesis a visual style for the brand Palma de Alma and a strategy for promotion and presentation for a new creative studio is proposed. The results of the thesis contain filters for a digital single-lens reflex camera and a smartphone, which alter the image in order to create the overall image of the brand. A proposal of a logotype, a business card and a website is also included.