<p>Den här rapporten ämnar besvara frågan om hur man bör utforma ett användargränssnitt för en mobil applikation så att antalet knapptryckningar, speciellt textinmatning, på den mobila enheten minimeras. Med mobil applikation menas i detta fall ett program avsett att köras på en mobiltelefon med en numerisk knappuppsättning. Applikationen i fråga är en resesökningsfunktion ämnad för lokal busstrafik; för testsyften används hållplatser inom Jönköpings län.</p><p>Ett designkoncept utformades baserat på ett menysystem bestående av alfabetsgrupper för inmatning av namn på orter och hållplatser. Utifrån detta utvecklades en prototyp i Java Micro Edition som sedan kunde utvärderas och modifieras efter ett mindre användartest.</p><p>Prototypen testades på tre personer efter en metodik som utformats på mjukvaruföretaget Apple. Resultatet visade en allvarlig brist, som lyckligtvis är enkel att korrigera. Resterande problem ansågs ej utgöra några större hinder för framtida användare. Responsen från testpersonerna var positiv då de inte bara upplevde färre knapptryckningar utan också ett enklare användande jämfört med traditionell textinmatning.</p> / <p>This report aims to answer how to design a user interface for a mobile application minimizing the amount of key presses, specifically text input. In this context, mobile application means a program designed to run on a mobile phone with a numerical keyboard. The application we’re designing is a travel search function for local bus traffic. For out test purposes we used the bus stops in Jönköping County.</p><p>We developed a design concept based on a menu system consisting of alphabetic groups for inputting names of towns and bus stops. From this we developed a prototype in Java Micro Edition which could later be evaluated after a small user test.</p><p>The prototype was tested on three people using a method developed at the software company Apple. The results revealed one significant flaw, which, fortunately, is easy to correct. The remaining problems were not considered to be any insurmountable hurdles for users to overcome. Response from the test subjects was positive in that they not only experienced fewer key presses, but also a simpler usage of the application.</p>

Den här rapporten ämnar besvara frågan om hur man bör utforma ett användargränssnitt för en mobil applikation så att antalet knapptryckningar, speciellt textinmatning, på den mobila enheten minimeras. Med mobil applikation menas i detta fall ett program avsett att köras på en mobiltelefon med en numerisk knappuppsättning. Applikationen i fråga är en resesökningsfunktion ämnad för lokal busstrafik; för testsyften används hållplatser inom Jönköpings län. Ett designkoncept utformades baserat på ett menysystem bestående av alfabetsgrupper för inmatning av namn på orter och hållplatser. Utifrån detta utvecklades en prototyp i Java Micro Edition som sedan kunde utvärderas och modifieras efter ett mindre användartest. Prototypen testades på tre personer efter en metodik som utformats på mjukvaruföretaget Apple. Resultatet visade en allvarlig brist, som lyckligtvis är enkel att korrigera. Resterande problem ansågs ej utgöra några större hinder för framtida användare. Responsen från testpersonerna var positiv då de inte bara upplevde färre knapptryckningar utan också ett enklare användande jämfört med traditionell textinmatning. / This report aims to answer how to design a user interface for a mobile application minimizing the amount of key presses, specifically text input. In this context, mobile application means a program designed to run on a mobile phone with a numerical keyboard. The application we’re designing is a travel search function for local bus traffic. For out test purposes we used the bus stops in Jönköping County. We developed a design concept based on a menu system consisting of alphabetic groups for inputting names of towns and bus stops. From this we developed a prototype in Java Micro Edition which could later be evaluated after a small user test. The prototype was tested on three people using a method developed at the software company Apple. The results revealed one significant flaw, which, fortunately, is easy to correct. The remaining problems were not considered to be any insurmountable hurdles for users to overcome. Response from the test subjects was positive in that they not only experienced fewer key presses, but also a simpler usage of the application.

<p>The mission was to create a prototype of a menu system for the company</p><p>System Andersson AB. The instructions were that it has to be as interesting and</p><p>modern now as in 20 years. We had to look at technology from the cutting edge</p><p>of development to make our prototype survive in the future. Windows</p><p>Presentation Foundation (WPF) was the technique we focused on. There are</p><p>only a few applications that take advantage of WPF today, but it is predicted</p><p>that WPF will be the next generation method for developing applications to the</p><p>Windows platform.</p><p>To make our menu visually appealing, easy to use and at the same time</p><p>functional, we followed the clear path and guidelines that are available in</p><p>interaction design. Those guidelines tell us how the design process should be</p><p>executed. Through usage of the six basic ideas of interaction design and taken</p><p>the principles of richer user experience further, we were able to build a menu</p><p>system that will be as modern in 20 years as it is now. We took the thoughts of</p><p>physical design into account to make the menu understandable and easy to use.</p> / <p>Examensarbetets uppdrag var att skapa en prototyp av ett menysystem åt</p><p>System Andersson AB, som enligt instruktioner ska vara intressant och</p><p>modernt, även om 20 år. För att lyckas med detta tittade vi på "cutting edge" av</p><p>vad som används idag för att inte systemet skulle riskera att bli föråldrat i</p><p>framtiden. Tekniken som vi undersökte och använde oss av var Windows</p><p>Presentation Foundation (WPF). I dagsläget är det endast ett fåtal applikationer</p><p>som använder WPF men utvecklingsmetoden spås vara morgondagens sätt att</p><p>programmera windowsapplikationer.</p><p>För att vår meny skulle bli estetiskt tilltalande, enkel att använda och samtidigt</p><p>funktionell så finns det inom interaktionsdesign klara riktlinjer om hur</p><p>designutvecklingen bör gå till väga. Genom att nyttja de sex grundtankarna: att</p><p>ett system ska vara effektivt, ha hög verkningsgrad, säkert att använda, vara</p><p>användbart, enkelt att förstå samt okomplicerat; i designen och att bygga vidare</p><p>med principerna så anser vi att vi har kunnat åstadkomma ett menysystem som</p><p>kommer att se lika intressant och modern ut om 20 år som det gör nu. För att</p><p>menyn skulle uppfylla de sex grundtankarna, bland annat att vara klart</p><p>förståelig och enkel att använda så använde vi oss av de tankar och teorier som</p><p>framgår i fysisk design.</p>

The mission was to create a prototype of a menu system for the company System Andersson AB. The instructions were that it has to be as interesting and modern now as in 20 years. We had to look at technology from the cutting edge of development to make our prototype survive in the future. Windows Presentation Foundation (WPF) was the technique we focused on. There are only a few applications that take advantage of WPF today, but it is predicted that WPF will be the next generation method for developing applications to the Windows platform. To make our menu visually appealing, easy to use and at the same time functional, we followed the clear path and guidelines that are available in interaction design. Those guidelines tell us how the design process should be executed. Through usage of the six basic ideas of interaction design and taken the principles of richer user experience further, we were able to build a menu system that will be as modern in 20 years as it is now. We took the thoughts of physical design into account to make the menu understandable and easy to use. / Examensarbetets uppdrag var att skapa en prototyp av ett menysystem åt System Andersson AB, som enligt instruktioner ska vara intressant och modernt, även om 20 år. För att lyckas med detta tittade vi på "cutting edge" av vad som används idag för att inte systemet skulle riskera att bli föråldrat i framtiden. Tekniken som vi undersökte och använde oss av var Windows Presentation Foundation (WPF). I dagsläget är det endast ett fåtal applikationer som använder WPF men utvecklingsmetoden spås vara morgondagens sätt att programmera windowsapplikationer. För att vår meny skulle bli estetiskt tilltalande, enkel att använda och samtidigt funktionell så finns det inom interaktionsdesign klara riktlinjer om hur designutvecklingen bör gå till väga. Genom att nyttja de sex grundtankarna: att ett system ska vara effektivt, ha hög verkningsgrad, säkert att använda, vara användbart, enkelt att förstå samt okomplicerat; i designen och att bygga vidare med principerna så anser vi att vi har kunnat åstadkomma ett menysystem som kommer att se lika intressant och modern ut om 20 år som det gör nu. För att menyn skulle uppfylla de sex grundtankarna, bland annat att vara klart förståelig och enkel att använda så använde vi oss av de tankar och teorier som framgår i fysisk design.

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.