Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • harvard1
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Comparison of hamburger and bottom bar menu on mobile devices for three level navigation
KTH, School of Computer Science and Communication (CSC).
2016 (English)Independent thesis Advanced level (degree of Master (Two Years)), 20 credits / 30 HE creditsStudent thesisAlternative title
Jämförelse av hamburgermeny och botten-fältmeny på mobila enheter för navigering med tre nivåer (Swedish)
Abstract [en]

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.

Abstract [sv]

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.

Place, publisher, year, edition, pages
2016.
Keyword [en]
Navigation, mobile application, usability, mobile interaction, mobile evaluation
National Category
Computer Science
Identifiers
URN: urn:nbn:se:kth:diva-185550OAI: oai:DiVA.org:kth-185550DiVA: diva2:922114
Supervisors
Examiners
Available from: 2016-05-03 Created: 2016-04-22 Last updated: 2016-05-03Bibliographically approved

Open Access in DiVA

fulltext(2808 kB)239 downloads
File information
File name FULLTEXT01.pdfFile size 2808 kBChecksum SHA-512
93e60fbc19a660960f3d07595554059045711edcf2ab7bd819e1902766f33df486bdbece338df4f185728df5f35807d63ab6b8a105d0219ddbb288fa59095dc7
Type fulltextMimetype application/pdf

By organisation
School of Computer Science and Communication (CSC)
Computer Science

Search outside of DiVA

GoogleGoogle Scholar
Total: 239 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 500 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • harvard1
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf