Логичность внешнего оформления сайта — положения логотипа, навигации, использование графических элементов и типографики. Логичность очень сильно влияет на удобство навигации по сайту.
Прогрессивное улучшение (Progressive Enhancement, PE)
Стратегия разработки, при которой базовый функционал сайта доступен из всех браузеров, а для пользователей современных браузеров предусмотрены дополнительные возможности. Основное преимущество такого подхода в том, что он позволяет создавать сайты, удобные для пользователей с медленными соединениями или старыми браузерами, при этом предоставляя дополнительные возможности для пользователей со скоростными соединениями и современными браузерами. [Wikipedia]
Читабельность (Readability)
Обозначает уровень понятности смысла текста, зависит от сложности предложений и используемых терминов. Обычно измеряется уровнем образования: необходимого читателю, чтобы понять текст. Читабельность и разборчивость — понятия разные. [Usability Glossary]
Дизайн ориентированный на пользователя (User-centered design, UCD)
Стратегия дизайна, в которой пользователи, их нужды, интересы и поведение являются основой при разработке структуры сайта, навигации и подаче информации. Такой подход стал стандартом для современных веб-приложений, особенно в свете рассвета приложений, использующих контент, генерируемый пользователями. В Веб 2.0 пользователей нужно мотивировать к созданию контента и другой активности, при этом работа с сервисом должна вызывать минимум затруднений и быть максимально удобной.
Бдительность (Vigilance, sustained attention)
Способность сохранять внимательность при выполнении длительных, монотонных задач, таких как проверка текста на наличие ошибок, запоминание встреч и договоренностей, сохранение документов во время работы. В современных веб-приложениях такие задачи выполняются автоматически, тем самым повышая удобство сервисов.
Walk-Up-And-Use Design
Интуитивно понятный дизайн, который посетители, использующие его в первый раз или которым он понадобиться только однажды, могли эффективно использовать его без предварительного обучения или инструкций.
Wireframe
Скелет сайта, который отражает идеи концепции и структуру будущего сайта. Может быть представлен в виде презентации, демонстрирующей заказчикам, особенности компоновки и функциональности сайта, а также возможные сценарии выполнения пользователями их задач. Обычно скелет не содержит визуальных элементов или готовой разметки сайта, но, возможно, в него будут включены черновики или скетчи. Пример. [Glossary, Wikipedia: Wireframes ]
Интересно было бы увидеть в комментариях ваши варианты перевода этих терминов, для некоторых я не нашел ничего подходящего.
Wireframes. Источник.
Ресурсы
§ Interaction Design Encyclopaedia
Развивающаяся энциклопедия по взаимодействию человека и компьютера. В статьях внимание обращено не только на термины юзабилити, но и на особенности их использования в современном дизайне.
§ Usability First Glossary: Alphabetical Index
Один из крупнейших юзабилити глоссариев с сотнями статей о терминах и сущностях юзабилити.
§ Usability Glossary
Юзабилити глоссарий от Information Technology Systems & Services of the University of Minnesota Duluth.
Оригинал: 30 Usability Issues To Be Aware Of
Разделы: Дизайн, Статьи
Теги: юзабилити
Комментариев – 48 
· 
Kimi 31 октября 2007 11:29 #
Большинство из перечисленных правил в современных условиях уже не работают. Информация устаревает, как и технологии.
ответить
· 
Евгений 31 октября 2007 11:44 #
Большинство из перечисленных правил в современных условиях уже не работают. Информация устаревает, как и технологии.
Очень заинтересовался вашей точкой зрения, не могли бы вы рассказать подробнее, какие правила устарели и почему, хорошо если со ссылками на источки, возможно тогда я смог бы ознакомить читателей, с новыми правилами.
ответить
· SHAman 31 октября 2007 14:09 #
Отличная статья! Про многие принципы знал, но о некоторых слышу впервые. Спасибо. Сохраню себе в библиотечку:)
ответить
· 
uggallery 31 октября 2007 14:41 #
Хорошая статья. Этакий конспект однокашника-отличника, полученный в день экзамена. Очень удобно:)
Про синдром утенка понравилось:)))
ответить
· kremien 31 октября 2007 15:12 #
Ни фига подобного - все работает и будет работать!
ответить
· EX 1 ноября 2007 1:34 #
Спасибо огромное за статейку! Почерпнул много интересного и полезного для себя. Особенно в свете работы над Интернет-магазином...:)
ответить
· 
Platon 1 ноября 2007 11:56 #
http://www.gui.ru/ivan/terminilogy_wars_1/ - Вот здесь подробнее о терминах и их переводах
ответить
· 
dmi3j 1 ноября 2007 14:24 #
Спасибо! Вряд ли бы осилил на языке оригинала. Статья прямиком в закладки в раздел "мануал"...:)
ответить
· 
larin 1 ноября 2007 21:26 #
Замечательный перевод!!!
Большое спасибо! Других слов просто нет)))
ответить
· 
azproduction 1 ноября 2007 23:10 #
Не знал но догадывался =)
ответить
· Nikita 2 ноября 2007 11:07 #
Всё работает, только и в этих правилах слишком много ньюансов. Всё зависит от специфики, контекста, стиля и ещё хз чего.
ответить
· SHAman 2 ноября 2007 11:12 #
Nikita, естественно, для многих правил есть исключения. А в такой нечеткой сфере как дизайн и юзабилити - точно исключения должны быть. Ведь эти правила основываются всего лишь на исследовании многих людей и статистике. Статистика - это хорошо, но не стопроцентно. В любом случае, если знать эти правила, можно уже немного по-другому думать при проектировании интерфейсов. Очень познавательно.
ответить
· Mikle 2 ноября 2007 17:58 #
В России кто-нибудь пользуется Eye-Tracking?
ответить
· Platon 2 ноября 2007 18:14 #
В России кто-нибудь пользуется Eye-Tracking?
Насколько я знаю, из компаний "широкого профиля" (не ВПК и специализированные промышленные лаборатории, о которых никакой информации нет, но они, вероятно, есть) - никто.
Слишком дорогие вложения: комплекс стоит 20-30К евро, отнюдь не во всех проектах он нужен, и отнюдь не все готовы будут оплачивать его амортизацию.
По опыту общения с зарубежными коллегами-юзабилистами - то же самое, это очень редкий зверь.
ответить
· Mikle 2 ноября 2007 18:53 #
То есть, Eye-Tracking - просто некое "украшение", без которого юзабилити-тестирование хуже не становится? Или же пока нет возможности им пользоваться - в силу дороговизны оборудования и отсутствия методик и стандартов? Казалось бы, возможность "увидеть свой сайт глазами пользователя" должна вызывать интерес. В одной лаборатории мне приходилось видеть, как это делается - только они не занимаются юзабилити, там другие вопросы.
ответить
· SkyClear 2 ноября 2007 20:31 #
Еле прочитал всё. Разжёвано до мелочей. Спасибо!
ответить
· Platon 2 ноября 2007 21:25 #
То есть, Eye-Tracking - просто некое “украшение”, без которого юзабилити-тестирование хуже не становится? Или же пока нет возможности им пользоваться - в силу дороговизны оборудования и отсутствия методик и стандартов?
Я бы сказал, что в подавляющем большинстве проектов ET может дать прибавку в качестве оценки в районе 10% - где-то больше, где-то меньше.
При этом стоимость этого комплекса, как я уже писал, велика. И, например, чтобы окупить такие затраты, мне придется продавать юзабилити-тестирования на на 10-20% дороже, а в 2-3 раза дороже. Это прекрасная иллюстрация принципа Парето - когда 20% эффективности потребуют 80% затрат.
Я полагаю, спустя какое-то (непродолжительное) время специализированные юзабилити-компании все равно придут к покупке такого оборудования: с одной стороны, позволит объем работы, с другой - продолжится тенденция к усложнению юзабилити-задач (то есть усложнятся сами продукты, интерфейсы которых создаются, это уже происходит), с третьей - у заказчиков возникнет необходимость "вырываться вперед" пусть и на 5-10%, и таких заказчиков будет все больше (перекликается с "во-первых"), ну и, в-четвертых, что немаловажно, стоимость оборудования упадет: поймите, самим разработчикам таких систем сейчас нужно "снять сливки", я уверен, что себестоимость аппарата не очень велика - в пределах 1К, софт там явно не настолько сложный, чтоб продавать его за десятки и даже единицы К. Так что - пока "отбиваются" затраты на R&D, а дальше должно пойти веселее. Да, ну и это оборудование дорого именно потому, что нацелено на узкий профессиональный сегмент рынка.
Ну и, помимо тех %% качества (повторюсь: в разных проектах по-разному), конечно же, результаты тестирования с добавлением ET будут просто удачнее продаваться: они нагляднее, симпатичнее и более убеждающие.
ответить
· Евгений 2 ноября 2007 22:03 #
Погуглил немного и нашел заменитель мышки он же ET EyeTech Digital Systems - Quick Glance 3 — $8,645.
На другие системы такого класса просто цен не было, думаю не больше $10000, хотя это тоже не мало, конечно есть и системы намного дороже, но при тестировании сайтов такое устройство вполне может дать прибавку качества в 10% о которой вы говорили.
И еще, если уж покупать такую систему то использовать ее нужно по максимуму и не факт, что одна контора это сможет (конечно, смотря какая контора) поэтому целесообразным может быть создание отдельных компаний предоставляющий услуги по ET, пока я искал цены на прибор, наткнулся на сайты пары таких компаний.
ответить
· Platon 2 ноября 2007 22:23 #
Про стоимость оборудования: дороги именно хорошие системы, которые дают валидные результаты. Недорогие предполагают сидение более-менее неподвижно в одной позе. Понятно, что полноценную работу на компьютере так не смоделируешь.
Но все значительно лучше чем раньше: еще раз повторюсь - динамика налицо. Раньше, например, для ET на один глаз лепили присоску, а голову привинчивали к специальной штанге. Такие ограничения полезны только в узком спектре задач: преимущественно зрительное взаимодействие с низкой степенью интерактива.
Хорошо, что технологии развиваются:)
Про спец. лаборатории - совершенно справедливо. Мы для ряда работ арендуем оборудование/услуги у маркетинговых исследователей - там рынок явно богаче и более развитый. Российских компаний, предлагающих в аренду современные комплексы ET, подходящие для наших задач (а это - не просто просмотр ТВ, чего часто вполне хватает маркетологам, а богатый интерактив и свобода движений/поз) я пока не знаю. Если вы нашли - поделитесь, плиз, с удовольствием попробуем посотрудничать.
ответить
· Евгений 2 ноября 2007 22:30 #
Российских я, к сожалению, не видел, попадались западные, адреса не запомнил, но найти не сложно "Eye-Tracking" в гугл и они лезут и в результатах, и в адсенсе, только вот едва ли будут полезны.
ответить
· Nina 7 ноября 2007 10:51 #
Minesweeping - зарытые указатели
ответить
· Nina 7 ноября 2007 11:01 #
Синдром утенка (Baby-Duck-Syndrome) русские психологи называют "импринтинг" http://www.leary.ru/misc/bersnev/?n=05
ответить
· seregaborzov 10 ноября 2007 22:57 #
прекрасная статья, спасибо за перевод
ответить
· klavin 23 ноября 2007 21:06 #
Сама статья не удовлетворяет принципам юзабилити
Хотя бы "принципу Пирамиды", не говоря уже про то, что она слишком длинная;-)
ответить
· modx-cms 17 декабря 2007 9:34 #
klavin, а как по вашему ее стоит изменить, чтобы она удовлетворяла принципам юзабилити? Выкинуть 90% информации?:-))
ответить
· Danaki 24 января 2008 11:53 #
Отличная статья, только не понял почему пирамида перевернутая. По-логике обычная, вначале выводы, потом раскрытие темы - сверху вниз, как на странице:D
ответить
· Клевый сеошник 27 января 2008 3:27 #
Спасибо за статью +5
ответить
· LifeMaker 13 февраля 2008 8:30 #
кратко и емко. отличная статья.
про утенка мне тоже понравилось:)
ответить
· nick 14 марта 2008 11:36 #
читайте, запоминайте и используйте а не в закладки суйте
ответить
· Алексей 11 июня 2008 9:51 #
Хорошая статья. Не плохо было бы разбавить ее хорошими примерами.
Ушел переделывать сайт:)
ответить
· Yoshi 26 июня 2008 14:21 #
ну что я могу сказать, в избранном. это основы, а от основ, как говорится, начинается креатив.
ответить
· студия_веб_дизайна 6 марта 2009 4:31 #
Правило 3 клика!
На удивление на твоем блоге такое правило не присутствует!
Интересно как можно обучать тому что сам не знаешь?
А статья великолепная! Спасибо!
ответить
· Евгений 8 марта 2009 9:15 #
Пришлось обойтись 2-мя кликами.
Любая страница > Карта сайта > Любая страница
ответить
· Alex 10 марта 2009 12:44 #
Ссылка на "Wikipedia: Shneiderman’s rules for design" не работает. Вот замена:
http://faculty.washington.edu/jtenenbg/courses/360/f04/sessions/schneidermanGoldenRules.html
ответить
· 
puzik 14 марта 2009 23:34 #
сразу увидел 7±2 но давно уже ясно что для веб это не применялось...
немного смутило, ноостальное читать полезно
ответить
· Monk 12 апреля 2009 11:47 #
полезная информация, узнал много интересного
ответить
· 
trendbender 12 апреля 2009 14:16 #
Отличная статья, спасибо. Много полезного в одном месте.
ответить
· FEdya 19 мая 2009 0:29 #
Думаю пользователи видят и читают баннеры, просто очень быстро и Eye-Tracking это фиксирует. А это наоборот хорошо, человек не тратит время на долгое сканирование рекламы.
ответить
· 
Ермоленко Антон 3 сентября 2009 0:59 #
Суперский перевод и суперский сайт. Хотелось бы больше о практическом применении этих принципов при построении сайтов
ответить
· Евгений 28 января 2010 23:32 #
Накидали в статью всё, что нашли...
ответить
· NEI 20 сентября 2010 7:09 #
Офигенная статья! мне очень понравилась, много полезного, интерестного и 100% чтото когда то в будущем понадобится, спасибо:)
З.Ы. как токо зашёл на страницу думал что не выдержу всё прочитать, а в итоге прочитал всё даже все коментарии потмоу что было очень интерестно узнать мнения людей))
