Матчасть

Делай, а не спрашивай

Одной из типовых задач проектирования интерфейсов является создание механизмов выполнения различных операций над объектами-сущностями: создание, просмотр, редактирование, удаление.

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

Например, коллега Павел Коноплицкий в своем посте «Делая интернет-платежи простыми и удобными. Перепроектирование системы A1Pay» (эта же статья для тонких ценителей хабрабабра: http://habrahabr.ru/blogs/ui/123859/) рассказывает нам о своем опыте перепроектирования уже работающего интернет-ресурса. Среди прочих проблем, присутствовавших в интерфейсе, Павел выделил отсутствие подтверждения при удалении объектов.

Вот, что он пишет:

У важных операций, когда данные не могут быть восстановлены (например удаление), отсутствовало подтверждение. Было сформулировано следующее правило:

Подтверждение удаления

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

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

  • блокирует доступ к содержимому страницы во время показа сообщения;
  • способствует появлению ошибок, поскольку формирует привычку кликать «ОК» не читая;
  • не помогает исправить ситуацию в случае возникновения ошибки.

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

Более человекоориентированно было бы удалять элемент, не спрашивая подтверждения, но предлагать возможность отменить только что сделанное удаление. При этом, если используется Ajax, то сообщение об удалении можно выводить в красной рамочке в том же месте, где только что была запись объекта.

Подобное решение уже используется на ряде сайтов и сервисов. Например, Вконтакте:

Вконтакте-Удаление поста

Такой подход к удалению данных избавляет интерфейс от вышеперечисленных проблем и не считает человека за дурака.

Стандартный
Книги

Джеф Раскин. Интерфейс: новые направления в проектировании компьютерных систем

От издателя:

Книга эта непростая и подойдет не каждому. Автор анализирует то, к чему мы все давно привыкли до автоматизма, и объясняет, что интерфейс многих современных программ далек от совершенства. Как его улучшить, в каком направлении двигаться дальше? Попробуйте найти ответы вместе с самым известным специалистом в этой области — Джефом Раскиным, создателя проекта Apple Macintosh.

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

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

Раскин Д.Интерфейс.Новые направления в проектировании компьютерных систем

Книга Джефа Раскина «Интерфейс» — реальный хардкор. Автор рассматривает интерфейсы сквозь призму как программного обеспечения, так и аппаратного.

В это области редко когда встречается глубокий подход к делу. Напротив, большинство компаний с радостью копируют те конструкции интерфейсов, которые считались удачными в 70-егоды. Книга «Интерфейс: новые направления в проектировании компьютерных систем» — это изысканное блюдо от шеф-повара. На пять с плюсом!

— Якоб Нильсен (Jacob Nielsen)

Эту книгу можно условно назвать «Как я сделал компьютер Canon Cat», поскольку большинство примеров и рассуждений строится именно на этом личном опыте автора. Но, не смотря на это, книга заставляет задуматься об направлении, в котором должен действовать каждый проектировщик интерфейсах, о границах его полномочий и ответственности.

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

Читать онлайнКупить

Об авторе

Джеф РаскинДжеф Раскин

Независимый консультант по разработке компьютерных интерфейсов и систем (www.jefraskin.com). Он изобрел компьютеры Apple Macintosh и Canon Cat. Среди его клиентов такие транснациональные компании, как Hewlett-Packard, IBM, Motorola, NCR, Xerox, Ricoh, Canon, McKesson и AT&T. Он опубликовал свыше 500 статей в более чем 40 периодических изданиях, таких как Wired, Forbes ASAP, IEEE Spectrum, Nature, Quantum. Раскин преподавал в Калифорнийском, Стэндфордском университетах и других учебных заведениях. Он часто вел семинары, выступал по радио и телевидению и участвовал в большом количестве конференций.

Стандартный
Видео

Дмитрий Сатин. Исследование и вовлечение пользователей

16 марта 2011 года состоялась открытая лекция Дмитрия Сатина, Генерального директора USABILITYLAB на тему: «Исследование и вовлечение пользователей».

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

Лекция прошла в рамках открытых лекций программы профессиональной переподготовки «Менеджмент в сфере электронного бизнеса и интернет-проектов» Высшей школы бизнес-информатики НИУ ВШЭ.

Стандартный
Книги

37signals. Getting Real: Более умный, быстрый и легкий способ для создания успешного веб-приложения

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

Getting Real

Книга «Getting Real» была написана по мотивам записей в блоге компании 37signals и за короткое время стала не только бестселлером, но и положила начало целой методологии и культа в сфере разработки веб-приложений.

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

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

— Глава 9. «Создание интерфейса»

Мотивирующие тезисы изложены в очень простой и сильной форме.

Getting Real — это отказ от вещей, представляющих реальность (диаграммы, графики, схемы, стрелочки и модели) и создание реальной вещи.

Getting Real — это значит «меньше». Меньше массы, меньше программного обеспечения и его возможностей, меньше бумагомарания — словом, меньше всего того, что является несущественным (а большая часть того, что, как вам кажется, критически важно, на самом деле таковым не является).

Getting Real значит оставаться небольшим и шустрым.

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

Getting Real — это итерации и снижение стоимости изменений.

Getting Real — это запуск и постоянное улучшение. То есть подход, идеальный для веб-приложений.

Getting Real — это создание того, в чём нуждается клиент и исключение того, что ему не нужно.

Книга обязательна к прочтению любому разработчику ПО, вне зависимости от специализации.

Читать книгу онлайн

Об авторах

37signalsАвторы книги — сотрудники небольшой компании 37signals: Джейсон Фрид (Jason Fried), Дэвид Хейнемайер Хансон (David Heinemeier Hansson), Мэтью Линдерман (Matthew Linderman).

Стандартный
Видео

Дурацкие интерфейсы

Интересная и забавная видео-подборка ошибок в интерфейсах, которую собрал Дмитрий Сатин.

Стандартный
Видео

iA Writer

Хорошим примером минималистичного дизайна интерфейсов и правильных взглядов на разработку программного обеспечения является текстовый редактор iA Writer от Information Architects, Inc.

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

Стандартный