Context: Flatbed applicators are machines made for laminating, primarily signs on an industrial level. These applicators are controlled manually, which exhibits potential for digitalization in order to enhance the user experience. Problem: The first challenge is to develop a user interface for a mobile app, created to provide an easy path for communication to customers, with user-friendliness as the focal point. The second challenge is being able to communicate with a flatbed applicator, through the aforementioned app. Method: This project started out with pre-studies about the required topics. The system prototype was then designed and implemented with a focus on adequate UI design guidelines for the mobile app and a suitable protocol to enable communication between the app and the applicator. Results: The app prototype was developed through the usage of J.J. Garrett’s model along with Material Design guidelines, in order to establish a customer-centric user interface. Communicating between the mobile app and a PLC using TwinCAT, MQTT and React Native appears to be a feasible solution.

Paperboard is produced in a large and complex process where many parameters can affect its quality. The common methods of analysing paperboard quality are through traversing point-like sensors that only measure a very small fraction of the produced paperboard. Holmen Iggesund Paperboard has installed an IR-camera that measures the entire paperboard web and is looking for a tool to assess paperboard quality variation based on these measurements. The purpose of this thesis work is to develop such a tool. This was done through developing a user-friendly computer application (app) IR-measurement Analysis (IRMA). The app is designed to help the process engineers of Iggesunds mill assess the paperboard variability, which strongly correlates with its quality. The quality improvements of paperboard mainly concern eliminating irregularities in thickness, grammage, and moisture. In IRMA, theuser can prepare data, perform statistical analyses, execute a frequency analysis through Fast Fourier Transform and then compare the frequency peaks with the frequencies of possible sources for periodic process variation, for example rolls. Correlating frequency peaks and roll frequencies can indicate issues with rolls and make process engineers at the mill aware of maintenance needs. IRMA have been tested at the mill and these tests have indicated that IRMA can be beneficial in the process engineer’s daily quality control measures. Furthermore, a manual has been written and the process engineers will be thoroughly educated in the use of IRMA.

Ever wondered how trains arrive and depart on time? Traffic Control systems are there to help control the traffic flow, with many operators monitoring and taking actions when necessary. Operators of the traffic control systems use a keyboard and a mouse to interact. Current user interface and work setup consist of many usability issues that can be improved in order to increase operator’s efficiency and productivity in controlling the traffic. Interviewing users of the system and researching on related topics led to a newly proposed design in interaction, user interface as well as some suggestions for increasing productivity. Gesture-based interaction is introduced and simulated for traffic control systems that tend to improve the operation. Various gestures are designed such as panning, zooming and hovering the map using Leap Motion controller which enables intuitive interaction. These gestures aim to solve identified usability issues discovered during the interview with the user. The project aims to answer the following question: Can gesture-based interaction solve usability issues and establish the intuitive use of the CTC system? Performing exploratory research on this topic involved designing, implementing and testing hand gestures with users. From an ergonomic perspective, body posture and hand position of the operator is examined and suggested to use sit-to-stand workstations in order to reduce pain and discomfort while working. Gesture-based interaction eliminates finding mouse cursor on large screens, it enables fast request of detailed information and also it provides a better overview of the map surroundings. Laboratory tests confirm that gesture-based interaction brings more natural and intuitive use of traffic control systems. There is a big potential for gesture-based interaction to increase usability and bring efficient controlling for operators. It would reduce delays of the train and maintain safe traffic flow. / Har du någonsin undrat hur tåg anländer och avgaå i tid? Trafikledningssystem (CTC-system) hjälper till att kontrollera trafikflöet där operatörer övervakar och vidtar åtgärder vid behov. Operatörer av ett trafikledningssystem använder idag ett tangentbord och en mus för att interagera. Det nuvarande användargränssnittet och arbetsinstallationen består av många användbarhetsproblem som kan förbättras för att öka operatörens effektivitet och produktivitet för att kontrollera trafiken. Intervjuer med användare av systemet samt forskning om ämnet ledde till ett nytt föreslag av interaktion, utformning av användargränssnitt samt några förslag för att öka produktiviteten. Den gestbaserade interaktionen som infördes och simulerades för trafikkontrollsystemet tenderar att förbättra funktionen. Olika gester utformades som möjliggör för användaren att panorera, zooma och sväva över kartan. Gesterna implementerades med hjälp av Leap Motion Controller som möjliggör intuitiv interaktion. Dessa gester syftar till att lösa identifierade användbarhetsproblem som upptäcks under intervjuerna med användarna. Syftet med detta arbete var att svara på följande forskningsfråga: Kan gestbaserad interaktion lösa användbarhetsproblem och etablera intuitiv användning av CTC-systemet? Den explorativa forskning som utfördes i detta arbete inkluderade att utforma, genomföra och testa gester med användare. Kroppshållning och handposition för operatorerna undersöktes ur ett ergonomiskt perspektiv och studien föreslår att använda sitt-till-stå arbetsstationer för att minska smärta och obehag under arbetet. Gestbaserad interaktion eliminerar problemet att hitta muspekaren på stora skärmar, vilket gör det enkelt att snabbt hitta detaljerad information och ger även en bättre överblick över kartans omgivning. Laboratorietester bekräftar att gestbaserad interaktion ger mer naturlig och intuitiv användning av trafikledningssystemet. Det finns en stor potential för gestbaserad interaktion för att öka användbarheten och ge en effektiv kontroll för operatörerna. Det skulle minska förseningarna av tåget och upprätthålla ett säkert trafikflöde.

The objectives and goals of this study is to analyze different styles of viewing information on mobile platforms and to find out what each different view brings to the table by creating and testing them with varied users. The study takes into account List View, Scroll View, and Grid View and compares them while viewing three different data formats. For this study, plain text, tabulated text, and interactive text will be analyzed. Smart mobile devices are the most used platform to view data in today's information rich world according to a survey conducted by Forrester Research. When designing for them, a lot must be considered but not knowing what is best suited for each application can be daunting for developers and designers, especially in the user experience context. This study aims to explore each mobile interface and give a better understanding about the different user interface designs features. Information visualization on cross-media information spaces and platforms is an important part of how information is disseminated today. Considering nowadays people get their information through multiple different media platforms like tablets, mobile phones, and web browsers, how to visualize data across all these platforms is a study to focus on in itself. The study showed that users performed better with certain views paired with different data types over others. Certain features of each view helped users understand the data types better over others while others improved users speed in reading data. Users showed certain preferences when interacting with each view on mobile devices when viewing cross media information which is mentioned in the study. / Målet för den här studien är att analysera olika sätt att visa information på mobila enheter och jämföra dessa genom att testa med olika användare. Studien undersöker de olika vyerna List View, Scroll View och Grid View och jämför dem med tre olika dataformat: vanlig text, tabellerad text och interaktiv text. Smarta mobila enheter är den mest använda plattformen för att synliggöra i dagens informationsrika samhälle enligt en undersökning av Forrester Research. När man utformar designlösningar för smarta mobila enheter är det mycket man behöver ta hänsyn till. Att inte veta vad som är bäst för varje applikation kan vara en svår uppgift för utvecklare och designers, särskilt ur användarperspektiv. Den här studiens syfte är att utforska varje mobilt gränssnitt och ge en bättre förståelse för de olika designlösningarna. Att visualisera information på olika mediers informationsytor och plattformar är en viktig del av hur information sprids idag.Om man tar i beaktan att människor numera får information via flertalet medieplattformar som tex läsplattor, mobiltelefoner, och webbläsare så inser man att visualisering av data på alla dessa medieplattformar är en studie i sig. Studien visade att användare lyckades bättre med vissa vyer och datatyper i kombination jämfört med andra. Specifika funktioner i varje vy hjälpte användare att förstå vissa datatyper bättre än andra, medan andra förbättrade användarnas snabbhet att läsa data. Användare tycktes föredra att interagera med vyer på mobila enheter när de tittade på information på olika medieplattformar, vilket nämns i studien.

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.

Europeiska Unionen står inför en komplex uppgift med att införa Digitala Produktpass (DPP) – en digital mekanism som strävar efter att förbättra hur information om produkters livslängd, tillförlitlighet och återanvändbarhet samlas och delas. Detta arbete utförs med syfte att utveckla och förbättra användbarheten i ett användargränssnitt som är tänkt att integreras i samband med onlineköp för att effektivisera och förenkla processen för skapandet av DPP. Genom att omfamna metoden Design Thinking, har arbetet utvecklat och utvärderat en prototyp. Detta genom att identifiera och analysera problem med användbarhet i en utvärdering beståendes av intervju, användartest i form av Retrospective Probing och en enkät. Resultaten från utvärderingen visade brister i användarnas förståelse för användargränssnittet och DPP. Detta har specifikt lett till förbättringar av designen för initieringsknappen i användargränssnittet. I initieringsknappens beskrivande text har det lagts till mer informtion om Digitala Produktpass, vilket syftar till att öka interaktionens tydlighet och användarnas nöjdhet. Slutsatserna av arbetet belyser både framgångar och identifierade begränsningar. Det framhäver inte bara de förbättringar som redan har genomförts med initieringsknappen, utan också de områden där ytterligare insatser krävs för att optimera användbarheten, som flera iterationer av Design Thinking. Arbetet ger även vägledning för kommande studier och implementeringar inom området genom att föreslå riktningar för framtida forskning för utvecklandet av användbarhet i användargränssnitt för DPP. Genom att skapa en smidig och intuitiv interaktion mellan användare och DPP kan det öka engagemanget och uppmuntra till ökad användning av DPP. Vilket slutligen hjälper Europeiska Unionen införa DPP. / The European Union faces a complex task in introducing the Digital Product Passport (DPP) – a digital mechanism that aims to improve the way information about product lifespan, reliability and reusability is collected and shared. This work is carried out with the aim of developing and improving the usability of a user interface that is intended to be integrated in connection with online purchases, in order to streamline and simplify the process of creating DPP. By embracing the Design Thinking method, the work has developed and evaluated a prototype. This was made by identifying and analysing usability issues in an evaluation consisting of interview, user tests in the form of Retrospective Probing Probing and surveys. The results from the evaluation, showed deficiencies in users’ understanding of the user interface and DPPs. This has specifically led to improvements in the design of the initiation button in the user interface. In the initiation button’s describing text, more information about Digital Product Passports has been added, which aims to increase the clarity of the interaction and the satisfaction of the users. The conclusions of the work highlights both successes and identified limitations. It not only highlights the improvements that have already been made with the initiation button, but also the areas where efforts are required to optimize usability, such as further iterations of Design Thinking. The work also provides guidance for future studies and implementations in the field, by suggesting directions for future research for the development of usability in user interfaces for DPP. By creating a smooth and intuitive interaction between users and DPP, it can increase engagement and encourage increased use of DPP. Which ultimately helps the European Union introduce the DPP.

As increasingly large displays are integrated into personal workspaces, mouse-based interaction becomes more problematic. Users must repeatedly "clutch" the mouse for long distance movements [61]. The visibility of the cursor is also problematic in large screens, since the percentage of the screen space that the cursor takes from the whole display gets smaller. We test multi-scale approaches to mouse interaction that utilize dynamic speed and size techniques to grow the cursor larger and faster for long movements. Using Fitts' Law methods, we experimentally compare different implementations to optimize the mouse design for large displays and to test how they scale to large displays. We also compare them to techniques that integrate absolute pointing with head tracking. Results indicate that with some implementation level modifications the mouse device can scale well up to even a 100 megapixel display with lower mean movement times as compared to integrating absolute pointing techniques to mouse input while maintaining fast performance of the typical mouse configuration on small screens for short distance movements. Designs that have multiple acceleration levels and 4x maximum acceleration reduced average number of clutching to less than one per task in a 100 megapixel display. Dynamic size cursors statistically improve pointing performance. Results also indicated that dynamic speed transitions should be as smooth as possible without steps of more than 2x increase in speed. / Master of Science

[pt] A Análise Isogeométrica (IGA) é um método de análise numérica de estruturas que surge com a proposta de unificação entre projeto e simulação, permitindo a criação de modelos computacionais que preservam a geometria exata do problema. Essa abordagem é possível por meio de uma classe de funções matemáticas denominadas NURBS (Non-Uniform Rational B-Splines), amplamente utilizadas em sistemas CAD (Computer-Aided Design) para modelagem de curvas e superfícies. Na análise isogeométrica, as mesmas funções que representam a geometria aproximam as variáveis de campo. Neste contexto, foi desenvolvido este trabalho que tem como objetivo fornecer uma ferramenta no âmbito da mecânica computacional para análise isogeométrica bidimensional de problemas de elasticidade linear, incluindo as etapas de modelagem, análise e visualização de resultados. O sistema é composto por dois softwares: FEMEP (Finite Element Method Educational Computer Program), desenvolvido em Python e responsável pela etapa de modelagem geométrica, e FEMOOLab (Finite Element Method Object-Oriented Laboratory), software MATLAB para análise e exibição de resultados. A ferramenta proposta apresenta uma interface gráfica de usuário (GUI) que permite a visualização e manipulação intuitiva de curvas NURBS com recursos avançados de modelagem, como interseção de curvas e recursos de reconhecimento de região que agilizam e simplificam o processo. Uma contribuição significativa deste trabalho reside na capacidade de gerar malhas isogeométricas não estruturadas, utilizando T-Splines baseadas em um algoritmo de decomposição de domínio. O sistema de código aberto permite a colaboração e o desenvolvimento contínuo pela comunidade de usuários e desenvolvedores. / [en] Isogeometric Analysis (IGA) is a numerical analysis method for structures that arises with the proposal of unification between design and simulation, allowing the creation of computational models that preserve the exact geometry of the problem. This approach is possible by a class of mathematical functions called NURBS (Non-Uniform Rational B-Splines), widely used in CAD (Computer-Aided Design) systems for modeling curves and surfaces. In isogeometric analysis, the same functions representing the geometry approximate the field variables. In this context, this work was developed to provide a tool within the scope of computational mechanics for two-dimensional isogeometric analysis of linear elasticity problems, including the steps of modeling, analysis, and visualization of results. The system consists of two software programs: FEMEP (Finite Element Method Educational Computer Program), developed in Python and responsible for the geometric modeling stage, and FEMOOLab (Finite Element Method Object-Oriented Laboratory), a MATLAB software for analysis and display of results. The proposed tool features a graphical user interface (GUI) that allows intuitive visualization and manipulation of NURBS curves with advanced modeling features such as curve intersection and region recognition features that streamline and simplify the process. A significant contribution of this work lies in the ability to generate non-structured isogeometric meshes, using T-Splines based on a domain decomposition algorithm. The open-source system allows collaboration and continuous development by the community of users and developers.

The aging population is a global challenge, meanwhile there's a strain on Swedish healthcare. In order to make healthcare efficient, designers are responsible for developing digital services that can be used by everyone, despite disabilities. To ensure accessibility, services must comply with the European Accessibility Act by 2025, a UN directive the Swedish healthcare website 1177 does not meet. In this study, the user interface will be investigated, based on seniors 65+. Through research in graphic design and user-centered design, the group's challenges, needs and aspirations will be identified through semi-structured interviews. In order to create accessible interfaces, designers need to examine the experience based on both function and visuality. Graphic design thereby constitutes a large part of the experience as a whole and must be reflected upon. The result will contribute with insights to increase the website's accessibility and contribute to improved welfare and equality.

This thesis was conducted to develop a user interface for the visualization of factory data through HMS Networks' Gateway Communicator. The objective of the project was to enhance decision-making in industrial processes through efficient data transfer and visualization. The project involved the design and implementation of a user-friendly and customizable interface that integrates real-time data from industrial machinery. To achieve these goals, the Angular framework was used in conjunction with HTML, CSS, and TypeScript to create a dynamic and responsive user interface. The methodology included user-centered design, ensuring that the final product not only met technical specifications but was also intuitive for end-users. Among the features implemented were dynamic components that allowed for the visualization of critical data such as temperature and pressure through customizable widgets and dialogue components. The results of the project included successful performance testing, unit tests, and usability tests that ensured the system's effectiveness in visualizing data in a manner understandable to users. The conclusion of the work is that an effective user interface can increase operational efficiency through improved data visualization and interaction, which in turn can lead to more informed decisions in industrial environments. / Detta examensarbete utfördes för att utveckla ett användargränssnitt för visualisering av fabriksdata med hjälp av HMS Networks Gateway Communicator. Syftet med projektet var att förbättra beslutsfattandet i industriella processer med hjälp av visualisering av data. Projektet innefattade design och implementering av ett användarvänligt och anpassningsbart gränssnitt som integrerar realtidsdata från industriella maskiner. För att uppnå dessa mål användes Angular ramverket tillsammans med HTML, CSS och TypeScript för att skapa ett dynamiskt användargränssnitt. Metodiken inkluderade användarcentrerad design, vilket säkerställde att slutprodukten inte bara uppfyllde tekniska specifikationer utan också var intuitiv för slutanvändarna. Bland funktionerna som implementerades finns dynamiska komponenter som tillåter visualisering av kritiska data som temperatur och tryck genom anpassningsbara komponenter. Resultaten från projektet inkluderade ett framgångsrikt prestandatest, enhetstester och användbarhetstest som säkerställde systemets effektivitet i att visualisera data på ett sätt som är begripligt för användarna. Slutsatsen av detta arbete är att ett effektivt användargränssnitt främjar datavisualisering och interaktivitet, vilket i sin tur bidrar till att fatta välinformerade beslut inom industriella miljöer.