Search

Bakalářská práce se zabývá tvorbou jednotného vizuálního stylu pro fiktivní pánské holičství. Při tvorbě práce pro fiktivní firmu bude vytvořeno logo, grafický manuál jednotného vizuálního stylu, grafický návrh a vytvoření webové stránky., The thesis deals with the creation of a unified visual style for a fictional men's barbershop. In the course of the work for the fictitious company created a logo, logomanual, graphic design and the creation of a website., Fakulta ekonomicko-správní, Student přednesl obhajobu práce s názvem: Návrh jednotného vizuálního stylu pro fiktivní firmu. Cílem práce je vytvořit návrh jednotného vizuálního stylu pro fiktivní pánské holičství barbershop. V práci bude představeny základní informace o bitmapové, vektorové grafice a tvorbě webu. Bude zde popsán i průběh tvorby jednotlivých částí práce. Vybrané grafické návrhy budou k obhajobě zhotoveny. Otázky dle posudku vedoucího práce: K práci mám jednu otázku. Proč takovéto barevné ladění? Student odpověděl na položené otázky., Dokončená práce s úspěšnou obhajobou

El presente trabajo tiene como objetivo principal la explicación del concepto de sostenibilidad digital en su conjunto, y más concretamente, de la sostenibilidad de las páginas web mediante la creación de una propuesta de mejora sostenible de la web de la empresa GoodNews Coffee. Para ello, investigamos todo el contexto que rodea al concepto de sostenibilidad digital y los conocimientos y herramientas necesarios para poder diseñar una página web sostenible, además de analizar el sitio web de GoodNews Coffee en términos de sostenibilidad. Tras ello, elaboramos un prototipo como propuesta de mejora para ofrecer una versión del sitio web más sostenible., The aim of this thesis is to explain the concept of digital sustainability as a whole, and more specifically, the web sustainability through the elaboration of a sustainable improvement proposal for GoodNews Coffee company website. For that purpose, we do research of all the context related to the concept of digital sustainability and the theory and tools needed to design a sustainable website, as we also analyze GoodNews Coffee’s website in terms of sustainability. Subsequently, we create a web prototype as an improvement proposal in order to offer a more sustainable version of the website.

This study explores the impact of two different instructional styles on user experience within a simulated webshop environment. The results reveal specific differences between text-based and image-based instructions in terms of time, number of errors, and performance scores, and provide evidence for further discussion on viewing website navigation as a form of instruction. The findings offer important insights not only for interaction specialists and web designers but also challenge the established perception that images and text alone should be considered complementary elements. The study presents a strong argument that both images and text hold their own crucial roles in creating the most effective and readable user experience. The questions of the study are answered by confirming differences in time expenditure and the relationship between the number of mistakes for each instructional style. Identifying the individual contributions of both images and text to the overall user experience establishes new grounds and insights for more adaptable design methods that meet the needs of a broader user group, regardless of any disabilities. Hopefully, this work will lay the foundation for future innovations in user design and create more intuitive and accessible web experiences for all users., Denna studie utforskar två olika instruktionsstilars påverkan på användarupplevelsen inom en simulerad webbshopmiljö. Resultaten avslöjar specifika skillnader mellan text- och bildbaserade instruktioner när det gäller tid, antal felsteg och prestationspoäng och visar även belägg för vidare diskussion kring att se navigering på webbplatser som en form av instruktion. Fynden ger inte bara viktiga insikter för interaktionsspecialister och webbdesigners utan ifrågasätter också den etablerade uppfattningen om att bilder och text ensamma bör betraktas som kompletterande element. Studien visar ett starkt argument för att både bild och text innehar en egen, avgörande roll i att skapa den mest effektiva och lättlästa användarupplevelsen. Frågeställningar besvaras genom att i resultatet bekräfta skillnader på tidsåtgång och samband mellan antal misstag för respektive instruktionsstil. Identifieringen av de individuella bidragen från både bild och text till den övergripande användarupplevelsen skapar nya grunder och insikter för mer anpassningsbara designmetoder vilka möter den större användargruppen, oberoende eventuella funktionshinder. Förhoppningsvis kommer detta arbete att ligga till grund för framtida innovationer inom användarcentrerad design och skapa mer intuitiva och tillgängliga webbupplevelser för alla användare.

In today's digitalized society, web design significantly impacts our emotional experiences. This study examines how design elements such as colour, typography, and layout affect users' emotions when interacting with websites. By focusing on individuals born in the 1990s, we explored their emotional reactions to web design.We used a focus group interview and a survey to collect data. The results show that colour schemes, typography, and layout strongly influence users' emotions. Certain design elements evoke positive reactions while others cause frustration. The conclusions emphasize the importance of combining aesthetic and functional aspects in web design to create a positive user experience but also to promote positive emotions and well-being among users., I dagens digitaliserade samhälle har webbdesign en stor inverkan på våra känslomässiga upplevelser. Vår studie undersöker hur olika designelement, såsom färg, typografi och layout, påverkar användarnas känslor vid interaktion med webbplatser.Vi valde att fokusera på individer födda på 1990-talet och använde oss av en fokusgruppsintervju och en enkät för att samla data. Resultaten visar att färgscheman, typografi och layout starkt påverkar användarnas känslor. Vissa designelement framkallar positiva reaktioner medan andra orsakar frustration. Slutsatserna betonar vikten av att skapa en webbdesign som är både visuellt tilltalande och användarvänlig för att ta fram positiva känslor och reaktioner.

This study intends to investigate how a redesign of the www.tudorarms.com website can affect the willingness of non-customers to visit as well as how a redesign can meet the needs and wants of current customers. Tudor Arms is a British pub in Stockholm that has existed since 1969 and was the first of its kind in Stockholm. An initial survey study was done where it became clear that the website was in great need of a redesign. A competitor analysis was also done to get information about how similar establishments designed their websites. After this, a mood board was created to bring out Tudor Arms graphic expression where colors, fonts and design elements were decided. Then a sitemap was created of the original website which was then adjusted to give the upcoming prototype a clear structure. After we had these basics, interface sketches were started which we then developed into a finished prototype. User tests and interviews were then carried out on the prototype to evaluate differences between the original design and the new one. The conclusion drawn from the evaluation was that the redesign gave both a better impression as well as structure and user-friendliness. The new design was deemed better on all measurable points and contributed to an increased interest in visiting the pub., Denna studie avser att undersöka hur en re-design av webbplatsen www.tudorarms.com kan påverka viljan att besöka samt hur en re-design kan tillgodose nuvarande kunders behov och önskemål. Tudor Arms är en brittisk pub i Stockholm som funnits sen 1969 och var den första av sin sort i Stockholm. En inledande enkätstudie gjordes där det blev tydligt att hemsidan var i stort behov av en redesign. En konkurrentanalys gjordes även för att få information om hur liknande inrättningar utformat deras webbplatser. Efter detta skapades en moodboard för att få fram Tudor Arms grafiska uttryck där färger, typsnitt och designelement bestämdes. Sedan skapades en webbkarta av den ursprungliga webbplatsen som sedan justerades för att ge den kommande prototypen en tydlig struktur. Efter vi hade dessa grunder påbörjades gränssnittsskisser som vi sedan utvecklade till en färdig prototyp. På prototypen gjordes sedan användartester och intervjuer för att utvärdera skillnader mellan den ursprungliga designen och den nya. Den slutsats som drogs av utvärderingen var att re-designen gav både ett bättre intryck samt struktur och användarvänlighet. Den nya designen upplevdes bättre på alla mätbara punkter och bidrog till en ökad vilja att besöka puben.

I dagens digitala värld spelar företags webbsidor en avgörande roll i att forma IT-studenters uppfattningar om företaget som en potentiell arbetsgivare. Denna studie syftar till att undersöka hur designelement och interaktionsdesign kan förstärka användarupplevelsen hos dessa studenter i processen av att söka arbete. Den empiriska datainsamlingen identifierade ett antal designelement och designprinciper som tillsammans bidrog till en positiv användarupplevelse på webbplatsen. Studien visar att det första intrycket, färg, bilder, konsekvent utformning och navigering påverkar IT-studenters uppfattning om företags webbplatser och deras intresse som potentiella arbetsgivare. Ett positivt första intryck och en enhetlig design ökar professionell känsla, medan tydliga navigeringselement förbättrar användarupplevelsen. Färger och bilder bör användas balanserat för att undvika att skapa ett oprofessionellt eller distraherande intryck. Framtida forskning kan undersöka specifika designelement och deras inverkan på användarupplevelsen. Det vore också intressant att studera skillnader i upplevelser mellan olika demografiska grupper, som kvinnor och män. Vidare kan fokus ligga på vad som påverkar det första intrycket och hur färgblindhet påverkar uppfattningen av webbdesign., In today's digital world, company websites play a crucial role in shaping IT students' perceptions of a company as a potential employer. This study aims to explore how design elements and interaction design can enhance the user experience for these students during their job search process. The empirical data collection identified several design elements and principles that collectively contributed to a positive user experience on the website. The study reveals that first impressions, color, images, consistent layout, and navigation significantly influence IT students' perceptions of company websites and their interest in potential employers. A positive first impression and consistent design enhance the professional feel, while clear navigation elements improve the user experience. Colors and images should be used judiciously to avoid creating an unprofessional or distracting impression. Future research could examine specific design elements and their impact on user experience. It would also be valuable to study differences in experiences among various demographic groups, such as between women and men. Additionally, research could focus on the factors that influence first impressions and how color blindness affects the perception of web design.

In a context of increasing online purchases, this work analyzes the formation of consent in electronic contracts and examines consumer protection in digital relationships. It focuses on how web design techniques, based on neuroscience concepts, influence consumer behavior. These strategies raise questions about good faith, transparency, and the manipulation of free will in business practices. The lack of specific regulations for eprocurement and digital marketing presents legal challenges, especially in the application of cognitive biases. Special protection for digital consumers is suggested through clear regulations, education and adaptation of standards to address the complexities of online marketing and protect those who may be more susceptible to persuasive tactics and cognitive biases in web design., Num contexto de aumento das compras online, este trabalho analisa a formação do consentimento nos contratos eletrónicos e examina a proteção do consumidor nas relações digitais. O foco é como as técnicas de web design, baseadas em conceitos da neurociência, influenciam o comportamento do consumidor. Estas estratégias levantam questões sobre a boa fé, a transparência e a manipulação do livre arbítrio nas práticas empresariais. A falta de regulamentações específicas para a contratação pública eletrónica e o marketing digital apresenta desafios jurídicos, especialmente na aplicação de preconceitos cognitivos. Sugere-se protecção especial para os consumidores digitais através de regulamentações claras, educação e adaptação de normas para abordar as complexidades do marketing online e proteger aqueles que podem ser mais susceptíveis a tácticas persuasivas e preconceitos cognitivos no web design., En un contexto de crecientes compras en línea, este trabajo analiza la formación del consentimiento en contratos electrónicos y examina la protección del consumidor en relaciones digitales. Se centra en cómo las técnicas de diseño web, basadas en conceptos de neurociencia, influyen en el comportamiento del consumidor. Estas estrategias plantean preguntas sobre la buena fe, la transparencia y la manipulación de la libre voluntad en las prácticas comerciales. La falta de regulaciones específicas para la contratación electrónica y el marketing digital presenta desafíos legales, especialmente en la aplicación de sesgos cognitivos. Se sugiere una protección especial para los consumidores digitales mediante regulaciones claras, educación y adaptación de normas para abordar las complejidades del marketing en línea y proteger a quienes pueden ser más susceptibles a tácticas persuasivas y sesgos cognitivos en el diseño web.

Can a tool effectively aid user experience (UX) and user interface (UI) designers, along with frontend developers, in implementing more energy efficient websites? The foundation for formulating the thesis questions and identifying the issue was laid through an exploration of related work. This study aims to present the development of a tool encompassing recommendations and practices from existing research, providing valuable support for designers and developers. Several methods, namely six, were established to better define and concretise the problems. The idea phase continued exploring potential solution both through looking at similar solutions as well as doing workshops together with potential users. In this phase the guidelines, now named SCOPES - System Conscious of Potential Energy Saving, started taking shape. The prototype was designed to assist web designers and developers in reducing energy consumption during website development. The study and especially the test phase found that guidelines empowered web designers to create energy efficient web pages, and users accept lower energy pages when aware of their efficiency, given that essential functionalities are retained. The results of this thesis, supported by a total of 16 methods and 64 users with various backgrounds, ethnicities, and genders, emphasize the importance of addressing the challenges, posed by our energy-demanding society, pointing to potential pathways for a more sustainable and efficient future.

Due to globalization, many companies are expanding their reach into foreign markets that have different cultural contexts. As a result, having versatile branding that can be easily adapted to different cultures becomes extremely important when communicating with consumers from other countries. To develop this branding it is crucial for companies to employ cross-cultural design, which involves much more than simply translating text into the consumers language. In order to successfully expand its products to the Japanese market Glossier will have to apply cross-cultural research to redesign their current branding materials and communication channels. This project focuses on preserving brand cohesiveness while employing cross-cultural design principles to tailor marketing materials in a way that will better reach the target audience when designing across cultures.

Este proyecto, en colaboración con la empresa de consultoría informática IThinkUPC S.L., tiene como objetivo principal mejorar la herramienta de gestión de software licenciado utilizada por la Universitat Politècnica de Catalunya (UPC), conocida como "Distribució de Software". La herramienta actual presenta problemas de seguridad y mantenimiento debido a su antigüedad, así como una experiencia de usuario deficiente. Para solucionar estas deficiencias, se propone rehacer completamente la aplicación web del servicio de distribución de software, reforzando las debilidades identificadas del sistema actual y asegurando la adaptabilidad del servicio a las necesidades actuales y futuras de la comunidad universitaria., This project, in collaboration with the IT consulting company IThinkUPC S.L., aims to improve the licensed software management tool used by the Universitat Politècnica de Catalunya (UPC), known as "Distribució de Software". The current tool presents security and maintenance issues due to its age, as well as a poor user experience. To address these deficiencies, the project proposes a complete overhaul of the web application for the software distribution service, reinforcing the identified weaknesses of the current system and ensuring the service's adaptability to the current and future needs of the university community.

The job market, technologies, and work methods have changed significantly. More businesses now lean towards low-code and no-code solutions to simplify web design and development. Companies are training their business professionals to become software developers due to a lack of resources. As a result, many websites are created by non-professionals, so-called citizen developers, using low-code and no-code tools. That raises concerns about whether such websites meet web accessibility standards. This study investigates the phenomena and spans results across three areas: the extent of compliance with accessibility guidelines (1), prevalent accessibility challenges (2), and optimal practices for accessibility enhancement (3). The research involves tasking five individuals with creating websites using different low-code and no-code tools: Wix, Webflow, WordPress.com, Weebly, and Google Sites. Then, the websites are objectively evaluated for accessibility adherence using Google Lighthouse Analytics and WCAG 2.2 criteria assessment. The results are then combined to compare the overall accessibility adherence. The research concludes that websites developed by citizen developers do not meet accessibility standards. Many websites struggle with the fundamental aspects of accessibility that are necessary for pleasant and comfortable use. To improve the situation, web developers—professionals and amateurs—should prioritise accessibility in web development and design. On the other hand, low-code and no-code platforms should try to implement accessibility features in their tools.

Various theories claim that e-commerce platforms with thoughtful design and informationstructure enhances usability. To investigate this claim further, a web application for buyingand selling patches related to university events was developed. The web applicationcalled Märkesstacken was developed with the purpose to ensure user trust and engagement within a navigable interface. The e-commerce platform was developed based on amarketing plan, survey and research conducted in the area. An agile scrum based methodwas used in the development process dividing the whole process into different sprints. Afrontend of the e-commerce platform was created using HTML, CSS and JavaScript and abackend using Python with a SQL database. Two rounds of user testing was conductedand the web application was improved in a iterative process. The final result after thesecond user test showed a System Usability Test (SUS) score of 93.9 out of 100, a Trust inAutomated Systems Test (TOAST) score of 5.875 and 5.9 out of 7 for understanding andperformance respectively. This was an increase of 2.9 for SUS as well as 0.025 and 0.18for TOAST compared to the first test round. In a wider context various ethical concernsregarding environment and making a profit from selling patches has to be taken intoconsideration. The chosen method focused heavy on early frontend development whichmade the overall view of the implementation better. An improvement of the methodwould have been to focus more on the database construction early on in the process, thiscould have enabled the first user testings to be conducted earlier. Furthermore, that couldhave changed the results as a conclusion raised that the high scores of the first user testwas due to it being conducted late in sprint 3. The overall conclusion was that the scoreincreases could be explained by improvements of features such as the filtering, search barand the overall site structure., Olika teorier hävdar att e-handelsplattformar med genomtänkt design och informationsstruktur förbättrar användbarheten. För att undersöka detta påstående vidare utvecklades en webbapplikation för att köpa och sälja märken relaterade till universitetsarrangemang. Webbapplikationen, kallad Märkesstacken, utvecklades med syftet attsäkerställa användarförtroende och engagemang inom ett navigerbart gränssnitt. Ehandelsplattformen utvecklades baserat på en marknadsplan, undersökningar och forskning inom området. En agil scrum-baserad metod användes i utvecklingsprocessen, därhela processen delades upp i olika sprintar. En frontend av e-handelsplattformen skapadesmed HTML, CSS och JavaScript och en backend med Python och en SQL-databas. Tvåomgångar av användartester genomfördes och webbapplikationen förbättrades genom eniterativ process. Slutresultatet efter det andra användartestet visade ett System UsabilityTest (SUS) poäng på 93.9 av 100, ett Trust in Automated Systems Test (TOAST) poäng på5.875 och 5.9 av 7 för förståelse och prestanda respektive. Detta var en ökning med 2.9för SUS samt 0.025 och 0.18 för TOAST jämfört med den första testrundan. I ett bredaresammanhang måste olika etiska överväganden angående miljön och att tjäna pengar påatt sälja märken tas i beaktning. Den valda metoden fokuserade mycket på tidig frontendutveckling, vilket förbättrade den övergripande uppfattningen av implementeringen. Enförbättring av metoden skulle ha varit att fokusera mer på databasstrukturen tidigt i processen, vilket kunde ha möjliggjort att de första användartesterna kunde genomföras tidigare. Detta kunde ha förändrat resultaten eftersom en slutsats var att de höga poängenfrån det första användartestet berodde på att det genomfördes sent i sprint 3. Den övergripande slutsatsen var att poängökningarna kunde förklaras av förbättringar av funktionersom filtrering, sökfältet och den övergripande webbplatsstrukturen.

I denna studie undersöks hur universitetsstudenter i Malmö uppfattar och reagerar på användarupplevelse i online-shopping med fokus på hur många antal klick man har för att genomföra ett köp. Hur antalet klick i en köpprocess påverkar upplevelsen av en webbplats utforskas med hjälp av en kvalitativ och en kvantitativ metod. Studenter är en samhällsgrupp med olika vanor och preferenser som kan ge insikter om hur antalet klick påverkar deras upplevelse av en webbplats. Den kvantitativa datan samlades in i form av en enkät som gjordes tillgänglig till tre klasser inom fakulteten teknik och samhälle för att fastställa köpbeteende online. Den kvalitativa datan samlades in i form av två fokusgrupper, en intervju skedde fysiskt med en fokusgrupp och den andra skedde online genom verktyget zoom. Undersökningen inriktar sig på universitetsstudenter inom området medieteknik vid Malmö universitet. Enklicksköp erbjuder smidighet och snabbhet vid köp, men studien avslöjar både positiva och negativa aspekter som påverkar användarens upplevelse. Användarens uppfattning om tydlighet och enkelhet i köpprocessen är viktigare än det exakta antalet klick som krävs för att genomföra ett köp. Trots att studenterna har olika preferenser, visar de en övergripande positiv inställning till nya UX-lösningar, förutsatt att de inte minskar tillgången till klar och relevant information., In this study, we examine how university students in Malmö perceive and respond to the user experience in online shopping, with a focus on the number of clicks required to complete a purchase. The impact of the number of clicks in a purchase process on the website experience are explored using both qualitative and quantitative methods. Students represent a diverse demographic with varying habits and preferences, offering insights into how user interfaces affect their website experience. Quantitative data was collected through a survey distributed to three classes within the Faculty of Technology and Society to ascertain online purchasingbehavior. Qualitative data was gathered through two focus groups, with one conducted in-person and the other online via the Zoom platform. The study targets university students in the field of media technology at Malmö University. While one-click purchasing offers convenience and speed, the study reveals both positive and negative aspects influencing the user experience. User perception of clarity and simplicity in the purchase process outweighs the exact number of clicks required to complete a purchase. Despite students having different preferences, they demonstrate an overall positive attitude towards new UX solutions, provided they do not diminish access to clear and relevant information.

Denna studie utforskar användningen av scrollytelling, en metod inom digitalt berättande, i jämförelse med ett traditionellt statiskt webbformat. Studien syftar till att undersöka i vilken utsträckning interaktivt och multimedia-integrerat innehåll påverkar användarupplevelse, användarengagemang, kunskapsförståelse och retention. En prototyp för respektive format skapades för att genomföra den komparativa studien. Med en blandad metodansats som kombinerar ett kvantitativt frågeformulär och kvalitativa intervjuer, samlades data från en grupp unga vuxna inom en akademisk miljö. Utöver detta genomförde deltagarna även ett kunskapstest för att mäta kunskapsförståelsen och retentionen. Resultaten visar att scrollytelling ökar både engagemang och upplevd förståelse bland deltagarna, med en tydlig förbättring av användarupplevelsen jämfört med statiska formatet. Samtidigt som kunskapstestet indikerade på en aningen bättre retention av informationen som presenterades i det traditionella statiska format. Slutsatserna pekar på att scrollytelling erbjuder fördelar för digitalt berättande, där dess dynamiska och interaktiva format kan öka engagemanget och förståelsen i jämförelse med det traditionella statiska formatet. Men det går inte i denna studie att konstatera en direkt ökad retention av information. Studiens fynd understryker dock potential för scrollytelling i kontrast mot det traditionella statiska formatet, och därför rekommenderar ytterligare forskning att utforska dess optimala design och effektivitet över olika kontexter., This study explores the use of scrollytelling, a method within digital storytelling, in comparison to traditional static web formats. The study aims to examine the extent to which interactive and multimedia-integrated content affects user experience, engagement, knowledge comprehension, and retention. A prototype for each format was created to conduct the comparative study. Using a mixed-method approach combining a quantitative survey and qualitative interviews, data were collected from a group of young adults in an academic setting. Additionally, the participants also took a knowledge test to measure their comprehension and retention. The results show that scrollytelling increases both engagement and perceived understanding among participants, with a clear improvement in user experience compared to the static format. While the knowledge test indicated slightly better retention of the information presented in the traditional static format. The conclusions suggest that scrollytelling offers advantages for digital storytelling, where its dynamic and interactive format can enhance engagement and understanding in comparison to the traditional static format. However, this study does not establish a direct increase in information retention. Nonetheless, the findings underline the potential for scrollytelling in contrast to the traditional static format, and therefore, further research is recommended to explore its optimal design and effectiveness across different contexts.

Detta examensarbete undersöker optimering av användargränssnitt (UI) för att förbättra användarupplevelsen (UX) på sista-minuten biljettsidan på Flygresor.se, enwebbplats för flygjämförelser. Det huvudsakliga målet var att förbättra användarnasengagemang och tillfredsställelse genom implementering av effektiva UI/UX-designprinciper. Med hjälp av en litteraturstudie, semistrukturerade intervjuer och iterativ prototypframställning, identifierar denna studie viktiga UI/UX-förbättringar.Prototyper utvecklades och förbättrades dels baserat på lärdomar från litteraturstudien, men framförallt på feedback från deltagare i semi-strukturerade intervjuermed fokus på navigering, läsbarhet och användarvänlighet. Studien visar den betydande inverkan av genomtänkt UI/UX-design på deltagarnas tillfredsställelse ochlyfter fram praktiska rekommendationer för UI-förbättringar. Resultaten betonarnödvändigheten av kontinuerliga uppdateringar av användargränssnittet och potentialen hos användarcentrerade tillvägagångssätt i verkliga applikationer för att förbättra användares engagemang och operativ framgång., This thesis investigates the optimization of user interfaces (UI) for enhancing userexperiences (UX), particularly focusing on the last-minute ticket page of the flightcomparison website Flygresor.se. The core objective is to improve user engagementand satisfaction through the implementation of effective UI/UX design principles.Using a literature study, semi-structured interviews and iterative prototyping thisresearch identifies key UI/UX improvements. Prototypes were developed and refined partly based on insights gained through the literature review, but prominentlyon feedback from participants in semi-structured interviews, focusing on navigability, readability, and interaction efficiency. The study highlights the significant impactof thoughtful UI/UX design on participants satisfaction and highlights practical recommendations for UI enhancements. The findings emphasize the necessity of continuous UI updates and the potential of user-centric approaches in real-world applications to improve user engagement and operational success.

[ES] El presente TFG aborda la concepción y desarrollo de una página web que, mediante el formato de línea del tiempo, explora la cronología de eventos en los inicios de mi historia personal. Este proyecto recoge testimonios y documentos gráficos, junto con el diseño del prototipo de la interfaz y la programación de la página web., [EN] This project involves the conceptualization and development of a website employing a timeline format, which explores the chronology of events in the early chapters of my personal history. It compiles testimonials and graphic documents, in addition to designing the prototype interface and programming the website.

Organ-ing is a multidisciplinary choreographic project that operates through a set of obscure organs that expand from spaces into bodies and from bodies into spaces. These organs don’t have vital functions and don’t seem to want to be named either; one could absolutely survive without them. Their byproducts are dances, sounds, objects, and poems: a gathering of lovers in lust for touch. Organ-ing is a strategy for a worlding that doesn’t stop at the body's borders. It is realised through an interest in the organ as a form that holds things as well as an ongoing formation. As an organ grows, I learn what it does. The project doesn’t follow linear paths of causality concerning what forms what: these organs shape and are shaped by what they create and hold. While realised and felt inside the human body, they also pour into and out of it. They might be organs of a human but they aren’t human organs. These emergent organs propose a sense of fiction to intertwine with the body’s pre-existing narratives, whether medical or holistic, and bring forth an array of fantasies that weave together the felt sense of the body. The organs of organ-ing don’t mean correcting or questioning what is already there. Instead, they twist or expand mostly pre-existent physical capacities to fabricate a body lustfully entangled with itself and its environment, with the ability and deep desire to belong. This alternative thesis is a website found on https://organ-ing.gergodfarkas.com/. The website contains hyperlinks, which lead to a series of footnotes. These footnotes can also be read as a coherent text.

Referencias bibliográficas: • Anderson, T. (2014). ¿Dónde está el dividendo digital de la Educación Superior?. En Sangrà, A. (2014). Traspasando la línea. El País. Recuperado a partir de http://blogs.elpais.com/traspasando-la-linea/2014/06/d%C3%B3nde-est%C3%A1-el-dividendo-digital-de-la-educaci%C3%B3n-superior.html • Bates, A. & Sangrà, A. (2011). Managing Technology in Higher Education: Strategies for Transforming Teaching and Learning. San Francisco: Jossey-Bass/John Wiley & Co. • Camilleri, A. F., Ehlers, U. D. & Pawlowski, J. (2014). State of the Art Review of Quality Issues related to Open Educational Resources (OER). Sevilla: European Commission. doi:10.2791/80171 • Capdevila, R. & Aranzadi, P. (2014). Los Cursos Online Masivos y Abiertos: ¿Oportunidad o amenaza para las universidades iberoamericanas? RIED Revista Iberoamericana de Educación a Distancia, 17 (1), 69-82. • Daniel, J. & Uvalić- Trumbić, S. (2013). A guide to quality in online learning. Ontario: Academic Partnerships. • Dron, J, y Anderson, T. (2014). Teaching crowds. Learning and social media. Alberta: Athabasca University Press European Consortium for Accreditation (2013). Learning Outcomes in Quality Assurance and Accreditation: Principles, Recommendations & Practice. European Consortium for Accreditation in Higher Education. Recuperado a partir de http://ecahe.eu/admin/files/assets/subsites/1/news/1372260000_eca-wg4-document-on-lo-final.pdf • Fidalgo, A., Sein, M.L. y García, F.J. (2013, noviembre). MOOC cooperativo. Una integración entre cMOOC y xMOOC. II Congreso Internacional sobre Aprendizaje, Innovación y Competitividad (CINAIC 2013), Madrid, España. • Ganley, D. & Lampe, C. (2009). The ties that bind: Social network principles in online communities. Decission Support Systems, 47, 268- 274. doi:10.1016/j.dss.2009.02.013 • Grifoll, J., Huertas, E., Prades, A., Rodriguez, S., Rubin, Y., Mulder, F., & Ossiannilsson, E. (2010). Quality Assurance of E-learning. Helsinki: ENQA (European Associa, El objetivo de este artículo es analizar las características formales de los MOOC en España a las que se enfrenta un usuario potencial de dichos cursos en el «Zero Moment Of Truth», es decir, en los momentos previos a tomar la decisión de matricularse. La mayor parte de las investigaciones sobre MOOC se han centrado en el aprendizaje generado, en el índice de abandonos y en su relación con la educación formal. Nuestro estudio no hace referencia explícita al contenido de los MOOC, ni al porcentaje de los que lo finalizan, sino a los que lo comienzan y por qué llegan a hacerlo. Como hipótesis partimos de la escasa importancia que en España se da al diseño web y a los contenidos audiovisuales en la presentación de los cursos, a pesar de su gran influencia en el momento en que los usuarios deciden si matricularse o no. Como método para contrastar esta hipótesis, nos servimos del análisis de contenido. Se seleccionaron un total de 109 MOOC y se analizaron desde tres categorías de variables retóricas: la categoría informativa, la estética y la credibilidad. Entre otros resultados, se comprueba que los MOOC españoles ofrecen una información bastante completa al potencial alumno pero que pueden mejorar su estética y los elementos que contribuyen a su credibilidad. Las conclusiones a las que llegamos señalan que, tanto si se pretendiese obtener beneficio económico de los MOOC, como si se utilizasen estos cursos gratuitos simplemente para publicitar las instituciones organizadoras y mejorar su imagen, no es suficiente con ofrecer contenidos de calidad., The objective of this article is to analyze the formal characteristics of MOOC in Spain which potential users of such courses have to face at the «Zero Moment Of Truth», i.e., in the moments they make the decision to enroll. Most of the research on MOOC have focused on the learning generated, the rate of drop­outs and MOOC’ relations with formal education. Our study makes no explicit reference to the content of the MOOC, or the percentage of those who complete them, but to those who start them and why they come to do so. We part from the hypothesis that too little attention is paid to web design and audiovisual content in the presentation of the courses in Spain, despite their great influence on the time when users decide whether to register or not. In this study we have used content analysis qualitative research technique to test this hypothesis. We selected atotal of 109 MOOC and analyzed them with three categories of rhetoric variables: the informative category, aesthetics and credibility. Among other findings, we discovered that Spanish MOOC offer a fairly comprehensive information to potential students, but that they can improve their aesthetics and the elements that contribute to its credibility. The conclusions we reach point out that, whether it is intended to obtain economic Benefit from the MOOC, as if these free courses were used simply to advertise the organizing institutions and improve their image, it is not enough to offer quality contents, Depto. de Estudios Educativos, Fac. de Educación, TRUE, pub

Knowledge regarding accessibility adaptations in web design in order to benefit and include people with disabilities in today's digital society is an important cornerstone in the work of minimizing the digital divide. Such features include enlarging or reducing text, distinct navigation, alt-texts, ensuring high contrast between foreground and background. Web design also needs to be compatible with commonly used aids. Previous studies show that there is a lack of accessible websites (Hewitt & Yingchen, 2021), thus proving proof of limited knowledge regarding accessibility adaptations amongst designers and developers (Ferati & Vogel, 2020). The digital divide may increase and more people may feel excluded and discriminated against unless this doesn't change soon (Post och telestyrelsen, 2019). This study aims to explore whether the lack of knowledge among designers and developers affects the digital divide.

El trabajo fin de grado de modalidad profesional que se presenta se centra en la creación de una plataforma web dedicada a la consultoría de imagen personal. Para ello, se ha utilizado un enfoque de diseño centrado en el usuario, lo que ha permitido crear una experiencia de usuario óptima y adaptada a las necesidades de los potenciales usuarios de la web. Asimismo, se ha incorporado un enfoque periodístico en la concepción de la web, que se traduce en una presentación de la información clara, rigurosa y de calidad. El objetivo fundamental de la web es llegar al máximo número posible de audiencia y ofrecer recursos, herramientas y contenidos relacionados con el mundo de la imagen personal, la moda y la belleza, de manera que sea útil para el mayor número de personas. La plataforma se dirige a un público amplio y diverso, interesado en cuidar su aspecto físico y en conocer las últimas tendencias en moda, belleza y estética. El resultado es una plataforma web atractiva, útil y accesible que responde a las necesidades y expectativas del público interesado en la imagen personal, con una presentación de los contenidos cuidada y adaptada a las últimas tendencias periodísticas en la era digital, más servicios específicos relacionados con la “imagen”., The professional modality final degree project that is presented focuses on the creation of a web platform dedicated to personal image consulting. For this, a user-centered design approach has been used, which has allowed the creation of an optimal user experience adapted to the needs of potential web users. Likewise, a journalistic approach has been incorporated into the conception of the web, which translates into a presentation of clear, rigorous and quality information. The fundamental objective of the web is to reach the maximum possible number of audiences and offer resources, tools and content related to the world of personal image, fashion and beauty, in such a way that it is useful for the greatest number of people. The plat form is aimed at a wide and diverse audience, interested in taking care of their physical appearance and learning about the latest trends in fashion, beauty and aesthetics. The result is an attractive, useful and accessible web platform that responds to the needs and expectation of the public interested in personal image, with a careful presentation of content adapted to the latest journalistic trends in the digital age, plus specific services related to the picture, Departamento de Historia Moderna, Contemporánea y de América, Periodismo y Comunicación Audiovisual y Publicidad, Grado en Periodismo

De senaste årens utveckling av generativ AI har fått mycket uppmärksamhet i etablerade medier och generellt i samhället, vilket bland annat har handlat om bildgenereringsverktyg. Något som det saknas tidigare forskning kring är hur text-tillbild AI kan användas inom webbdesign. Den befintliga forskningen som finns på området tyder på att det behövs skapas nya designprocesser för människa-AI interaktion. I denna uppsats undersöks hur designers kan ta användning av AI och om det i sig kan ses som en samarbetspartner eller endast ett verktyg. Uppsatsens frågeställning är: På vilka sätt kan AI i en samskapande process implementeras inom området webbdesign? Arbetetgrundar sig i tidigare forskning inom AI som hjälpmedel i innovation, implementationen av generativ AI i en designprocess, AI inom UX-design samt kommunikation i en samskapande process. Dessutom utgår även studien från tidigare forskning inom MidJourney i en kreativt skapande process, samt de teoretiska perspektiven design thinking och människocentrerad design. Metoderna som används är ett användartest av MidJourney och intervjuer med professionella webbdesigners som deltagare. En majoritet av deltagarna ansåg att MidJourney hade svårt att följa designkriterier som främst handlade om användarvänlighet men var överlag fortsatt positiva till verktygets förmåga. Alla deltagare uttryckte att de hade kunnat fortsätta använda MidJourney i framtida arbeten och nämnde att den kunde implementeras i en designprocess när det kommer till att underlätta och effektivisera kommunikation med klienten för visuella idéer, som ersättning för traditionella inspirationskällor, men främst att den kan vara ett bra verktyg vid idégenerering. Samarbetet med verktyget hade enligt deltagarna kunnat fungera bättre om kommunikation som användes vid användandet var mer mänsklig. Slutsatsen blir att en AI i nuläget kan implementeras i flera steg i en designprocess, som en stöttning i kreativa processer och för att effektivisera mycket arbete, In recent years development of generative AI has received a lot of attention in established media and generally in society, which among other things has been about image generation tools. One area where there is a lack of research in, is how text-to-image AI can be used in web design. Existing research suggests that new design processes for human-AI interaction needs to be created. This essay explores how designers can make use of AI and whether it can be seen as a collaborative partner or a tool. The research question for the essay is: In what ways can AI be implemented in a co-creation process in the web design field? The work is based on previous research on AI as a tool in innovation, implementation of generative AI in a design process, AI in UX design, and communication in a co-creation process. Additionally, the study is also based on previous research on MidJourney in a creative process and the theoretical perspectives of design thinking and human-centered design. The methods that are being used are interviews and a user test with professional web designers as participants. The majority of the participants felt that MidJourney had difficulty following design criterias that primarily concerned usability, but were still positive about the tool's ability. All participants expressed that they could continue to use MidJourney in future works and mentioned that it could be implemented in a design process to facilitate and improve efficiency in communication with the client for visual ideas, as a replacement for traditional inspiration sources, but primarily as a good tool for idea generation. According to the participants, the collaboration with the tool could have worked better if the communication used during its use was more human-like. The conclusion is that AI currently can be implemented in several steps in a design process, as a support in creative processes and to improve efficiency in a lot of work. It also emerges that AI cannot be seen as a collaborative

BACKGROUND: Attention-deficit/hyperactivity disorder (ADHD) is a highly prevalent childhood and adult behavioral disorder. Internet searches for ADHD information are rising, particularly for diagnosis and treatment. Despite effective ADHD treatments, research suggests that there are delays in seeking help for ADHD. Identifying ways to shorten delays is important for minimizing morbidity associated with ADHD. One way to shorten these delays is to improve internet health information resources. Research shows that parents of children with ADHD feel that much of the information available is technical and not tailored for their childs needs and verbal instructions given by health care providers were too pharmacologically focused with limited information about how to manage and support ADHD symptoms in daily living. A majority of parents search the internet for general and pharmacological information for ADHD and prefer web-based resources for learning about ADHD, but web-based resources may be inaccurate and of low quality. Ensuring accurate information through the internet is an important step in assisting parents and adults in making informed decisions about the diagnosis and treatment of ADHD. OBJECTIVE: Although a great deal of information regarding ADHD is available on the internet, some information is not based on scientific evidence or is difficult for stakeholders to understand. Determining gaps in access to accurate ADHD information and stakeholder interest in the type of information desired is important in improving patient engagement with the health care system, but minimal research addresses these needs. This study aims to determine the information needs and formatting needs of web-based content for adults with ADHD and parents of children with ADHD in order to improve user experience and engagement. METHODS: This was a 3-phase study consisting of in-depth phone interviews about experiences with ADHD and barriers searching for ADHD-related information, focus

Web development and web design are one of the main aims of informatics. The technology age allows the creation of websites with many frameworks, languages, and utilities. One helpful utility is Pagebuilders. These editors or applications are useful for designing prototyping, building landing pages, learning how web design UI/UX works, or creating webs and e-shops for customers in record time. The article describes block programming and comparison with Pagebuilders. The following pages compare five popular Pagebuilders and their usage with their pros and cons, style of their main aim, and functions mainly aimed at teaching web development. © 2023, The Author(s), under exclusive license to Springer Nature Switzerland AG.

this paper presents the development of a guide for the design of Higher Education Institutions (hei) websites based on the wcag 2.1 standard applied to visual disabilities. For this pur-pose, proposals that guide the design of accessible hei websites were identified, based on the find-ings and the wcag 2.1 standard; a guide that facilitates the design of hei websites applied to visual disabilities was specified; then the level of compliance obtained by the Univida website when apply-ing the proposed guide was evaluated. The taw online tool was used as the evaluation method. The results show that the proposals analyzed focus on evaluating the accessibility of websites; however, none of them are specifically oriented to webmasters, developers and web designers, nor do they fo-cus on the design of hei websites for the visually impaired. It was also evidenced that, when applying the guide on the selected website, from a total of 433 errors in the first analysis it was reduced to 14 in a second analysis for compliance levels a, aa and aaa. This work allows us to conclude that there is a growing interest among researchers and higher education institutions in designing inclusive insti-tutional websites and virtual learning platforms, which not only consider the information needs and the attractive impact of their design, but also focus on the population with disabilities., este trabalho apresenta o desenvolvimento de um guia para o design de websites para Instituições de Ensino Superior (ies ) baseado na norma wcag 2.1 aplicada à deficiência visual. Para isso, foram identificadas propostas que orientam o design de sites de ies acessíveis, com base nos achados e na norma wcag 2.1, foi especificado um guia para facilitar o design de sites de ies aplicados a deficiência visual, então o nível de conformidade obtido pela Univida website ao aplicar o guia proposto. A ferra-menta online taw foi utilizada como método de avaliação. Os resultados mostram que as propostas analisadas focam na avaliação da acessibilidade de websites; no entanto, nenhum deles visa especifica-mente webmasters, desenvolvedores e designers da web, nem se concentra no design de sites de iespara deficientes visuais. Evidenciou-se também que, ao aplicar o guia no site selecionado, de um total de 433 erros na primeira análise, foi possível reduzi-lo para 14 em uma segunda análise para os níveis de conformidade a, aa e aaa. Este trabalho permite-nos concluir que existe um interesse crescente de investigadores e instituições de ensino superior em conceber websites institucionais inclusivos e plata-formas virtuais de aprendizagem, que considerem não só as necessidades de informação e o impacto atrativo do seu design, mas também um foco nas pessoas com deficiência população., Este trabajo presenta el desarrollo de una guía para el diseño de sitios web de Instituciones de Educación Superior (IES) basada en el estándar WCAG 2.1 aplicado a discapacidades visuales. Para ello se identificaron propuestas que orientan el diseño de sitios web accesibles de IES. A partir de los hallazgos y del estándar WCAG 2.1 se especificó una guía que facilite el diseño de sitios web de IES aplicada a discapacidades visuales, después se evaluó el nivel de conformidad obtenido por el sitio web de Univida al aplicar la guía propuesta. Como método de evaluación, se utilizó la herramienta en línea TAW. Los resultados muestran que en las propuestas analizadas se enfocan en evaluar la accesibilidad de los sitios web; sin embargo, ninguna de ellas se orienta específicamente a webmasters, desarrolladores y diseñadores web, ni se enfocan en el diseño de sitios web de ies para personas con discapacidad visual. También se evidenció que, al aplicar la guía en el sitio web seleccionado, de un total de 433 errores en el primer análisis se logró disminuir a 14 en un segundo análisis para los niveles de conformidad A, AA y AAA. Este trabajo permite concluir que existe un creciente interés en investigadores e instituciones de educación superior de diseñar sitios web institucionales y plataformas virtuales de aprendizaje inclusivos, que no solo consideren las necesidades de información y el impacto atractivo de su diseño, sino también un enfoque hacia la población con discapacidad.

Webbplatser har idag mindre än en sekund på sig att göra ett visuellt intryck innan besökaren riskerar att gå vidare till en annan webbplats. I hotellbranschen där kundrelationer är högt värderat och det fysiska mötet i många fall har bytts ut mot hotellets webbplats spelar det visuella intrycket en viktig roll. Varje kontakt en besökare har med ett företags webbplats påverkar besökarens känslor för varumärket och således kundrelationen. Framtidens stora kundsegment Generation Z kräver hög kvalitet på webbdesign vilket innebär att det är viktigt för företag att förstå hur deras webbplats kan skapa ett bra intryck för att fånga målgruppen. Forskning visar att visuella webbdesignelement har en påverkan på besökarens tillfredsställelse, tillit samt lojalitet, vilket även är tre viktiga faktorer för att bygga kundrelationer. Genom att analysera hur webbdesignelementen foto, färg, visuell ordning, visuell komplexitet samt informationsdesign/text påverkar tillfredsställelse, tillit samt lojalitet på en hotellwebbplats syftar studien till att skapa en förståelse för hur en hotellwebbplats således kan påverka kundrelationer med personer som tillhör Generation Z. Studien har genomförts med en kvalitativ metod i form av semistrukturerade intervjuer med en kompletterande enkät. Sex respondenter som tillhör Generation Z studerade två hotellwebbplatser där samtliga webbdesignelement diskuterades med utgångspunkt kring tillfredsställelse, tillit samt lojalitet. Studiens resultat visar att samtliga webbdesignelement i undersökningen har en avgörande roll för att uppfylla besökarens förväntningar och kan således påverka tillfredsställelse, tillit och lojalitet som i sin tur har en påverkan på kundrelationer., Websites today have less than a second to make a visual impression before the visitor risks leaving for another website. In the hotel industry where customer relationships are highly valued and the face-to-face meeting has in numerous cases been replaced by the hotel's website, the visual impression plays an important role. Each contact a visitor has with a company's website will affect the visitor's feelings towards the brand and thus affect the customer relationship. Generation Z, the large customer segment of the future, requires high quality web design. This means that it is important for companies to understand how their website can make a good impression to capture the target audience. Research shows that visual web design elements have an impact on visitors' satisfaction, trust, and loyalty, which are also three important elements in building customer relationships. By analyzing how the web design elements photo, color, visual order, visual complexity and information design/text affect satisfaction, trust and loyalty, the study aims to create an understanding of how a hotel website can affect customer relationships with people belonging to Generation Z. The study was conducted with a qualitative method with semi-structured interviews and a supplementary questionnaire. Six respondents who belong to Generation Z studied two hotel websites where all web design elements were discussed based on satisfaction, trust, and loyalty. The findings in this study show that all web design elements examined are crucial for meeting the visitor's expectations. Thus, it can affect satisfaction, trust, and loyalty, which in turn has an impact on customer relationships.

Programmering spelar idag en oumbärlig roll för samhällets funktioner men det finns en kvinnlig underrepresentation både inom branschen och på utbildningar relaterade till programmering. Denna studie ämnar undersöka hur kvinnor reagerar på marknadsföring för programmeringsutbildningar och hur marknadsföringen skulle kunna förbättras. Detta i syfte att locka fler kvinnor till utbildningarna och potentiellt öka jämställdheten inom IT. I teorin konstateras att det finns en stark stereotyp kring programmerare, vilken kvinnor inte identifierar sig med. Ökad representation, gemenskap och kreativitetsbetingade utbildningstitlar identifieras i tidigare studier som förslag på marknadsföringsåtgärder för att utjämna könsfördelningen. För att undersöka uppfattningen kring programmeringsutbildningars marknadsföring utfördes fokusgruppsintervjuer. Baserat på svaren utformades en enkät vars resultat skulle bekräfta eller dementera fokusgruppernas påståenden. Kvinnor hade en positiv reaktion när kreativt betingade ord användes och när det fanns bred representation av kön och etniciteter. Negativa reaktioner uppstod när homogena grupper av stereotypiska programmerare porträtterades. Ett återkommande önskemål var att få se utbildningen i ett större sammanhang och att få se konkreta exempel på utbildningsmoment och framtida arbetsuppgifter., Programming today plays an indispensable role for society's functions but there is a underrepresentation of women both in the industry and in educations related to programming. This study aims to examine how women respond to marketing for education related to programming and how marketing could be improved. This is to attract more women to the educations and potentially increase gender equality in IT. In theory, it is stated that there is a strong stereotype about programmers, which women do not identify with. Increased representation, community and creativity-related educational titles are identified in previous studies as proposals for marketing measures to even out the gender distribution. To investigate the perception of the marketing for educations related to programming, focus group interviews were conducted. Based on the answers, a questionnaire was designed whose results would confirm or deny the focus groups' statements. Women had a positive reaction when creative words were used and when shown broad representation of gender and ethnicities. Negative reactions arose when homogeneous groups of stereotypical programmers were portrayed. A recurring wish was to see the education in a larger context and to see concrete examples of educational elements and future occupational tasks.

Usability and User Experience are two important aspects in the design and develop-ment of software systems and websites. One part of this is the visual design, or aesthetics,of the system i.e., how does the product look to the user?In this study, it was investigated if adapting a website to a graphic profile would in-crease the overall user experience, and if changes to the visual design would affect howother areas of usability were experienced. The system that was studied was the web in-terface of a documentation server that was used by software developers at Toyota MaterialHandling Manufacturing Sweden AB (TMHMS) in Mjölby. To evaluate the research ques-tions, two surveys based on the User Experience Questionnaire (UEQ) were conducted. Thefirst survey was done before making changes to the website and the second survey after, asto be able to compare the experience of the users. Changes to the website, such as changingfonts and colors, were made in accordance to the graphic profile of TMHMS and the resultsshowed that the overall experience of using the website improved after these changes. Theresults also showed that aesthetic improvements had a positive impact on the perceivedusability of other areas. The results are consistent with previous studies made and pro-vides a good stepping stone for continued research into how visual design and consistentthemes may affect the user experience of websites and systems.

Det finns över 200 miljoner aktiva hemsidor till drygt 5 miljarder användare. I takt med attinternet har växt och utvecklingen gått kraftigt framåt har användare blivit mer kräsna överinnehållet på en hemsida.Varje gång en användare besöker en hemsida gör användaren ensnabb utvärdering av hemsidan för att avgöra om denne vill stanna på sidan eller lämna denpå en gång.Målet med denna studie är att titta närmare på hur webbdesign påverkar användarens val attstanna kvar på en hemsida eller inte. Studien inriktar sig på hur valet av typsnitt, bild och färgpåverkar användarens vilja att stanna kvar på hemsidan utifrån trovärdighet ochanvändbarhet.För att besvara forskningsfrågorna så skickades en enkät ut där deltagarna fick besvara denuppleva trovärdigheten och användbarheten utifrån tre designaspekter, typsnitt, bild och färgsamt se hur detta påverkar deltagarnas vilja att stanna kvar på hemsidan.Resultatet visar att alla tre designprinciper påverkade användarens vilja att stanna kvar påhemsidan. De designelementen som undersöktes påverkade användarens vilja att stanna kvarpå hemsidan i följande ordning från minst till störst påverkan: typsnitt, färg, bild.Sammanfattningsvis visar studien på att en användares benägenhet att stanna kvar på enhemsida kan öka om designen är tillfredsställande och genomtänkt., There are over 200 million active websites for just over 5 billion users. As the internet hasgrown and technological development has progressed greatly, users have become more pickyabout the content of a website. Each time a user visits a website, the user makes a quickevaluation of the website to decide if they want to stay on the page or leave it at once.The aim of this study is to take a closer look at how web design affects the user's choice tostay on a website or not. The study focuses on how the choice of font, image and color affectsthe user's desire to stay on the website based on trustworthiness and usability.To answer the research questions, a survey was sent out where the participants had to answerthe perceived trustworthiness and usability based on three design aspects, font, image andcolor and see how this affects the participants' willingness to stay on the website.The results show that all three design principles influenced the user's willingness to stay onthe website. The design elements that were examined influenced the user's willingness to stayon the website in the following order from least to greatest impact: font, color, image.In summary, the study shows that a user's tendency to stay on a website can increase if thedesign is satisfactory and well thought out.

Most people are used to recording videos on their mobile phones. However, becoming a streamer is another step further in complexity. This thesis evaluates how a streaming scheduling system can be developed to enhance the usability. It goes from idea to finished system using a design-build-test approach. To accomplish the objective the project uses three phases (research, design-build-test, and final prototype) to investigate how to build a streaming scheduling system for users lacking technical proficiency. A finalized prototype was built in the design-build-test phase, based on findings in the research phase. After the prototype was finalized, it got implemented and tested on Kvix streaming platform. The final hi-fi prototype was tested using an online questionnaire, consisting of a system usability scale and open-ended questions. The final proposed solution had a satisfaction score of 82.81 (grade A) with a probability of 70% on the system usability scale which indicates that it is effective, efficient and satisfactory.

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

Background. Despite the abundance and proximity of edible marine resources, coastal communities along the St. Lawrence in Eastern Québec rarely consume these resources. Within a community-based food sovereignty project, Manger notre Saint-Laurent (‘‘Sustenance from our St. Lawrence''), members of participating communities (3 nonIndigenous, 1 Indigenous) identified a need for a web-based decision tool to help make informed consumption choices. Methods. We thus aimed to co-design a prototype website that facilitates informed choices about consuming local edible marine resources based on seasonal and regional availability, food safety, nutrition, and sustainability, with community members, regional stakeholders, and experts in user experience design and web development. We conducted 48 interviews with a variety of people over 3 iterative cycles, assessing the prototype's ease of use with a validated measure, the System Usability Scale. Results. Community members, regional stakeholders, and other experts identified problematic elements in initial versions of the website (e.g., confusing symbols). We resolved issues and added features people identified as useful. Usability scores reached ‘‘best imaginable'' for both the second and the third versions and did not differ significantly between sociodemographic groups. The final prototype includes a tool to explore each species and index cards to regroup accurate evidence relevant to each species. Conclusions. Engaging co-designers with different sociodemographic characteristics brought together a variety of perspectives. Several components would not have been included without co-designers' input; other components were greatly improved thanks to their feedback. Co-design approaches in research and intervention development are preferable to foster the inclusion of a variety of people. Once the prototype is programmed and available online, we hope to evaluate the website to determine its effects on food choices.

This class covers the analysis, design, implementation and testing of various forms of digital communication based on group collaboration. Students are encouraged to think about the Web and other new digital interactive media not just in terms of technology but also broader issues such as language (verbal and visual), design, information architecture, communication and community. Students work in small groups on a semester-long project of their choice.

Web design is one of the branches of IT that is evolving very fast, like most IT fields. At the same time, it is also one of the first things students encounter when learning programming There are two ways of creating web pages - classic using HTML, PHP, etc., and visual using editors and pagebuilders. This article aims to introduce the reader to web development and its teaching. The report summarizes the main advantages and disadvantages of traditional web development and manual programming and compares them with today's modern methods through pagebuilders in web CMS. The article concludes by answering SEO questions and the advantages and disadvantages of using pagebuilder solutions.

En aquest projecte, es desenvolupa un sistema de monitorització de dades per bancs de prova amb portes automàtiques. Un microcontrolador ESP8266 s’encarrega de recollir i enviar la informació dels sensors connectats (entre ells, un encòder lineal dissenyat al projecte) i alguna entrada de sistema (com ara un botó d’emergència) per WiFi a una base de dades SQL. Un dels objectius del projecte és crear un espai web des d’on l’usuari pugui consultar les dades en directe, descarregar dades del test durant un període específic, establir límits de funcionament i permetre missatges d’alarma quan les dades estan fora dels límits. La web visualitza els bancs en tot moment gràcies a una càmera IP i, a més a més, permet l’activació o la parada dels bancs remotament. La darrera fase del projecte és el prototipat de dues plaques de circuit imprès necessàries per muntar els sensors, els connectors i els microcontroladors emprats., En este proyecto, se desarrolla un sistema de monitorización de datos para bancos de ensayo con puertas automáticas. Un microcontrolador ESP8266 se encarga de recoger y enviar la información de los sensores conectados (entre ellos, un encoder lineal diseñado en el proyecto) y alguna entrada (por ejemplo, un botón de emergencia) por medio de WiFi a una base de datos SQL. Uno de los objetivos del proyecto es crear un sitio web donde el usuario pueda consultar los datos en directo, descargar datos del test durante un periodo específico, establecer límites de funcionamiento y permitir mensajes de alarma cuando los datos están fuera de los límites. La web muestra los bancos en todo momento gracias a una cámara IP y, además, permite la activación o la parada de los bancos remotamente. La última fase del proyecto es el prototipado de dos placas de circuito impreso necesarias para el montaje de los sensores, los conectores y los microcontroladores., A microcontroller ESP8266 receives data from a few sensors (among them, a linear encoder designed in the project) and other inputs (for instance, an emergency button) and sends it via WiFi to an SQL database. One of the targets is to create a website which allows the user to read latest information, download test data during a specified period, set working limits and configure alerts when the test is out of the limits. The website streams live by means of an IP cam. Furthermore, remote activations are enabled in the website to start up or stop the test. Finally, two PCBs are built for mounting the sensors, the connectors and the microcontrollers used in this project.

В статье рассмотрено значение дистанционного повышения квалификации преподавателя высшей школы в условиях пандемии, положительные и отрицательные моменты курса «Технологии фронтенд разработки (с учетом стандарта Ворлдскиллс по компетенции «Веб-дизайн и разработка»)»., The article considers the importance of remote professional development of a higher school teacher in the context of a pandemic, the positive and negative aspects of the course "Frontend development technologies (taking into account the Worldskills standard for the competence "Web Design and development")".

[ES] El presente trabajo de fin de grado se centra en el diseño y desarrollo de una plataforma digital para divulgar y hacer más accesible la música clásica. Se expone y justifica la necesidad de dinamizar el sector de la música clásica a nivel local y se desarrollan los aspectos esenciales en la realización de un proyecto web; partiendo desde el diseño y creación de plantilla, la gestión y desarrollo de contenidos y la implementación de marketing digital. La realización de esta web pretende impulsar la creación de una comunidad de usuarios, formando parte de un proyecto más amplio dentro del ámbito de la gestión cultural, contando también con una revista impresa., [EN] This final degree project focuses on the design and development of a digital platform to disseminate and make classical music more accessible. The need to boost the classical music sector at the local level is explained and justified and the essential aspects in the realization of a web project are developed; starting from the design and creation of a template, the management and development of the contents and the implementation of digital marketing. The realization of this website aims to promote the creation of a community of users, being part of a broader project within the field of cultural management, also having a print magazine.

It’s a fun and important skill to know how to communicate information effectively in the digital age through computers, the internet, and connected devices. A good website is designed to transmit, process, and help people use data efficiently. In this project, members will learn todesign, code, and build an effective website using website builders and code • to optimize a website for mobile devices, for fast load time, and for people who can’t view the images • to create graphics and human-centered designs for websitesto share information using best practices of communicating informationThis sheet outlines activity ideas at beginning, intermediate, and advanced levels of skill • also gives suggestions on how to tie the activity to STEM, healthy living, civic engagement, leadership and college and career readiness goals.

[ES] En el contexto excepcional vivido en 2020 y 2021 ante la pandemia mundial de COVID-19, se ha hecho evidente la necesidad de espacios arti¿sticos no fi¿sicos. Esto responde tanto a la problema¿tica derivada del virus y su contagio como a la potenciacio¿n de estos espacios por su creciente uso en el periodo de confinamiento. Por ello, la fundacio¿n Vicente Ferrer ha decidido crear una versio¿n digital de su exposicio¿n Viaje a la Ciudad del Infinito, en la que narran la historia de la fundacio¿n creada en la India por Vicente y Anna Ferrer, asi¿ como sus vidas e historia en ese continente, a trave¿s de fotografi¿as. Este trabajo va a dedicarse a crear esa versio¿n digital, apoya¿ndose en el Museo Online de Arte Digital, plataforma creada en un proyecto anterior precisamente para producir espacios digitales como el que busca la fundacio¿n. Los objetivos de este TFG sera¿n la adaptacio¿n de una exposicio¿n fi¿sica al medio web a nivel teo¿rico (co¿mo se traducen los elementos y los recorridos) y la implementacio¿n te¿cnica de esa adaptacio¿n. El resultado final sera¿ una exposicio¿n web que ofrezca con el mayor grado de fidelidad posible lo que ofrece una exposicio¿n fotogra¿fica fi¿sica., [EN] In the exceptional context experienced in 2020 and 2021 in the face of the global COVID-19 pandemic, the need for non-physical artistic spaces has become evident. This responds both to the problems derived from the virus and its infection and to the enhancement of these spaces due to their increasing use in the period of confinement. For this reason, the Vicente Ferrer Foundation has decided to create a digital version of their exhibition Viaje a la Ciudad del Infinito, in which they tell the history of the foundation created in India by Vicente and Anna Ferrer, as well as their lives and history in that continent, through photographs. This project will be dedicated to creating this digital version, relying on the Online Museum of Digital Art, a platform created in a previous project precisely to produce digital spaces like the one the foundation seeks. The objectives of this report will be the adaptation of a physical exhibition to the web medium at a theoretical level (how the elements and routes are translated) and the technical implementation of this adaptation. The end result will be a web exhibition that offers with the highest possible degree of fidelity what a physical photographic exhibition does.

[ES] La siguiente memoria detalla el desarrollo de una aplicación web, cuyo objetivo es proveer un sitio donde compartir y gestionar recetas de cocina y discutir acerca de temas culinarios. La aplicación se encuentra estructurada en dos partes, el desarrollo del back-end empleando el framework de desarrollo Spring, con el cual se construirá un API REST de consultas HTTP. Por otro lado el desarrollo del front-end, la interfaz de usuario, que se construirá con el framework de desarrollo web Angular empleando el lenguaje de programación web TypeScript. A lo largo de la memoria se van a detallar las fases de desarrollo empleadas para construir la aplicación web, la especificación de requisitos, el análisis, la implementación y pruebas, además de otros aspectos relacionados con la resolución de problemes y como se ha llegado a la solución propuesta., [EN] The following report details the development of a web application, whose objective is to provide a site to share and manage cooking recipes and discuss about culinary topics. The application is structured in two parts, the back-end development using the Spring development framework, with which a REST API forHTTP queries will be built. On the other hand, the front-end development, the user interface, which will be built with the Angular web development framework using the Ty-peScript web programming language. Throughout the report we will detail the development phases used to build the web application, the requirements specification, analysis, implementation and testing, as well as other aspects related to problem solving and how the proposed solution has been reached., [CA] La següent memòria detalla el desenvolupament d’una aplicació web, l’objectiu de la qual és proveir un lloc on compartir i gestionar receptes de cuina i discutir sobre temes culinaris. L’aplicació es troba estructurada en dues parts, el desenvolupament del back-end emprant el framework de desenvolupament Spring, amb el qual es construirà un API REST de consultes HTTP. D’altra banda el desenvolupament del front-end, la interfície d’usuari, que es construirà amb el framework de desenvolupament web Angular emprant el llenguatge de programació web TypeScript. Al llarg de la memòria es detallaran les fases de desenvolupament emprades per a construir l’aplicació web, l’especificació de requisits, l’anàlisi, la implementació i proves, a més d’altres aspectes relacionats amb la resolució problemes i com se ha arribat a la solució proposada.

[ES] Este TFG expone el proceso de creación de un negocio de fotografía creativa para publicidad: Carme Cerviño Studio (www.carmecervino.com). Se abordarán todos los pasos a seguir desde la consolidación de un estilo artístico identificable, el estudio de distintos referentes tanto artísticos como empresariales, la creación de un flujo de trabajo eficaz estandarizado (moodboard- shooting- postproducción) y sobre todo, como foco central de este trabajo de fin de grado, la creación de una página web a modo de porfolio dónde potenciales clientes puedan visualizar los proyectos elaborados hasta el momento. Carme Cerviño Studio está pensado como un modelo de negocio freelance totalmente viable como salida laboral aplicando los conocimientos adquiridos en la carrera de Bellas Artes., [EN] This TFG exposes the creation process of a creative photography business focused on the advertisement industry: Carme Cerviño Studio (www.carmecervino.com). We will review all the different steps, from the consolidation of an artistic style that is recognizable, the study of different referents both artistic and business-wise, the creation of an efficient workflow (moodboard- shooting-postproduction), and as the center of this TFG, the design of a website that works as a portfolio where clients can view all the projects finished so far. Carme Cerviño Studio is designed as a freelance business plan, totally realistic as a job opportunity applying the knowledge acquired in the Fine Arts career.

[ES] Bombeta es una editorial especializada en la publicación de obra gráfica de jóvenes artistas, diseñadores e ilustradores valencianos. Este trabajo final de grado comprende el proceso de conceptualización de la empresa y el diseño de su identidad visual corporativa, de su página web y de material publicitario. Este último se desarrolla empleando técnicas de ingeniería de papel, dotando de tridimensionalidad a las piezas diseñadas., [EN] Bombeta is a publishing house that specializes in publishing graphic works by young Valencian artists, designers and illustrators. This dissertation encompasses the company's conceptualization process, as well as the creation of its corporate visual identity and the design of its website and promotional materials. These aforementioned elements are three-dimensional, having been developed using paper engineering techniques.

[ES] En este trabajo de final de grado se expone el proceso de diseño UX (experiencia de usuario) de un comercio online, comprendiendo el proceso completo de investigación del estado de la cuestión, la definición del proyecto y los objetivos a cubrir, la ideación y el prototipado de una web para una tienda de moda sostenible. El documento se desarrolla en dos partes: Una parte teórica en la que introduciremos el concepto y los fundamentos del Diseño UX y explicaremos las diferentes metodologías que abarca. Y un apartado práctico donde aplicaremos las metodologías adecuadas para desarrollar un diseño de experiencia de usuario lo más apropiada posible para la tienda online de moda sostenible. Finalizaremos con las conclusiones del proyecto y la bibliografía específica sobre diseño de experiencia de usuario compuesta por libros, artículos y sitios web., [EN] This thesis is about the de UX Design (User Experience) process of an e-commerce. The main goal of the thesis is to develop the entire research process, the definition of the project, the objectives to be achieved and the ideation and prototyping of a website. The focus of the study is a case of a sustainable fashion store. This project is divided in two sections: On the one hand, a theoretical section in which the fundamentals of UX Design and its methodologies are introduced and explained. On the other hand, a practical section where the suitable methodologies are applied to develop a user experience design as appropriate as possible for a sustainable fashion online store. Finally, the conclusions obtained throughout the development of the project will be presented, as well as the references and specific bibliography on user experience design consisting of books, articles, and websites.

[CA] El treball desenvolupat en aquest TFG descriu tot el procés dut a terme per a traslladar l’exposició Viaje a la Ciudad del Infinito, de la Fundació Vicente Ferrer al Museu Online d’Art Digital (MOAD), una plataforma web dedicada a l’exposició de diferents obres d’art. El treball a desenvolupar s’estructura en dos parts, una primera part més teórica on s’analitzen les necessitats de l’exposició respecte al disseny actual de MOAD, i una segona part, on es presenta una proposta de disseny web per a l’exposició en MOAD així com la implementació en llenguatges web., [EN] The work developed in this TFG describes the whole process carried out to move the exhibition Viaje a la Ciudad del Infinito, from the Vicente Ferrer Foundation to the Online Museum of Digital Art (MOAD), a web platform dedicated to the exhibition of different works of art.The work to be developed is structured in two parts, a first more theoretical part where the needs of the exhibition are analyzed with respect to the current design of MOAD, and a second part, where a web design proposal for the exhibition in MOAD as well as implementation in web languages.

In the rapidly evolving world of digital technology, we are confronted with a huge amount of information on the internet that affects and affects all areas of human activity. This has led to a sharp increase in demand for Web design professionals who can provide easy access to internet resources for internet users. In this regard, one of the most pressing issues today is to think about the quality and challenges of training specialists in this field, to develop solutions to existing problems.

Geoffrey Chaucer wrote, “Time and tide wait for no man.” He was correct. Aging is universal. It affects all humans in positive and negative ways. From children becoming teens to adults becoming senior adults, each stage of life brings changes and challenges. In one’s forties, menus can become harder to read, hair can fall out, hearing in loud environments can become difficult. Then, in one’s mid-sixties, more difficult challenges can arrive. Health issues such as high blood pressure, diabetes, lung disease can become a regular part of one’s life. Cognition slowness, vision and hearing loss can create difficulties not only in interacting in social settings, but also managing one’s life online. Technology develops and expands constantly. Professor Peter-Paul Verbeek, distinguished Professor of Philosophy of Technology at the Department of Philosophy of the University of Twente, examined how technology, in its purest form, should be a form of mediation for its users. Technology should not be the focus, it should be the median by which you relate to the world around you. “The central idea in mediation theory is that technologies do not simply create connections between users and their environment, but that they actively help to constitute them” (Verbeek). Technology influences the way the user sees the world around them. When made usable, technology can present large positives in an individual’s life. Technology can allow a viewer who is quarantined at home the opportunity to explore a new country. Technology can also bring shopping and banking to your fingertips. It can give the immobile user the freedom to be self-reliant. Medicine, food, and cleaning needs can all be purchased using many different technologies. A user can refill medications using a finger on a smart phone, smart watch, tablet, or computer. Or they can simply use their voice on technologies like Alexa, Echo, and Siri. Technology makes these possibilities endless. But for technology to do all these won