In the cloud based video post-production industry, video files possessing large amounts of metadata is very common. When working with such files, a search interface with functionality that takes advantage of this data, with functions such as filtering, creating specific queries, and searching for the videos content, could greatly increase the ease of use of handling a large amount of files. In this thesis a high fidelity prototype is developed of a search feature on said video assets in a web-based video platform. The prototyping process consisted of iteratively designing prototypes with more and more fidelity, with design choices supported by user testing and expert evaluation. A total of three different design-iterations were made, one of low, medium and high fidelity, as well as a proof of concept for the creation of search tags. Each iteration was based on the result of the testing and evaluation of the previous iteration. The final prototype features a faceted search system of checkboxes and search tags for different video properties, that was well received by user tests and evaluation alike. The faceted search was found to be very efficient and easy to use for this application. The search tags was well understood and showed potential for ”pro functionality” as the interface becomes more complex and more features are added, they were in the current design however, arguably not needed as users preferred to use other parts of the interface. The overall layout of the design was also found to potentially require a redesign, depending of the kind of metadata present in a real world scenario, to fit the faceted search which dynamically change with the availability of metadata on the files. / I den molnbaserade post-production industrin för video, är videofiler med stora mängder metadata väldigt vanligt. När man arbetar med sådana filer kan ett sökgränssnitt med funktionalitet som utnyttjar denna data, med funktioner som filtrering, skapande av specifika sökfrågor och sökande efter videons innehåll, avsevärt öka användarvänligheten för att hantera en stor mängd filer. I denna uppsats utvecklas en high-fidelity prototyp för en sökfunktion på video filer i en webbaserad videoplattform. Prototypprocessen bestod av att iterativt designa prototyper med högre och högre fidelity, med designval som stöttades av användartestning och expertutvärdering. Totalt gjordes tre olika design- iterationer, en med låg, medelhög och hög fidelity, samt ett proof of concept för skapandet av söktaggar. Varje iteration baserades på resultatet av testningen och utvärderingen av den tidigare iterationen. Den slutgiltiga prototypen har ett facetterat söksystem med kryssrutor och söktaggar för olika videoegenskaper, som togs emot väl av både användartester och utvärdering. Den facetterade sökningen visade sig vara mycket effektiv och lätt att använda för den här tillämpningen. Söktaggarna var väl förstådda och visade potential för ”pro- funktionalitet” då gränssnittet blir mer komplext och fler funktioner lades till, dock i den nuvarande designen, kan de anses oanvändbara eftersom användare föredrog att använda andra delar av gränssnittet istället. Designensövergripande layout visade sig också potentiellt kräva en omdesign, beroende på vilken typ av metadata som finns i ett verkligt scenario, för att få plats med hela facetterade sökningen som dynamiskt ändrar sig med tillgängligheten av meta-data på filerna.

This thesis presents the elemental properties and principles in graphical user interface. It then shows how one can work with a graphical user interface on GNU/Linux operating system and gives some examples of toolkits used for this purpose. The next part shows the design of an aplication based on an existing anti-virus program. The last part shows the dierences between the two implementations of the designed application.

This thesis deals with the design and implementation of the page layout manager for a web user interface composed of components. A part of solution is also a new XML format for configuring of the manager of page layout and composition and a new application interface for components. The created system has met the requirements of the European project KiWi and has passed the acceptance tests of its project team.

Companies are looking for ways to improve their business practices to work more efficiently.They are also looking for technology that can improve their workflows and customer service systems.  Here comes the need of enterprise software applications, theses softwares allows companies to cut costs and standardize the way they work, ensuring that everyone is working towards the same goal. The objective of this study is an assignment from Ericsson Business Support Solutions with the purpose of studying the effect of transitioning from the currently used process (CSV files) to an interactive web UI, when it comes to the process of handling offering of software capabilities.In this study, we aim to study the challenges and opportunities of developing an enterprise application software(EAS) and its impact on the productivity of end users.This research will also study the challenges and benefits of developing an enterprise software application (Digital marketplace) that will be used in a large (+500 employees) organization. In addition, the study will research security aspects that should be considered when developing enterprise softwares. Two sorts of studies have been conducted to answer the research questions. In order to understand and gain knowledge about the process of enterprise software development and to be able to point out which challenges and benefits there are and to get closer view of which security aspects should be in consideration when developing a software on this scale, a literature study was conducted. In order to observe and investigate whether web interfaces are a better solution / method than CSV files, and thus see the possibility of whether web interfaces can generally replace CSV files when it comes to CRUD, search and filtering information an empirical study was carried out through the development of a user interface and a usability test survey was conducted. The overall results of the study consistently show that UI is a more resourceful alternate to the  CSV files if the challenges posed by the enterprise software are sufficiently engaged and taken care of. A solid insight and expertise into information technology, pragmatic solutions to the security challenges, and careful consideration of the participants' complaints will be helpful in creating functional enterprise software.

This thesis explores the user experience, potential and design principles of a HUD-based user interface in combination with interactive 360-degrees videos in nursing education. A HUD-based 360-degrees video was designed around a previously recorded scenario in an emergency room and user tests were conducted on nurse educators, working nurses and a nurse student.  Data from the user tests were gathered both through observations and interviews. The results show that participants' experience was overall positive and that the technology is seen as a realistic, interesting and valuable way to educate nursing students. Although no definitive design principles could be established for interactive 360-degrees videos, the result suggests that focusing on key design principles for multimedia learning may provide a better user experience. These principles include managing extraneous, essential and generative processing. / Detta examensarbete utforskar användarupplevelsen,potentialen och begränsningarna avett HUD-baserat användargränssnitt i kombination med interaktiva 360-graders videos inom sjuksköterskeutbildning. Detta gjordes genom att designa och utveckla en HUD-baserad 360-graders video och utföra användar tester på lärare inom sjuksköterskeutbildning, arbetande sjuksköterskor och en sjuksköterskestudent. Data från användartester samlades in genom observationer samt intervjuer. Resultatet visar att deltagarnas upplevelse överlag var positiv och tekniken ses som ett intressant och fördelaktigt sätt att undervisa sjuksköterskestudenter. Resultatet tyder också på att fokus på designprinciper inom multimedielärande kan bidra med en bättre användarupplevelse.

The aim of this study was to explore if users of a Picture Archiving and Communication System (PACS) could benefit from User Onboarding elements and Embedded User Assistance (EUA) to discover and learn about new functionality within the system. Five sub-questions, related to perceived intrusiveness, intuitiveness, helpfulness and persuasion, as well as the need to guide users to nested functionality, were explored as well to help answer the research question. Through a combined Research through Design and Case Study approach the study resulted in a design process with four phases; Exploration, Concepting, Prototyping and Evaluation. After initial exploration and assessments, one concept was implemented in an interactive Figma prototype of the PACS. This prototype was tested and evaluated by users as well as an expert group using the Cognitive Walkthrough method. Overall positive feedback about the usefulness and intuitiveness of the suggested design proposal was found. The results suggest that implementing onboarding elements, such as highlighting features and interactive tooltips, could be a good approach to offer EUA in a PACS to help users discover and learn about new functionality. Further elaboration of the results, important considerations and suggestions regarding future implementation in a live system is discussed in greater detail in the report.

This graduation report explores the integration of Artificial Intelligence (AI) tools, specifically OpenAI's Generative Pre-trained Transformer (GPT) technology, into web development processes using WordPress (WP) for developing a AI-driven chat service. The focus of the project is on ImagineX AB, a private company that offers the educational service ChatGPT Utbildning aimed at teaching professionals to effectively utilize ChatGPT. The project is motivated by the rapid growth and adoption of AI tools such as ChatGPT, underpinned by the observed increase in user base and its integration into significant platforms, like Microsoft's Bing and Office packages. Despite its promising potential, the application of such AI tools in web development remains underexplored and untested in several aspects. The graduation report presents the implementation of a GPT model-driven chat service on the ChatGPT Utbildning WP website, enabling visitors to interact with the famous AI tool directly. This feature serves a dual purpose – enhancing user engagement and providing an instant demonstration of the utility of ChatGPT. The agile project management methodology in general is divided into four phases: preliminary work, design solutions, develop solution, and delivery – design and development phases are iterative. In this project, there is two design iterations and three development iterations called “cycles”. The project plan is fulfilled with no deviation. Tests and continuous improvements are done throughout the development, with specific and planned in each phase and cycle. The result is two optimized chat bots in respective well-designed chat boxes with full chat functionality driven by OpenAI API and GPT-3.5/GPT-4 models – user tested and then published on ChatGPT Utbildning website. Additionally, insights in agile management solutions in relation to AI tools have been produced. The detailed construction and in-depth discussion contribute to the wide understanding of AI implementation in web development, providing practical insights into the application of ChatGPT in a real-world setting by agile project management. Furthermore, it underscores the transformative potential of AI tools in shaping web solutions and web development, and propelling innovation in the field. The report delves into discussion of technology, ethics, society, and implications on future web development. / Rapporten ämnar redogöra integreringen av artificiell intelligens (AI) instrument, särskilt OpenAI's Generative Pre-trained Transformer (GPT) teknologi, inom ramen för webbutvecklingsprocesser, inklusive agil projektledning, med användning av WordPress (WP), i syfte att utveckla en AIdrivande chatttjänst. Fokus för projektet är på företaget ImagineX AB, en privat aktör som erbjuder en utbildningstjänst benämnd ChatGPT Utbildning med mål att undervisa yrkesverksamma i effektivt bruk av ChatGPT. Motivationen för projektet härstammar från den snabbt växande tillväxten och adoptionen av AI-instrument som ChatGPT, vilket stärks av den observerade tillväxten av användarbasen och dess integrering i betydande plattformar, såsom Microsofts Bing och Office-paket. Trots den lovande potential som dessa AIinstrument innehar, finns det fortfarande delar inom webbutveckling där användningen av sådana verktyg förblir ouppklarade och otillräckligt utforskade. Rapporten visar implementeringen av en GPT-modell-drivande chattjänst på ChatGPT Utbildning WP-webbplatsen, vilket möjliggör direkt interaktion för besökare med det framstående AI-instrumentet. Denna funktion har ett tvåfaldigt ändamål - att förhöja användarengagemang och att ge en omedelbar demonstration av ChatGPT:s användbarhet. Den använda smidiga projektledningsmetodiken är typiskt uppdelad i fyra faser: preliminärt arbete, designlösningar, utvecklingslösningar samt leverans - designoch utvecklingsfaser är iterativa vilket omfattar två designiterationer och tre utvecklingsiterationer refererade till som "cykler". Projektplanen har följts utan avvikelser. Testning och kontinuerliga förbättringar har genomförts under hela utvecklingsprocessen, med specifika och planerade insatser i varje fas och cykel. Resultatet manifesteras i två optimerade chattrobotar inom respektive välutformade chattfönster, med fullständig chattfunktionalitet som drivs av OpenAI API samt GPT-3.5/GPT-4 modellerna - vilka har användartestats och därefter publicerats på ChatGPT Utbildning webbplatsen. Ytterligare insikter rörande agil projektledning i relation till AI-frågor erhålls också. Den detaljerade konstruktionen och den djupgående diskussionen bidrar till en omfattande förståelse för AI-implementering inom webbutveckling och ger praktiska insikter om tillämpningen av ChatGPT i en realistisk inställning med smidig projektledning. Vidare framhäver det den transformerande potentialen hos AI-instrument för att utforma webblösningar och webbutveckling, vilket främjar innovation inom området. Rapporten avslutas med diskussioner kring teknik, etik, samhälle och implikationer för framtida webbutveckling.

This paper aims to improve the UX of the AR game cARcassonne for the Hololens 2 by making changes to its UI. Previous research and existing games are analyzed to determine the changes to the UI. A questionnaire is developed using said research as well as research of other UX measuring methods such as the GEQ and UPEQ. The results show an increase in UX, but also that the AR game has problems for new users. It is discussed that UI is actually not the main problem in the UX, but rather the technology of the Hololens 2.

Usability guidelines for user interface (UI) design formulated by Nielsen and other authorities were used to redesign the web interface for a web based distance education course. The website's original UI, as judged by a group of web design professionals, violated standard guidelines for usability, readability, learnability, consistency, efficiency of use and flexibility. The original and redesigned UIs were tested using thinking aloud testing, a user satisfaction survey, and usability inspection. The results of user testing and heuristic evaluation suggest that the use of these guidelines in website redesign had a positive impact on user performance. A more conclusive result would have required a larger sample size and a redesigned testing protocol that varied the order in which participants worked with the old and redesigned interfaces.

User interface design should provide meaningful and relevant experiences to the user. Users have different expectations on quality factors in services of different domains of usage. Aesthetics are more than just decoration of a user interface and could have significant impact on the continuous user experience, and colors could be a determining factor in the way that users interact with a user interface. This thesis presents an investigation into the user perception of trust, reliability and communicated soft values in the user interface design of the login flow in the Duo application. The Duo application is a second screen interaction application, combining public service television with interactive cross-program entertainment. The study followed the Double Diamond framework for innovation in design work. A pre-study was done consisting of a literature review, state of the art, and sending out a survey. This was followed by designing and iteration of prototypes and then conducting user tests and evaluation of the final iteration of prototypes. The findings from the pre-study identified characteristics for what users perceived of different interfaces in regards to soft values, as well as experiences with login. The characteristics were incorporated in the prototypes that were evaluated through user testing. After that, the evaluation of characteristics of the design of the login user interfaces were discussed and concluded to be valid and was finally delivered as design recommendations. Overall, the study points to there being a demand from users for clear identification of the publisher of the service for increased reliability and trustworthiness, through aesthetic means such as color and shape but mainly through logotypes or text. / Design av användargränssnitt ska ge meningsfulla och relevanta upplevelser för användaren. Användare har olika förväntningar på kvalitetsfaktorer i tjänster inom olika användningsområden. Estetik är mer än bara dekoration av ett användargränssnitt och kan ha betydande inverkan på den kontinuerliga användarupplevelsen, och färger kan vara en avgörande faktor för hur användarna interagerar med ett användargränssnitt. Detta examensarbete presenterar en undersökning av användarens uppfattning om trovärdighet, pålitlighet och kommunicerade mjuka värden i användargränssnittet av inloggningsflödet i Duo-appen. Duo-appen är en applikation med “second screen interaction“, som kombinerar public service-tv med interaktiv programöverskridande underhållning. Studien följde Double Diamondmodellen för innovation i designarbete. En förstudie gjordes bestående av en litteraturgenomgång, state of the art och utskick av en enkät. Detta följdes av designarbete och iteration av prototyper för att sedan genomföra användartester och utvärdering av den slutliga iterationen av prototyper. Resultaten från förstudien identifierade egenskaper för vad användarna uppfattade om olika gränssnitt när det gäller mjuka värden, såväl som erfarenheter av inloggning. Egenskaperna införlivades i prototyperna som utvärderades genom användartester. Efter detta diskuterades utvärderingen av egenskaperna hos designen av användargränssnitten för inloggning varvid det landade i att de var rimliga resultat