Comparison of hamburger and bottom bar menu on mobile devices for three level navigation

• Main Author: Tsiodoulos, Dimitrios
• Format: Others
• Language: English
• Published: KTH, Skolan för datavetenskap och kommunikation (CSC) 2016
• Subjects: Navigation; mobile application; usability; mobile interaction; mobile evaluation; Computer Sciences; Datavetenskap (datalogi)
• Online Access: http://urn.kb.se/resolve?urn=urn:nbn:se:kth:diva-185550

Mobile websites and application are used daily by millions of people as a way of communication and entertainment as well as a professional tool. Content rich apps with multiple levels of content hierarchy face challenges due to the limited space of the user interface. It is important that the application has excellent navigation features along with help and search capabilities [1], as navigation of the user interface is one vital aspect for such web and native apps offering to the user a way to explore its content, understand its structure and use the services that they offer. The efficient identification of the navigation pattern and its usability is a key element of the user experience. This paper compares two different mobile navigation patterns: One of the most common navigation patterns known as hamburger menu, and a bottom bar menu. In order to compare the two navigation patterns a usability evaluation, using a demo application that was developed for this purpose, was conducted. Twenty participants took part in the test were their performance along with their subjective feedback was collected. The analysis of the evaluation suggests that bottom bar menu is more efficient than hamburger menu in terms of total completion time. The qualitative feedback of the participants also suggests that their perceive bottom bar menu better than the hamburger menu one. In addition to their contribution for future research, the study results can help professionals choose what mobile navigation pattern to use as well as better know the benefits and drawbacks of their choice. === Mobila webbsidor och applikationer används dagligen av miljontals personer som ett sätt till att kommunicera och till att få samt ge underhållning och det är likaså ett professionellt verktyg. Innehållsrika applikationer med multipla nivåer av innehåll möter hierarkiskt utmaningar på grund utav användargränssnittets begränsade utrymme. Det är viktigt att applikationen har strålande navigationsfunktioner tillsammans med hjälp och sökningskapaciteter [1], då navigation av användargränssnitt är en vital aspekt för webb och integrerade applikationer som erbjuder användaren ett sätt till att utforska dess innehåll, förstå dess struktur och att använda tjänsterna som de erbjuder. Den effektiva identifieringen av navigationsmönstret och dess användbarhet är ett nyckelelement av användarupplevelsen. Denna skrift jämför två olika mobila navigationsmönster: Ett av de mest vanliga navigationsmönstrena känt som hamburgermeny, och en botten-fältmeny. I ordning till att jämföra dessa två  navigationsmönster, utfördes en användbarhetsutvärdering, med hjälp utav en demo-applikation som utvecklades för detta syfte. Tjugo deltagare deltog i testet där deras prestation tillsammans med deras subjektiva feedback samlades. Analysen av utvärderingen säger att botten-fältsmenyn är mer effektiv än hamburgermenyn gällande total slutförandetid. Deltagarnas kvalitativa feedback säger också att de uppfattar botten-fältmenyn som bättre än hamburgermenyn. I tillägg till deras insats för framtida efterforskning, kan studeringsresultaten hjälpa proffs att välja vilket mobilt navigationsmönster dom ska använda och det ger dem även kunskap om fördelarna och nackdelarna av deras val.