Гамбургер меню і Hidden рух Hurt UX Метрыкі

1. Чаму даследаванне схаванага Бачныя навігацыі
2. Меры: Навігацыя па ўжыванні, змест Discoverability, час, задачы Складанасць
3. Рух Выкарыстанне: Hidden навігацыі Выкарыстоўваецца менш і пазней у Задачы
4. Hidden рух вядзе да горшага User Experience
5. Адрозненні паміж настольным і мабільным User Experience
6. Чаму Hidden рух з'яўляецца менш эфектыўнай
7. рух Рэкамендацыі

Наша колькасная юзабилить-тэставанне схаванага меню (напрыклад, піктаграмы гамбургераў) і бачнага меню (напрыклад, спасылкі па ўсіх верхняй частцы старонкі) паказвае, што:

• Прыхаваная рух менш , чым выяўляецца бачная або часткова бачная рух.
  • Пры навігацыі схаваная, карыстальнікі маюць менш шанцаў выкарыстоўваць навігацыю.
  • Калі людзі выкарыстоўваюць ўтоеную навігацыю, яны робяць гэта пазней ў задачы, чым калі б гэта было відаць.

• Прыхаваная рух забяспечвае горшы карыстацкі досвед , чым бачная або часткова бачная рух робіць, як у мабільных тэлефонах і настольныя карыстацкіх інтэрфейсах. Гэта адкрыццё справядліва па некалькіх метрык UX уключаючы ацэнку карыстальнікаў з мэтавай складанасці, часу, выдаткаванага на задачы, і поспех задачы.
• На працоўных сталах, прыбраўшы навігацыю дэградуе вопыт і навігацыі зразумеласці больш, чым гэта робіць на тэлефонах.
• Утойванне навігацыі галоўным чынам ўплывае на ўтрыманне, якое не непасрэдна даступныя праз спасылку на старонцы.

Чаму даследаванне схаванага Бачныя навігацыі

адаптыўны дызайн мае многія годнасці ; Аднак адзін з яго менш удачлівых эфектаў была празмерная папулярнасць мабільных Па-першае канструкцый, якія пераўтвораць дрэнна на вялікіх экранах настольных кампутараў. Каб было ясна, «мабільны першы» само па сабе не з'яўляецца праблемай. Хутчэй за ўсё, гэта пытанне займае досыць добрыя мабільныя канструкцыі і перанос іх на настольныя кампутары, дзе яны не працуюць, а таксама. Мабільная Па-першае мусіць не роўны рухомым толькі.

(Відавочна, што ёсць агульны прынцып тут: калі метад праектавання прызначаны для ахопу платформы X і Y, то бескампрамісны X-першы падыход зробіць Y другарадныя і шкоду карыстальнікі на Y. Як растлумачаны ў нашым курсе на Маштабаванне карыстацкіх інтэрфейсаў , Каб распрацаваць для X і Y, якія неабходна ўлічваць моцныя і патрэбы як і адаптаваць дзве версіі вэб-сайта адпаведна.)

Схаваная навігацыі, напрыклад, меню гамбургера, гэта адна з многіх мадэляў, натхнёных мабільных канструкцыямі. прастору экрана з'яўляецца каштоўным таварам на мабільным тэлефоне. Каб справіцца з праблемай прыярэтызацыя ўтрыманне у той жа час робячы навігацыю (і іншыя хром ) Даступна, дызайнеры звычайна належаць на утойванне навігацыі па меню - часта пазначаным значок сумнавядомага гамбургера. Як танная сетка рэстаранаў хуткага харчавання, то ёсць дызайнеры захапляюцца яго зручнасць, і ў цяперашні час абслугоўвае мільёны кожны дзень, як на мабільных прыладах і на кампутарах.

У той час як наша якаснае тэставанне карыстальніка неаднаразова паказана, што рух схаваная пад які расчыняецца меню менш выяўляецца на працоўным стале Мы хацелі, каб вымераць велічыню гэтага эфекту ў колькасным даследаванні і ацаніць адноснае ўплыў схаванай навігацыі на працоўным стале ў параўнанні з мабільным. Для гэтага мы супрацоўнічаем з WhatUsersDo (Кампанія, якая спецыялізуецца ў галіне дыстанцыйнага тэставання юзабіліці), каб запусціць даследаванне з 179 удзельнікамі, якія скончылі задачы на ​​6 розных сайтах, як на смартфонах і кампутарах. Вынікі гэтага маштабнага даследавання прадстаўлены ў гэтым артыкуле. Дадатковы артыкул ўключае ў сябе нашы падрабязная метадалогія даследавання і вобразы меню выпрабаванні.

Меры: Навігацыя па ўжыванні, змест Discoverability, час, задачы Складанасць

Для вызначэння эфектыўнасці і практычнасці рознага меню, мы правялі тэсты на зручнасць выкарыстання на настольным і мабільныя версіі 6 розных жывых сайтаў з рознымі тыпамі навігацыйных канструкцый. Вось віды навігацыі, якія мы разглядалі:

1. Прыхаваная рух: асноўныя навігацыйныя спасылкі былі змешчаныя пад значком (напрыклад, гамбургер) або кнопку , і патрабуецца відавочнае дзеянне карыстальніка , якое будзе адлюстроўвацца.
2. Бачны рух: асноўныя навігацыйныя спасылкі былі паказаны ў бачнай панэлі навігацыі і можа , такім чынам , відаць простым вокам , без неабходнасці якіх - небудзь папярэдніх дзеянняў.
3. Combo навігацыі: некаторыя з асноўных навігацыйных спасылак былі бачныя і некаторыя з іх былі схаваныя пад меню.

Варта адзначыць, што для мабільных прылад, мы не ў поўнай меры праверыць бачную навігацыю стану. (Visible навігацыі радзей на мабільных прыладах, а таксама з-за іншыя абмежаванні, у нашым даследаванні, мы не змаглі ўключыць гэтую ўмову.) Мы пратэставалі схаваныя і камбінаваныя навігацыйныя ўмовы на мабільным тэлефоне.

Мы напісалі 2 простыя задачы для кожнага сайта. Некаторыя задачы могуць быць завершаны без выкарыстання агульнай навігацыі па сайце, у той час як іншыя задачы патрабуецца выкарыстанне навігацыі (або пошуку). Вось прыклад задачы :. «Перайсці да http://www.bbc.com і паглядзець , калі ёсць нейкая - альбо інфармацыя пра прыроду або дзікіх жывёл , вы зацікаўлены ў Пасля таго, як вы знайшлі пэўныя старонкі, цікава, скажыце, калі ласка , які з іх ён з'яўляецца «.

Для ацэнкі эфектыўнасці гэтых праектаў, мы сабралі 5 паказчыкаў:

1. Выкарыстанне навігацыі: ці выкарыстоўваюцца ўдзельнікі навігацыйных спасылак на ўсіх
2. Час навігацыі: час ад пачатку задачы да першага выкарыстання навігацыі ў гэтай задачы
3. Цяжкасць задачы: ацэнка удзельнікаў складанасці задачы
4. Змест Discoverability: ці былі ў стане выявіць ўтрыманне на сайце удзельнікаў
5. Час Задача: колькі часу спатрэбілася людзям, каб завяршыць задачы

Першыя 2 метрык звязаныя з выкарыстаннем навігацыі, у той час як апошні 3 ставіцца да якасці карыстацкага досведу.

(Больш падрабязна аб розных тыпах метрык UX і як збіраць і аналізаваць іх у нашым поўным дзённым курсе Вымярэнне User Experience .)

Рух Выкарыстанне: Hidden навігацыі Выкарыстоўваецца менш і пазней у Задачы

Для колькаснай ацэнкі выкарыстання навігацыі, мы разгледзелі (1) навігацыйнае выкарыстанне: ці была выкарыстаная падчас навігацыі задачы; і (2) час навігацыі: час ад пачатку задачы да моманту, калі была выкарыстаная рух. (Мы толькі падлічваем час навігацыі, калі была выкарыстаная рух.)

Гэтыя паказчыкі кажуць нам пра тое, карысна навігацыі, а таксама з'яўляецца гэта лёгка выявіць. Калі рух выступу, вы б чакаць, што яна будзе выкарыстоўвацца ўсё больш і хутчэй, чым калі б гэта было цяжка выявіць.

Нашы задачы не накіроўваць удзельнікаў выкарыстоўваць навігацыю, пошук, спасылкі, старонкі або любыя іншыя функцыі інтэрфейсу. Хутчэй за ўсё, людзі маглі б выкарыстоўваць усе, што заўгодна ў інтэрфейсе для выканання задачы. Мы выказалі здагадку, што калі рух бачная і здаецца карыснай для карыстальнікаў, яны будуць націскаць яго; калі не, то яны будуць спрабаваць іншыя рэчы. Такім чынам, мы разумеем, што не пстрыкаць меню можа проста адлюстроўваць, што карыстальнікі ўспрымаюць нешта яшчэ, каб быць лепшым выбарам, а не тое, што яны не заўважылі, або распазнаць меню.

Напрыклад, на некаторых старонках і задачах, спасылка для радных можа мець высокую інфармацыя водар - думае, што глядзець фільм на сайце газеты: калі першы загаловак, які вы бачыце на старонцы менавіта пра гэты фільм, ёсць верагоднасць, што вы будзеце забраць яго без выкарыстання навігацыі або пошуку.

Нашы вынікі паказваюць на тое, што на абодвух гэтых мер, прыхаваная рух была значна менш , чым выяўляных бачнай або камбінаванай навігацыі:

1. І на мабільны і на працоўным стале, людзі значна часцей выкарыстоўваць навігацыю , калі ўсе ці некаторыя з варыянтаў навігацыі былі бачныя (гэта значыць, у бачным і камбінаваных умовах).

• На працоўным стале, людзі выкарыстоўвалі схаванае меню толькі 27% выпадкаў, у той час як яны выкарыстоўвалі бачную або камбінаваную навігацыю амаль у два разы больш: 48% і 50% выпадкаў адпаведна.
• На мабільных людзей выкарыстоўвалі ўтоеную навігацыю ў 57% выпадкаў, а таксама са спісам навігацыі ў 86% выпадкаў - у 1,5 разы больш.

Мы правялі змешаных эфектаў лагістычную рэгрэсію і выявілі, што гэтыя адрозненні былі статыстычна значнымі. Гэты вынік не дзіўна: калі (усе ці некаторыя) магчымасці навігацыі адкрыты, яны больш прыкметным для карыстальнікаў. Калі нічога іншага, экран след бачнай або комба-навігацыі больш, чым меню, прадстаўленае толькі значок або этыкеткай, так што людзі заўважаць гэта больш.

2. Людзі значна часцей выкарыстоўваць навігацыю (будзь то скрытыя або часткова бачныя) на мабільным тэлефоне , чым на працоўным стале.

Ёсць шмат патэнцыйных тлумачэнняў гэтага факту:

• Рух на мабільным тэлефоне (няхай гэта будзе схаваны пад меню або часткова бачным) займае вялікую частку экрана прасторы, чым на працоўным стале, проста таму, што экран менш. Такім чынам, людзі больш схільныя заўважаць і выкарыстоўваць яго. Сапраўды, на працоўным стале мы назіралі шмат сеансаў, дзе людзі нават не бачаць значок меню. Некаторыя ўдзельнікі выпрабаванняў нават сказалі, што сайты са схаваным навігацыі не маюць меню.
• Паколькі прыхаваная рух часцей на мабільным тэлефоне, чым на працоўным стале, людзі могуць быць больш знаёмыя з ім, і, хутчэй за ўсё, думаць пра яе выкарыстанні.
• Мабільныя старонкі, як правіла, патрабуюць больш пракруткі, маюць меншае ўтрыманне бачным вышэй згіну , А часам павольней загружацца, так што людзі могуць звярнуцца да дапамогі меню замест таго, каб глядзець на старонку і даследаваць, ці ёсць якое-небудзь змесціва, якое адпавядае іх інтарэсам. На працоўным стале, хуткасць загрузкі старонкі высокая і большы экран забяспечвае лепшы прагляд змесціва старонкі. (Іншымі словамі, Кошт ўзаемадзеяння доступу да жаданае часткі інфармацыі вышэй, чым на мабільным тэлефоне на працоўным стале.)

Typing складаней і больш схільныя памылак на мабільным тэлефоне, і людзі могуць быць больш схільныя аддаваць перавагу навігацыі замест пошуку , Калі рух даступная.

1. На настольных і мабільных прыладах, калі рух была схаваная, запатрабаваліся ўдзельнікі больш выкарыстоўваць яго , чым калі ён быў бачным або часткова бачным. Нашы змешаныя эфекты абагульненая мадэль паказала, што гэты вынік быў нязначна значным (р <0,1).

, каб выкарыстоўваць навігацыю , калі яна была схаваная. На мабільным прыладзе, што розніца была менш (каля 2 секунд). (Мы не тэставалі сайты з адзінай бачнай навігацыі на тэлефонах.)

Хоць лічбы, здаецца, паказваюць на эфект прылады (гэта значыць, што ўдзельнікі былі хутчэй выкарыстоўваць ўтоеную навігацыю на мабільным тэлефоне, чым на працоўным стале) або ўзаемадзеянне (гэта значыць, што ўплыў схаванай навігацыі была вышэй на працоўным стале, чым на мабільным тэлефоне), гэтыя эфекты не былі статыстычна значнымі.

Яшчэ некалькі секунд, праведзеных могуць здацца дробнымі, і мы згодныя з тым, што яна не будзе розніцай паміж штрафам і жахлівым вопытам карыстальніка. Але ў тыя некалькі хвілін, карыстальнік можа пачаць адчуваць расчараванне і няўпэўненасць у сабе. Дадаць на працягу некалькіх секунд, і карыстальнік можа адмовіцца ад задачы, ці, па меншай меры, у меню.

Hidden рух вядзе да горшага User Experience

3 іншых паказчыкаў, якія мы сабралі, арыентаваныя на якасць карыстацкага досведу:

• Змест Discoverability. Нашы задачы былі досыць простыя і далі карыстальнікам дастатковую колькасць волі (напрыклад, «Знайсці тэхнічнай артыкуле, што вас цікавіць»), так што людзі на самай справе былі ў стане завяршыць іх вялікую частку часу. Аднак, улічваючы фокус нашага даследавання, мы выкарыстоўвалі больш тонкую меру поспеху (утрыманне зразумеласці) , які прыняў да ўвагі не толькі завяршылі Ці людзі з гэтай задачай, але і тое, як яны скончылі яго. Такім чынам, змест Discoverability вымяраў, ці былі карыстальнікі змаглі знайсці інфармацыю, якую яны шукалі з дапамогай навігацыі (і не шукаць) у тых выпадках, калі ўтрыманне непасрэдна не звязаныя з хатняй старонкі.
• Задача-цяжкасць рэйтынг. У канцы кожнай задачы, мы папрасілі ўдзельнікаў ацаніць, наколькі лёгка або цяжка была пастаўлена задача па шкале ад 1 да 7, дзе 1 лёгка і 7 быць цяжка. Цяжкасць задачы з'яўляецца суб'ектыўнай метрыкай; ён вымярае самастойна паведамілі ацэнкі карыстальнікаў задачы. Гэта , як правіла , адлюстроўвае іх агульны вопыт выкарыстання сайта, таму высокі рэйтынг ацэньваецца складанасць ўскосна паказваюць фактычныя цяжкасці ў пошуку навігацыі і навігацыі па сайце.
• Час на заданне. Гэтая метрыка прадстаўляў час, якое спатрэбілася ўдзельнікам, каб завяршыць задачу, паспяхова ці не. Меню можа дадаць або паменшыць час выканання задач, калі гэта лёгка ці цяжка знайсці, адкрыць або выкарыстоўваць, таму больш доўгі час задачы таксама адлюстроўвае дададзены кошт ўзаемадзеяння з-за менш карыснай навігацыі.

Нашы вынікі паказваюць , што ва ўсіх 3 -х розных метрыках, прыхаваная рух значна памяншаецца карыстацкі вопыт як на мабільным тэлефоне і на працоўным стале.

1. Як на мабільным і працоўным стале, то Discoverability ўтрымання было значна ніжэй , калі рух была схаваная .Гэта мера паказала падзенне больш чым на 20% у зразумеласці на сайтах са схаванай навігацыяй, па параўнанні з сайтамі з бачнай або спісам навігацыяй. Іншымі словамі, бачнае або комба навігацыі зрабілі людзей больш верагодна, каб выканаць пастаўленую задачу і паспяхова, не належачы на ​​пошук.

, чым для іншых тыпаў навігацыі для мабільных і настольных. (Мы не тэставалі сайты з толькі бачнай навігацыяй на тэлефонах.) Хоць Discoverability кантэнту на мабільным тэлефоне , як правіла, некалькі вышэй , чым на працоўным стале, гэта адрозненне не было статыстычна значным.

1. Прыхаваная рух прывяла да значна больш высокія ацэнак складанасці , чым бачная або камбінаванай рух: рэйтынг цяжкасці паказалі павелічэнне 21% у схаванай навігацыі стане па параўнанні з бачным, і павелічэннем на 11% у параўнанні з камбінаванай навігацыяй. Гэты вынік ўзгадняецца з іншымі нашымі высновамі і ўзмацніў выснову , што ўтойванне навігацыі робіць яго больш цяжкім для карыстальнікаў для выканання сваіх задач. Бачны рух ацэньваўся як мінімум цяжка, хутчэй за ўсё таму, што гэта было лёгка выявіць і карыстальнікі могуць адразу ж праглядзець параметры навігацыі і выбраць адзін з іх. Іншыя тыпы навігацыі схаваць параметры навігацыі і павялічваюць кошт ўзаемадзеяння.

па параўнанні з бачным навігацыйным станам. Павелічэнне па параўнанні з камбінацыйным умовай было толькі 11%. (Гэтыя лікі ўяўляюць сабой агрэгаваныя дадзеныя па абодвум мабільным і працоўнага стала.) У гэтым графіку, больш нізкія колькасці паказваюць лепшы карыстацкі досвед.

1. Карыстальнікі запатрабаваліся значна больш час для выканання задач на сайтах з схаванай навігацыяй , чым яны на сайтах з бачнай або камбінаванай навігацыяй на настольным і мабільных прыладах.

• На працоўным стале, людзі , па меншай меры 39% больш павольна , калі рух была схаваная ( па параўнанні з бачнымі або камбінаванымі ўмовамі).
• На мабільных людзей было 15% больш павольна , калі рух была схаваная ( па параўнанні са станам комба).

Адрозненні паміж настольным і мабільным User Experience

У першай частцы гэтага артыкула, мы паведамлялі, што мабільныя карыстальнікі значна часцей выкарыстоўваць навігацыю, чым карыстальнікаў настольных кампутараў (гл малюнак 1). Тут мы абмяркуем працоўны стол мабільных адрозненняў, звязаныя з метрыкай карыстальніка вопыту.

1. Прыхаваная рух, хутчэй за ўсё, паменшыць зразумеласці кантэнту на працоўным стале , чым на мабільным тэлефоне. Іншымі словамі, калі карыстальнікі павінны былі выявіць змесціва, якое патрабуецца выкарыстанне навігацыі, яны, хутчэй за ўсё, не ў стане на працоўным стале, чым на мабільным тэлефоне. Акрамя таго, падзенне поспеху было больш, калі рух была схаваная. Гэты вынік можна растлумачыць павелічэннем схільнасці карыстальнікаў настольных выкарыстоўваць пошук: пошук больш прыкметным (большую частку часу) на працоўным стале, і карыстальнікі могуць быць больш схільныя выкарыстоўваць яго, калі шлях да зместу не адразу.
2. Карыстальнікі Desktop былі хутчэй , чым карыстальнікі мабільных прылад (пры аб'яднанні ўсіх відаў навігацыі) у сярэднім, мабільных карыстальнікаў прыняло 12% больш часу для выканання задач. Гэты вынік не дзіўна: з-за невялікі экран, і вузкі канал сувязі паміж карыстальнікам і прыладай, атрымліваючы той жа кантэнт на мабільны тэлефон звычайна патрабуе больш ўзаемадзеяння.

Чаму Hidden рух з'яўляецца менш эфектыўнай

Чаму скрытыя навігацыі гэтыя эфекты? На працягу ўсёй артыкула мы парэкамендавалі некалькі адказаў:

1. Нізкая прыкметнасць: Невялікі значок цяжэй заўважыць на вялікі памер экрана (і нават на невялікім мабільным адзін).
2. Нізкая інфармацыя Пах: Значок меню або пазнака звычайна не гавораць людзям , што ўнутры яго, так што яны не маюць ні найменшага падання , калі яны знойдуць тое , што ім трэба, націснуўшы на яе.
3. Дадатковыя працы: Для таго, каб высветліць , што знаходзіцца ўнутры меню, людзі павінны пашыраць яго. Гэта павялічвае кошт ўзаемадзеяння карыстальнікаў і робіць іх менш верагодна, каб зрабіць гэта, або, калі яны робяць гэта, яны могуць заняць больш часу.
4. Адсутнасць стандартаў: Схаваная рух ажыццяўляецца па - рознаму розных сайтаў. Некаторыя сайты выкарыстоўваюць яго, некаторыя няма. На мабільных прыладах, мадэлі пачынаюць фармавацца, але на працоўным стале ёсць шмат зменлівасці і супярэчлівасці ў размяшчэнні і маркіроўка схаванай навігацыі.
5. Нізкая дасведчанасць: Асабліва на працоўных сталах, прыбраўшы навігацыю не з'яўляецца агульнай карціна і людзі не могуць чакаць , каб знайсці глабальную навігацыю па Пашыраюцца меню. Некаторыя людзі могуць таксама яшчэ не знаёмыя са значком гамбургера, які часта выкарыстоўваецца для такога меню. Гэтая нізкая дасведчанасць пагаршаецца адсутнасцю стандартаў, якія зніжаюць доўгатэрміновую навучальнасць (як абмяркоўваецца далей у нашым курсе на Чалавечы розум і зручнасць , Навучанне палягчаецца за кошт шматразовага ўздзеяння на той жа схеме.)

З гэтых 5 пунктаў супраць схаванай навігацыі, толькі апошні можа зніжацца ў наступныя гады. Гіпатэтычны, узмацненне стандартызацыі канструкцыі таксама можа адбыцца (што таксама павысіць дасведчанасць), але наш вопыт назірання за вэб-дызайну развівацца на працягу дзесяцігоддзяў ня робіць нас аптымізм, што моцныя праектныя стандарты з'явяцца ў бліжэйшы час. У 3 вялікіх кропках нізкай выпукласці, нізкі пах інфармацыі і дадатковай праца заўсёды будуць праклятыя схаванай рух, што дазволіць знізіць яго зручнасць.

рух Рэкамендацыі

Які вынас гэтага даследавання для вашага наступнага праекта распрацоўкі?

Desktop: Існуе шмат экрана нерухомасці для адлюстравання параметраў навігацыі, і мы рэкамендуем:

• Не выкарыстоўвайце скрытыя навігацыі (напрыклад, абразкі гамбургераў) у настольным карыстацкіх інтэрфейсах.
• Замест таго, каб адлюстраваць параметры навігацыі верхняга ўзроўню, як правіла, у верхняй частцы старонкі або ўніз па левай баку.

Мабільны тэлефон: Для тэлефонаў, ня цвёрдае правіла. Але нашы агульныя рэкамендацыі:

• Калі ваш сайт мае 4 ці менш навігацыйных спасылак верхняга ўзроўню, адлюстроўваць іх як бачныя спасылкі.
• Калі ваш сайт мае больш за 4 навігацыйных спасылак верхняга ўзроўню, адзінае разумнае рашэнне, каб схаваць некаторыя з іх. Мы знайшлі, што зручнасць пакаранне схаванай навігацыі вельмі прысутнічае на мабільным тэлефоне, але гэта менш, чым на працоўным стале. Такім чынам, мы рэкамендуем зрабіць гэты дызайн кампраміс, так як зручнасць выкарыстання пашыраемага меню навігацыі значна лепш, чым у альтэрнатыўных праектаў.
• Забяспечыць у старонцы спасылкі на важную інфармацыю на вашым сайце, або выкарыстоўваць іншыя метады падтрымліваючы гамбургер (Або якое-небудзь іншае схаваны) меню.

памятаеце: мабільна-першае , гэта не тое ж самае , як толькі рухомай , Плюс, вядома, прытрымлівацца іншым ўкараніліся рэкамендацыі UX дызайну меню ,

Іншыя артыкулы, якія адносяцца да вывучэння Гэты артыкул была заснавана на