Краткость - сестра таланта

10 практик юзабилити

В свежей заметке на DevelopSense Blog, где Майкл Болтон и Бен Симо совершенно справедливо склоняют глаголы над интерфейсом последней версии Skype, проскакивает несколько, как мне показалось, интересных ссылок. Текст одной из них я сподобился перевести. Многие вещи, несомненно очевидны и стали уже нормой, но пруфлинки и имена дядек на которых можно сослаться, часто бывает полезным аргументом если вы практикуете такую вещь как Bug Advocacy. Также материал может служить неплохим подспорьем для тест-планов по юзабилити. Дисклаймер: я долго сомневался при переводе слова heuristics и решил перевести его как практики. Вы можете понимать как вам удобно или предложить лучший на ваш взгляд вариант.

автор Jakob Nielsen
Оригинал http://www.useit.com/papers/heuristic/heuristic_list.html#

Ниже перечислено 10 основных принципов для проектирования пользовательского интерфейса. Они называются практики потому что они по характеру ближе к практическим методам нежели к каким либо руководствам по юзабилити (guidelines).

Очевидность статуса системы

Система должна постоянно держать пользователя в курсе происходящего путем соответствующих откликов в пределах разумных промежутков времени

Приближенность системы к реальности

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

Контроль и свобода пользовательских действий

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

Согласованность и стандарты

Пользователи не должны удивляться различным словам, состояниям или действиям обозначающим одно и то же. Следуйте стандартизированным соглашениям.

Предупреждение ошибок

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

Распознавание предпочтительнее вспоминания

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

Гибкость и эффективность использования

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

Эстетичный и минималистичный дизайн

Диалоги не должны содержать не имеющей значения или редко используемой информации. Каждая доля лишней информации в диалоге конкурирует с полезной и уменьшает её относительную заметность.

Помогайте пользователям опознавать, выявлять и восстанавливаться после ошибок

Сообщения об ошибках должны быть написаны простым языком (без кода), точно указывать на проблему и предлагать конструктивное решение.

Помощь и документация

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

Первоначально автор разработал эти практики для эвристической оценки в сотрудничестве с Rolf Molich в 1990-м [Molich and Nielsen 1990; Nielsen and Molich 1990]. С тех пор они были усовершенствованы на основе анализа факторов 249 проблем юзабилити [Nielsen 1994a] что породило набор практик с максимальной степенью пояснения, которые воплотились в этом пересмотренном перечне практик [Nielsen 1994b].

Обновленные сведения

Я буду представлять мои новейшие руководства по юзабилити на консультации Fundamental Guidelines for Web Usability в рамках Usability Week 2009 conference в Вашингтоне, Сан-Франциско, Лондоне.

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

• Основные принципы дизайна интерфейса от Bruce "Tog" Tognazzini. Перечень длинноват для эвристической оценки, но служит хорошим чек-листом.
• 10 практик юзабилити для повседневной жизни (типа прикол, на англ.)

Список литературы:

• Molich, R., and Nielsen, J. (1990). Improving a human-computer dialogue, Communications of the ACM 33, 3 (March), 338-348.
• Nielsen, J., and Molich, R. (1990). Heuristic evaluation of user interfaces, Proc. ACM CHI'90 Conf. (Seattle, WA, 1-5 April), 249-256.
• Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI'94 Conf. (Boston, MA, April 24-28), 152-158.
• Nielsen, J. (1994b). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods, John Wiley & Sons, New York, NY.

Copyright © 2005 by Jakob Nielsen. ISSN 1548-5552

Майкрософт изменили гайдлайны для капитализации

Для кого-то это не новость и, возможно, кого-то это развеселит, но на днях я был удивлен тем, что оказывается для Windows Vista стандарты капитализации изменились. Я уже привык к тому, что в названии кнопок, например, все слова пишутся с большой буквы (это грубо говоря, на самом деле там много разных условий). Такой вид капитализации называется title-style capitalization. Когда с большой буквы написано только первое слово, это sentence-style. Так вот, чтобы следовать Windows Vista tone, title-style capitalization должен использоваться только для заголовков окон, все остальные элементы UI должны быть оформлены в стиле sentence. Прочитать об этом и многом другом в оригинале можно тут. К чему этот пост? Да к тому, что все течет, все меняется, не забывайте держать руку на пульсе :)

Tools: Snipping Tool - встроенный в Windows Vista инструмент захвата изображений

Наверняка я не открываю Америку, но тем не менее. Если вы работаете на Windows Vista Home Premium, Business, Enterprise или Ultimate, вы можете использовать встроенное средство для захвата изображений - Snipping Tool (Ножницы в русской локализации).






















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

• Произвольная форма. Обведите требуемый объект произвольной линией, например образующей круг или треугольник.
• Прямоугольник. Заключите объект в прямоугольник, протащив курсор вокруг объекта.
• Окно. Выберите требуемое окно (например, окно обозревателя или диалоговое окно).
• Весь экран. Также можно сделать снимок всего экрана.

Готовый фрагмент автоматически копируется в окно, где доступны такие инструменты как многоцветное перо, маркер и ластик. Сохранить можно в форматах PNG, GIF, JPEG или HTML (MHT). Также есть возможность отправить картинку по почте. Если вам нужно захватить какую-либо нестатичную область, например открытое меню, сделайте следующее:

1. Откройте Snipping Tool.
2. Нажмите ESCAPE и откройте меню.
3. Нажмите CTRL+PRINT SCREEN.
4. Выбирайте тип выделения и хватайте.