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.

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.

In today's digital age, efficient field operations are crucial for success across various industries. However, usability challenges are often overlooked in favour of functionality, hindering seamless task execution in the field. Evado, a company specialising in software solutions for field workers, offers the Evado Mobile Flow application to help streamline their operations. Yet, as demands evolve and complexities increase, usability shortcomings become increasingly apparent. Therefore, this master's thesis aims to optimise field operations by redesigning Evado Mobile Flow to enhance usability and efficiency. Critical usability challenges within the current interface are identified, such as usage difficulties for new users, followed by a comprehensive redesign process using the double diamond design approach. The methodology encompasses discovery, definition, development, and delivery phases, ensuring an effective outcome. The project started with the discovery and define phases, focusing on understanding user needs and interface limitations. Various techniques, including literature review, benchmarking, navigation flowchart, interviews, observations, hierarchical task analysis, and personas, provided valuable insights into the interface and user understanding, which helped to understand the existing problems. Next up was the development and delivery phase, which employed ideation methods such as braindrawing and scampering to generate a broad range of improvements and ideas. These were evaluated through a Pugh matrix and refined through iterative prototyping. The winning design proposal then underwent usability tests, focusing on task completion rates, clicks, user satisfaction, and potential improvements. The initial round of testing on the first prototype prompted a redesign, addressing newly identified usability challenges and introducing new functionalities aligned with evolving user needs. After a redesign, the final design underwent a second usability test and a system usability scale, yielding a usability score of 88.8 and recommendations for future iterations. Recommendations for future work and iterations include exploring the redesigned interface's long-term impacts on field operations and opportunities for further enhancement. This thesis emphasises the importance of user-centred design in developing effective digital solutions and provides a framework for similar endeavours in mobile interface design. / I dagens digitala ålder är effektiva fältoperationer avgörande när det gäller framgång inom olika industrier. Trots det förbises användbarhetsutmaningar ofta till förmån för funktionalitet, vilket förhindrar effektivt utförande av uppgifter i fältet. Evado, ett företag specialiserat på programvarulösningar för fältarbetare, erbjuder applikationen Evado Mobile Flow för att hjälpa till att effektivisera denna typ av verksamhet. Ändå, i takt med att kraven utvecklas och komplexiteten ökar, blir bristerna i applikationens användbarhet alltmer uppenbara. Därför syftar detta examensarbete till att optimera fältoperationer genom att omforma Evado Mobile Flow för att förbättra användbarheten och effektiviteten. Kritiska användbarhetsutmaningar inom den nuvarande gränssnittet har identifierats, som svårigheter att använda gränssnittet som en ny användare, och följts upp med hjälp av en omfattande designprocess. Vilket har skett med hjälp av double diamond design processen. Metoden omfattar de olika faserna av upptäck, definiera, utveckla och leverera, vilket säkerställer ett effektivt resultat. Projektet inleddes med faserna upptäck och definiera, vilka fokuserade på att förstå användarnas behov och gränssnittets begränsningar. Olika tekniker, inklusive litteraturundersökning, benchmarking, navigationsflödesschema, intervjuer, observationer, hierarkisk uppgiftsanalys och personas, gav värdefulla insikter i gränssnitt- och användarförståelse, vilket hjälpte till att förstå de befintliga problemen. Nästa steg var utvecklings- och leveransfasen, som använde idégenererings metoder som braindrawing och scamper för att generera ett brett utbud av förbättringar och idéer. Dessa utvärderades genom en Pugh-matris och förfinades genom iterativa prototyper. Det vinnande designförslaget genomgick sedan användbarhetstester, med fokus på godkänt genomförande, klick, användarnöjdhet och potentiella förbättringar. Den initiala omgången av testning som skedde på den första prototypen ledde till en iteration i designen, vilket adresserade nya identifierade användbarhets-utmaningar och introducerade nya potentiella funktioner som kan anpassas till användarnas behov. Efter denna iteration genomgick den slutliga designen ett andra användbarhetstest samt metoden system usability scale, vilket resulterade i ett betyg på användbarheten, på 88.8 poäng och nya rekommendationer för framtida iterationer. Rekommendationer för framtida arbete och iteration på denna applikation kan vara att utforska det omformade gränssnittets långsiktiga påverkan på fältoperationer och möjligheter till ytterligare förbättringar. Detta examensarbete betonar även på vikten av användarcentrerad design i utvecklingen av effektiva digitala lösningar och tillhandahåller därmed en ram för liknande utveckling inom mobilgränssnittsdesign.

Att kunna simulera en AOD-process (Argon, OxygenandDecarburization) är i dagsläget möjligt med hjälp av en programvara. En sådan programvara används till utbildning och forskning för utveckling av rostfritt stål.   Kobolde & Partners AB är ett företag som äger en sådan programvara. I detta projekt byggs programmet ut för att ge användare möjlighet att simulera en AOD-process med osäkerhet i mätdata. Genom detta kan forskare få ökad förståelse hur processens mätresultat skiljer sig med osäkerhet i mätdata. / : Being able to simulate an AOD process (Argon, Oxygen andDecarburization) is possible nowadays with help of software. This kind ofsoftware is used for education andresearch for development of stainless steel.   Kobolde & Partners AB is a company that owns this kind of software. This project will further develop this software to enable users to simulate an AOD process with uncertainty in measurement. This allows scientist to get more knowledge how a process measurement results

In 2018, there were 3.6 billion mobile internet users worldwide, which shows that digital designers have to tackle navigational patterns and menu anchor interactors for smartphone-sized screens early in their projects. As user satisfaction is crucial for the success of a website, and as successful navigation through a menu system is imperative to user satisfaction, the menu system is a key component in the UI. This study concerned three types of menu anchor interactors in smartphone UIs (Transient, Top persistent, and Navigation hub), on three website types (Single service, Brand, and Service directory). The goal was to investigate what influence the website type has on the user’s preferences of menu anchor itneractors. The theoretical base is previous research on menu systems in graphical UIs. The study was done by a questionnaire where the participants were presented images of three different menu anchor interactors on three different website types, and asked to score the assumed helpfulness of the menu anchor interactor from one to seven on a Likert scale. In addition, they were asked to clarify their scoring in a qualitative response. The key findings are that users prefer menu anchor interactors that display several navigation links, and that there are indications that the Top persistent menu anchor interactor works best on the Service directory website type, while Single service and Brand website types seem to benefit from a Navigation hub. However, the results also show the importance of studying UI components in their full UI context, as the whole UI affects the perceived usability of the menu anchor interactor. / 2018 fanns det 3,6 miljarder mobila internetanvändare i världen, vilket visar att digitala designers måste tackla navigationsmöster och menyinteraktörer till smarta telefoner och små skärmar tidigt i sina projekt. Då användarnöjdhet är avgörande för en webbsidas framgång, och då en lyckad navigationsprocess genom ett menysystem är nödvändig för användarnöjdheten, är menysystemet en nyckelkomponent i gränssnittet. Den här studien avser tre typer av menyinteraktörer (obeständig dold meny, beständig toppmeny och navigationshub), på tre typer av webbsidor (enskild tjänsteleverantör, varumärkessajt och tjänsteregister). Målet var att undersöka hur webbsidans typ påverkar användarens inställning till menyinteraktörer. Den teoretiska basen utgörs av tidigare forskning på menysystem i grafiska användargränssnitt. Studien genomfördes med hjälp av ett frågeformulär där bilder av tre olika menyinteraktörer på tre olika typer av webbsidor presenterades för deltagarna. De ombads att på en Likertskala från ett till sju bedöma hur hjälpsam den enskilda menyinteraktören uppfattas. Därtill ombads de att förtydliga sitt omdöme i ett kvalitativt svar. De viktigaste resultaten från studien visar att användare föredrar menyinteraktörer som visar flera navigationslänkar och det finns indikationer på att den beständiga toppmenyinteraktören fungerar bäst för webbsidor av typen tjänsteregister, medan sidor av typen enskild tjänsteleverantör och varumärkessajt gynnas av en navigationshub. Resultaten visar emellertid också vikten av att studera användargränssnittskomponenter i deras fullständiga gränssnittskontext, eftersom helheten påverkar den uppfattade användbarheten hon menyinteraktören.

Around one percent of the Swedish population is defined as visually impaired and ten percent of them are classified as blind (Funka, n.d.; SRF, 2017a). A study shows that the prevalence of nearsightedness will increase to around half the population in the world in 2050 (Holden et. al., 2016). This suggests an increased need for solutions that work for people with reduced vision, not only for visually impaired but for a large group of the population. The aim of the project is to conceptualize a technological mainstream solution that supports people when shopping for groceries. The focus is on making this solution accessible for people with low vision. The project was planned based on the human-centered design process described by IDEO.org (2015), with an overall process divided into three phases: inspiration, ideation, and implementation. In the first phase, inspiration, a literature review was done, different field studies and other research methods were carried out. The outcome of the phase was three personas, two scenarios, and a design specification. During the second phase, ideation, the project scope was narrowed down – focusing on physical grocery stores (excluding online stores) and on conceptualizing a smartphone application. An ideation workshop was conducted, followed by concept creation, paper prototyping, scenario writing, user evaluations and a final concept selection. In the last phase, implementation, follow up feedback sessions were held and a simulation test of the final concept was held. Visualizations and presentation of the final concept were done. A list of summarized design principles was created, as support for further work on designing the application for low vision users. The final concept is based on a smartphone application that supports the customer through shopping list management, aisle navigation, item selection and item scanning, for a seamless customer experience for both people with full and low vision. The technology that will be utilized is Pricer AB's electronic shelf labels (ESL) with item positioning, customer navigation, and individual flashing light, combined with the grocery store online database with item descriptions and images. Here follows an example of how the interaction could look like for someone with low vision: He always prepares his shopping list before heading to the store, this way he knows the shopping will be easier for him. In the store, he gets all items on the list presented in the correct order of the store, in that way he knows what to search for. When looking for soy sauce from his shopping list he has trouble remembering where the section is, so he checks it up with the navigation. He realizes that it was just around the corner of where he just passed by. Once at the section he is presented with a list of different soy sauces in the application, matching his location, previous purchases and the soy sauce on his shopping list. He can now select the one that he prefers, and a picture of it appears on the screen, simultaneously a flashing green light appears by the item on the shelf, and he can easily and independently find the way right up to the soy sauce he wants. / Ungefär en procent av Sveriges befolkning är synskadade, och tio procent av dem är så pass gravt synskadade att de kan definieras som blinda (Funka, n.d.; SRF, 2017a). Enligt en studie förväntas närsynthet världen över att öka, och under 2050 vara uppe i hälften av jordens befolkning (Holden et. al., 2016). Detta tyder på ett ökat behov av lösningar som fungerar för personer med nedsatt syn, inte bara för synskadade utan för en stor del av befolkningen. Målet med projektet är att undersöka nuläget och behoven för synsvaga personer när de handlar mat, för att sedan kunna utveckla universell teknisk ­lösning som ska fungera som ett stöd när man handlar mat. Projektet planerades utifrån en människocentrerad designprocess beskriven av IDEO.org (2015), som är indelad i tre faser: inspiration, idégenereringen och genomförande. I den första fasen, inspiration, gjordes en litteraturstudie, flera fältstudier genomfördes, samt andra research metoder. Resultatet här var tre personas, två scenarion och en designspecifikation. Under den andra fasen, idégenereringen, ställdes nya avgränsningar upp för projektet – fokuset riktades nu mot den fysiska butiker (avgränsning från e-handeln) och att målet skulle vara att ta fram en smartphone-applikation. En idéworkshop genomfördes, konceptgenerering, skapande av pappersprototyper, scenarion, utvärdering med användare och ett slutligt konceptval. I sista fasen, genomförande, följdes det slutliga konceptet upp med tidigare deltagare och det slutliga konceptet testades i en simulerad studie. Visualisering och presentation av slutkonceptet gjordes. Designprinciper för utveckling av applikationer för synsvaga sammanfattades, för att fungera som stöd för vidare arbete med utveckling av konceptet. Slutkonceptet bygger på en smartphone-applikation som ska fungera som stöd för kunden, från skapandet av inköpslista, navigering i butiken, val och identifiering av varor och slutligen att scanna varan. I sin helhet skapar detta en komplett lösning i mataffären för både seende och synsvaga kunder. Tekniken som ska utnyttjas för konceptet är Pricer AB's elektroniska hyllkantsetikett-system (ESL-system) med positionering, kundnavigering samt en lysdiod på varje enskild etikett, i kombination med butikens online-databas med produktbeskrivningar och bilder på varorna. Här kommer en beskrivning av hur interaktionen med systemet kan gå till för någon som är synsvag: Han förbereder alltid sin inköpslista innan han går till affärer, eftersom han vet att det underlättar för honom. Väl i butiken får han varorna från inköpslistan presenterade i den ordningen de kommer, vilket förenklar letandeprocessen. När han letar efter sojasås som han har på listan har han svårt att komma ihåg var i butiken han hittar den, så han kollar upp det med navigeringsfunktionen. Han inser då att han missade den just bakom hörnet som han gick förbi. Väl framme vid sektionen får han en lista med olika sojasåser presenterade i applikationen, de baseras på hans position i butiken, tidigare köp och vad han har på inköpslistan. Han kan nu välja den han gillar och får då en bild på varan på sin skärm, samtidigt som en grön lampa blinkar precis där varan är placerad på hyllan. Han kan nu enkelt och självständigt plocka varan han vill ha från hyllan.

Sammanfattning Syfte - Syftet med studien är att undersöka vilka parametrar som kan komma att påverka applikationens rendering av användargränssnittet samt hur den skiljer sig i webbapplikation, hybridapplikation och nativeapplikation. Denna undersökning har för avsikt att besvara följande frågeställningar: 1.         Vilka parametrar kan påverka rendering av användargränssnittet på en mobil applikation?   2.         Hur skiljer sig renderingen av användargränssnittet hos webbapplikation, hybridapplikation och nativeapplikation?   Metod - Studien använder sig av en litteraturstudie för att besvara första frågeställningen och en experimentell studie där en hypotes samt förutsägelse formuleras och testas för att besvara andra frågeställningen.   Resultat – Resultatet från studien visar att nativeapplikationen inte alltid ger bättre prestanda vid utförande av samma uppgifter gentemot motsvarande webb- och hybridapplikation. Webbapplikationen hade genomgående bäst prestanda i användargränssnittet, medan hybridapplikation ofta gav sämre prestanda än de motsvarande applikationstyperna.   Implikationer - Studien bidrar till att utvidga kunskapen inom native-, hybrid- och webbapplikationers prestanda i användargränssnittet och kan ge företag samt utvecklare referensdata att grunda deras val av applikationstyp på. Studien påvisar att alla applikationstyper är värda att överväga, men webb- och nativeapplikationen presterade något bättre.   Begränsningar - Inga långtidstester kunde jämföras eftersom ADB inte läser av grafiskdata för webbapplikationer och Chrome DevTools inte kan utföra långa tester. / Abstract Purpose – The purpose of this thesis is to examine which parameters may affect application rendering of the user interface and how it differs in web application, hybrid application and native application. This thesis intends to answer the following research questions: Which parameters can affect the rendering of the user interface on a mobile application?    How does the rendering of the user interface differ from web application, hybrid application and native application? Method – The study uses a literature study to answer the first research question and uses an experimental study in which a hypothesis and prediction are formulated and tested to answer the second research question.   Results – The result of the study shows that the performance of the native application’s user interface does not always perform better when performing the same task as the corresponding web and hybrid application. The web application in general had the best performance in the user interface, while hybrid application often performed inferior to the corresponding application types.   Implications – The study contributes to extend the knowledge of native application’s, hybrid application’s and web application’s performance in the user interface, and can give companies and developers reference data to base their decision on the choice of application type. The study shows that all application types are worth considering, but the web and native application performed slightly better.   Limitations – No long-term tests could be compared because ADB does not read graphical data for web applications and Chrome DevTools cannot perform long running tests.

Denna rapport beskriver utvecklingen av ett nytt bokningssystem för företaget Moridge AB. Bokningssystemet består av en förardel där förare kan hantera sina bokningar och arbetsschema samt en administrationsdel för hantering av alla förare och statistikvisning avseende kunder och förares bokningar. Rapporten går igenom hela utvecklingens process från systemets krav till designplanering till slutfärdigt resultat och en avslutande diskussion.   Bokningssystemet är en webbapplikation för mobila enheter utvecklad med ASP.NET MVC Razor och jQuery Mobile. Systemet består av ett säkert inloggningssystem med uppkoppling till en databas med hjälp av Entity Framework och bokningshantering via Google Calendar API.   Projektet lade stor vikt vid design för optimal användarupplevelse och säkerhetslösningar. Användargränssnitten togs fram med kontemporära tekniker och användarupplevelsen kontrollerades med användartest. Säkerheten garanteras genom användning av en kraftfull kryptografisk algoritm för lösenordshantering och autentisering via ASP.NET Identity och Forms Authentication som begränsar åtkomst till enbart behöriga användare. / This report describes the development of a new booking system for the company Moridge AB. The booking system is composed of a driver section where drivers can handle their bookings and work schedule as well as an administration section for the management of all drivers and statistics showing customers and drivers bookings. The report goes through the entire development process from system requirements to design planning to the final finished system, and a concluding discussion.   The booking system is a web application for mobile devices developed with ASP.NET MVC Razor and jQuery Mobile. The system consists of a secure login system with a connection to a database using Entity Framework and booking management via Google Calendar API.   The project placed great importance on user experience design (UX) and security. The user interfaces were developed with contemporary technologies and user experience were controlled by user test. Safety is ensured by the use of a powerful cryptographic algorithm for password management and authentication through ASP.NET Identity and Forms Authentication, which limit access to only authorized users.