stringtranslate.com

Загадочная навигация по мясу

Mare ImbriumMare TranquillitatisMare SerenitatisMare CrisiumMare FecunditatisMare NectarisMare FrigorisMare FrigorisMare FrigorisOceanus ProcellarumOceanus ProcellarumMare HumorumMare NubiumMare CognitumMare VaporumSinus AestuumCopernicusKeplerTychoKaukasusApeninnenAlpenPlatoMoon
Эта карта изображений является примером навигации по таинственному мясу. Например, найти, где нажать на Mare Humorum , сложно, не наводя курсор на каждое место (что невозможно на устройствах без курсора, таких как планшеты). Кроме того, может быть не сразу очевидно, что изображение представляет собой кликабельную карту, а не просто изображение Луны Земли .

Mystery meat navigation (также известная как MMN ) — это форма пользовательского интерфейса веб-навигации , в которой цель каждой ссылки не видна, пока пользователь не наведет на нее курсор. Такие интерфейсы лишены дизайна, ориентированного на пользователя , подчеркивающего эстетический вид , пустое пространство и сокрытие информации вместо практичности и функциональности . [1] [2] Термин был придуман в 1998 году Винсентом Фландерсом, автором книги и сопутствующего веб-сайта Web Pages That Suck . [3]

Терминология

Эпитет « мясная тайна » относится к мясным продуктам, которые часто подают в американских школьных кафетериях, чьи формы были настолько тщательно переработаны, что их точные типы больше не могут быть идентифицированы по внешнему виду; [4] [5] аналогично, пункты назначения ссылок, использующих навигацию по мясу, неизвестны только по внешнему виду. Использование такой навигации было сравнено с обработанными мясными продуктами, поскольку «вы не уверены, какое мясо у вас есть, пока не откусите его». [6] Фландерс первоначально и временно описал это явление как сатурнианскую навигацию в отношении корпорации Saturn , веб-сайт которой олицетворял это явление. [7]

Упражняться

Практика навигации «мясной тайны» может быть определена как «легкомысленное сокрытие навигационных опций с помощью ролловеров и других трюков». Это считается проблематичным на веб-сайтах с большим объемом информации, поскольку пользователям сложно распознавать пункты назначения навигационных гиперссылок или определять, где они находятся, и это увеличивает время, необходимое пользователю для обучения использованию сайта. [8] [9]

Иконографическая навигация

Сравнение иконографических схем навигации; в верхнем примере пользователь должен вывести значение пиктограмм или обнаружить их подразумеваемую цель, постепенно наводя курсор мыши на каждую иконку; в нижнем примере каждая иконка явно помечена текстовым выражением предполагаемой цели.

Дизайнеры интерфейсов веб-сайтов часто решают использовать иконографические схемы навигации как способ уменьшения визуального беспорядка и избежания необходимости языковой локализации . [10] Исключительное использование иконок без явных меток в навигации веб-сайта не может считаться интуитивным , поскольку оно опирается на личное понимание дизайнером значения каждой иконки. [11] Предоставление атрибутов alt или всплывающих подсказок , которые раскрываются при наведении мыши, не считается удовлетворительным решением, поскольку эти методы только вводят элемент исследования, который сравнивают с тралением мин («давайте проверим все и посмотрим, не всплывут ли какие-нибудь сюрпризы»). Эта практика была определена как распространенный антишаблон в интерактивном дизайне. [6] [12] Технологический писатель Шелли Пауэрс также отмечает, что MMN часто полагается на JavaScript , и что это может быть пагубно для удобства использования, если скрипты браузера отключены, и для поисковой оптимизации . [13]

Фландерс пишет: «Типичная форма MMN представлена ​​меню, состоящими из невыразительных иконок, которые заменяются пояснительным текстом только при наведении на них курсора мыши» [7] .

"Кликните сюда"

Некоторые комментаторы технологий считают, что использование популярной фразы «Нажмите здесь» в качестве текста ссылки является типом таинственной навигации. Считается, что это проблематично, поскольку фраза не указывает на содержание цели ссылки, что сбивает пользователя с толку. [10]

Руководство W3C по доступности веб-контента , а также такие организации, как WebAIM , рекомендуют не использовать в качестве текста ссылки такие фразы, как «нажмите здесь». [14] [15] Согласно W3C , «хороший текст ссылки не должен быть слишком общим; не используйте „нажмите здесь“. [...] текст ссылки должен указывать на характер цели ссылки». [16] Текст также должен иметь смысл при прочтении вне контекста.

Кроме того, эта фраза не подходит для пользователей, которые не используют мышь для навигации, например, используют клавиатуру или сенсорный экран . Она также представляет особые трудности для слепых и слабовидящих пользователей, которые используют программное обеспечение для чтения с экрана , просматривающее список доступных ссылок на странице. Страницы также пострадают при печати. ​​Еще одним недостатком является то, что она препятствует поисковой оптимизации страницы. [10] [16]

Смотрите также

Ссылки

  1. ^ Уорд, Марк (2002-11-04). «Почему веб-сайты становятся проще в использовании». BBC News . Получено 2014-07-11 .
  2. ^ Кингсли-Хьюз, Адриан (11.05.2010). «Приложения для iPad возвращают проблемы пользовательского интерфейса «загадочного мяса» середины 1990-х». ZDNet . Архивировано из оригинала 13 мая 2010 г. Получено 11.07.2014 .
  3. ^ Фландерс, Винсент (1998). Веб-страницы, которые отстой: изучайте хороший дизайн, глядя на плохой дизайн . Сан-Франциско: Sybex Inc. ISBN 978-0-7821-2187-2.
  4. ^ Бомонт, Энди; Гиббонс, Дэйв; Керр, Джоди; Стивенс, Джон (11 ноября 2013 г.). Создание удобных веб-меню. Apress. стр. 16. ISBN 978-1-4302-5358-7.
  5. ^ Фландерс, Винсент; Питерс, Дин (2002). "8. Навигация и таинственное мясо: Навигация таинственного мяса — порождение Сатаны". Сын веб-страниц, которые отстой: изучайте хороший дизайн, глядя на плохой дизайн . Сан-Франциско, Калифорния: Sybex. стр. 163–165. ISBN 978-0-7821-4020-0. Получено 24 января 2023 г. .
  6. ^ ab Brinck, Tom; Gergle, Darren; Wood, Scott D. (2002). Разработка веб-сайтов, которые работают: удобство использования в Интернете. Morgan Kaufmann. стр. 125. ISBN 978-1-55860-658-6. Получено 23 января 2023 г. .
  7. ^ ab Flanders, Vincent. "Web Pages That Suck learn good web design by looking of bad web design - Mystery Meat Navigation". Архивировано из оригинала 1 июля 2008 года . Получено 14 июня 2009 года .
  8. ^ Психология веб-дизайна. Smashing Magazine. 2012. стр. 84. ISBN 978-3-943075-24-3.
  9. ^ Калбах, Джеймс (28 августа 2007 г.). Проектирование веб-навигации: оптимизация пользовательского опыта. O'Reilly Media . стр. 149. ISBN 978-0-596-55378-4. Получено 23 января 2023 г. .
  10. ^ abc MacDonald, Diana (25 июня 2019 г.). Практические шаблоны пользовательского интерфейса для систем проектирования: ускоренное проектирование взаимодействия для бесшовного пользовательского опыта. Apress. стр. 194. ISBN 978-1-4842-4938-3. Получено 23 января 2023 г. .
  11. ^ Поттс, Кевин (25 ноября 2007 г.). Веб-дизайн и маркетинговые решения для бизнес-сайтов. Apress. стр. 78. ISBN 978-1-4302-0262-2. Получено 23 января 2023 г. .
  12. ^ Скотт, Билл; Нил, Тереза ​​(15 января 2009 г.). Проектирование веб-интерфейсов: принципы и шаблоны для богатых взаимодействий. O'Reilly Media . стр. 90. ISBN 978-0-596-55445-3.
  13. ^ Пауэрс, Шелли (1 мая 2008 г.). Раскрашивание Интернета: привлечение внимания пользователей и удержание их на вашем сайте. "O'Reilly Media, Inc.". стр. 16. ISBN 978-0-596-55392-0. Получено 23 января 2023 г. .
  14. ^ "Руководство по доступности веб-контента 1.0". W3.org . Получено 2012-05-07 .
  15. ^ "Введение в веб-доступность". WebAIM . Получено 2012-05-07 .
  16. ^ ab "HTML Techniques for Web Content Accessibility Guidelines 1.0". W3.org . Получено 2014-07-11 .