Сьюзан Уэйншенк — 100 главных принципов дизайна. Как удержать внимание читать онлайн бесплатно
12 3 4 5 6 7 …15
Сьюзан Уэйншенк
100 главных принципов дизайна
Памяти Майлза и Жанет Шварц. Жаль, что вы не сможете прочитать эту книгу.
Благодарности
Огромное спасибо всей моей большой команде из Peachpit, особенно моему редактору Джеффу Райли (Jeff Riley), с которым мы ежедневно обменивались сообщениями по электронной почте. Благодарю Майкла Нолана (Michael Nolan) за помощь в написании этой книги. Благодарю Гатри Уэйншенк (Guthrie Weinschenk) за фотографии, Мэйси Уэйншенк (Maisie Weinschenk) за прекрасные идеи, Питера Уэйншенка (Peter Weinschenk) за поддержку и терпение. И спасибо всем тем, кто читает мой блог, приходит ко мне на презентации, да и вообще слушает меня, когда я говорю о психологии. Вы высказываете ценные идеи, мнения, и поэтому я продолжаю писать о психологии и дизайне.
Психология дизайна
Создаете ли вы веб-сайт, медицинское оборудование или любой другой продукт – ваша целевая аудитория состоит из людей, достойных хорошего дизайна.
И ваша прямая обязанность хорошо знать свою целевую аудиторию.
Как люди думают? Как они принимают решения? Что заставляет человека нажать кнопку или купить что-нибудь? Как заставить людей сделать то, что вы хотите?
Обо всем этом вы узнаете из этой книги. Вы узнаете, как привлечь внимание людей, какие ошибки они совершают и почему, а также многое другое, что поможет сделать ваш дизайн лучше.
И вы действительно сможете улучшить дизайн – потому, что я уже сделала за вас большую часть тяжелой работы.
Я отношусь к той странной категории людей, которые любят копаться в исследованиях, рыться в огромном количестве материалов. Так что я прочитала, а иногда и
Затем я соединила их с собственным опытом, полученным за многие годы работы в области дизайна интерфейсов.
И теперь вы держите в руках результат этой работы: 100 главных принципов дизайна – или 100 вещей, которые, как я думаю, вам необходимо знать о людях.
Как человек видит
Зрение является главным каналом восприятия. Половина ресурсов мозга используется для обработки и интерпретации зрительной информации. То, что воспринимают наши глаза, является только частью общего процесса. Изображения, поступающие в мозг, изменяются и интерпретируются. Можно с полным основанием сказать, что мозг «видит».
1. То, что мы видим, отличается от данных, поступающих в мозг
Существует устоявшееся мнение, что во время прогулки или, например, осмотра достопримечательностей наши глаза передают информацию в мозг, который обрабатывает ее и представляет реалистичную картину того, что нас окружает. Но наши глаза работают не так, как фотоаппарат, объективно фиксирующий мир. На самом деле они действуют совместно с мозгом, который определенным образом «истолковывает» видимый мир. Мозг непрерывно интерпретирует все, что вы видите. Посмотрите, например, на рис. 1.1.
Рис. 1.1. Вы видите треугольники, но на самом деле их нет
Что «говорят» вам глаза? Вы видите на заднем плане черный контур треугольника, на который сверху наложен белый перевернутый треугольник.
Но это совсем не то, что присутствует на рисунке на самом деле, не так ли? В действительности там только линии и частично закрашенные круги. Ваш мозг «создает» перевернутый белый треугольник из пустого пространства, поскольку это именно то, что вы ожидаете увидеть. Эта иллюзия называется треугольником Канижа, по имени итальянского физиолога Гаэтано Канижа (Gaetano Kanizsa), который продемонстрировал этот эффект в 1955 году. Теперь посмотрите на рис. 1.2, который создает подобную иллюзию прямоугольника.
Рис. 1.2. Пример прямоугольника Канижа
Мозг использует стереотипы
Наш мозг использует стереотипы для того, чтобы быстро обработать информацию об окружающем мире. Каждую секунду он получает миллионы сенсорных сигналов и пытается понять смысл каждого из них. Исходя из практических соображений и опираясь на предыдущий опыт, мозг интерпретирует зрительные сигналы. Обычно этот метод работает без сбоев, но иногда случаются ошибки.
С помощью различных форм и цвета можно оказывать влияние на то, что люди видят (или думают, что видят).
Рис. 1.3. Цвет и формы могут влиять на то, что люди видят
Если вы хотите что-то разглядеть в темноте, не смотрите прямо на этот предмет
Глаз содержит 7 миллионов колбочек (клеток сетчатки глаза), обеспечивающих зрительное восприятие всей палитры цветов в дневное время, и 125 миллионов палочек (клеток сетчатки глаза), обеспечивающих сумеречное и ночное зрение. Колбочки находятся в области фовеа (центральное поле зрения), а палочки равномерно распределены на сетчатке. Так что если при слабом освещении вы хотите что-то разглядеть, не смотрите прямо на этот предмет.
Оптические иллюзии – причина ошибок
Оптические иллюзии являются примером того, как мозг интерпретирует то, что видят глаза. Например, на рис. 1.4 левая линия кажется длиннее, чем правая, хотя они на самом деле одинаковы. Этот эффект назван в честь Франца Мюллера-Лайера (Franz Muller-Lyer), который открыл его в 1889 году.
Рис. 1.4. Эти линии на самом деле одинаковой длины
Картинка, которую мы видим плоская, а не объемная
Световые лучи попадают в глаз через роговицу и хрусталик. Хрусталик (являющийся линзой) фокусирует изображение на сетчатке. На сетчатке получается всегда двумерная картинка, даже если наблюдаемый объект трехмерный. Это изображение посылается в зрительную зону коры головного мозга, где и происходит распознавание образов, например: «О, я знаю, что это такое – это дверь». Именно в коре головного мозга двумерное изображение преобразовывается в трехмерное.
Зрительная зона коры головного мозга собирает всю информацию воедино
Согласно Джону Медина (John Medina, 2009), лучи света проходят через зрачок, хрусталик и стекловидное тело, попадают точно на сетчатку и образуют на ней четкие изображения предметов. Чувствительные к свету клетки глаза преобразуют свет в электрические сигналы и в виде отдельных треков посылают эти сигналы к особо чутким нервным окончаниям.
Читать дальше
12 3 4 5 6 7 …15
Читать онлайн «100 новых главных принципов дизайна. Как удержать внимание» — Уэйншенк Сьюзан — RuLit
Сьюзан Уэйншенк
100 новых главных принципов дизайна
Susan Weinschenk
100 MORE THINGS EVERY DESIGNER NEEDS TO KNOW ABOUT PEOPLE
Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством как надежные.
© 2016 by Susan Weinschenk, Ph.D.
© Перевод на русский язык ООО Издательство «Питер», 2016
© Издание на русском языке ООО Издательство «Питер», 2016
© Серия «Современный дизайн», 2016
БЛАГОДАРНОСТИ
Благодарю всех читателей книги «100 главных принципов дизайна». Ваш энтузиазм, комментарии и идеи вдохновили меня на написание еще ста принципов!
ПОСВЯЩЕНИЕ
Посвящаю эту книгу моим друзьям и моей семье. Они были терпеливы и многое брали на себя, чтобы я смогла сосредоточиться на написании этой книги.
ОБ АВТОРЕ
Сьюзан Уэйншенк имеет докторскую степень по психологии и более тридцати лет занимается наукой о поведении.
Она консультирует компании из списка Fortune 1000, стартапы, государственные органы и благотворительные организации. Клиенты называют ее «Леди-мозг», так как она использует результаты исследований мозга для предсказания, понимания и объяснения человеческой мотивации и поведения.
Дизайнер в роли ученого, изучающего поведение
За утренним кофе вы включаете свою гарнитуру. Несколько движений рукой и пальцами, и вы уже бегло просматриваете новости и список дел на появившемся перед вашим лицом экране. По пути на остановку автобуса, который отвезет вас на работу, вы проводите ладонью по другой руке, чтобы позвонить уже находящемуся в офисе коллеге.
Перед началом рабочего дня вы ненадолго заходите в комнату погружения. На экране появляются данные, вы слышите звуки, ощущаете импульсы через вибрирующий пол или надетый поверх одежды специальный жилет. Ваше бессознательное обрабатывает эти сенсорные данные, давая возможность принять решение.
Я описываю вовсе не отдаленное будущее. Все эти вещи могут стать общедоступными всего через пару лет.
Для дизайнеров наступит золотое время, ведь они смогут и должны будут заново спроектировать множество вещей! По-прежнему будут активно применяться программное обеспечение, веб-сайты и мобильные приложения, но вдобавок к ним потребуется разработать способы применения технологий, встроенных в одежду, в гарнитуры и в роботов.
В процессе развития и изменения технологий устаревает и делается несостоятельным все то, что мы знаем об окружающих людях. Когда я написала первую книгу «100 главных принципов дизайна. Как удержать внимание»,[1] за окном был 2011 год. К перечисленным мной ста принципам сводилась вся информация о человеческом восприятии, которую необходимо было знать дизайнерам. И если бы в тот момент меня спросили, существуют ли еще сто принципов, которые следует учитывать представителям этой профессии, скорее всего, я бы просто рассмеялась!
Но за последние четыре года многое стало другим.
Наши знания о теле и о мозге человека меняются почти так же быстро, как технологии. Сейчас мы знаем, что:
• Человек по-разному читает с экрана и с бумажной страницы.
• Умение читать не является врожденным свойством мозга – мозг видоизменяет отдельные участки в процессе приобретения данного навыка.
• Наше бессознательное лучше, чем активное сознание, обрабатывает большой объем данных, что дает возможность использовать так называемые сенсорные дополнения для ввода информации в подсознание.
• Именно периферическое зрение определяет, на каком объекте будет сфокусирован взгляд человека.
• Пожилые люди медленнее осваивают и используют новые технологии не потому, что неспособны запоминать новую информацию, а потому, что не уверены в своих воспоминаниях.
• Люди, лишенные зрения, могут получить зрительную информацию, подсоединив камеру к языку.
И еще 94 потрясающих открытия ждут вас на страницах этой книги!
Надеюсь, что в процессе чтения вы получите такое же удовольствие, которое получила я в процессе исследований и подготовки материала.
С нетерпением жду новинок дизайна, которые нашими совместными усилиями появятся в ближайшее время. И надеюсь, что эта книга поможет вам создавать проекты, которые гармонично впишутся в любой процесс обучения человека, будь то работа, игра или мыслительный процесс.
1
Уэйншенк С. 100 главных принципов дизайна. Как удержать внимание. – СПб.: Питер, 2015.
Бестолковые сообщения об ошибках: разъяснение — Prog.World
Постарайтесь вспомнить, какие оригинальные и необычные сообщения об ошибках выдавали вам многочисленные программы и приложения, которыми вы пользуетесь. Наверняка каждый из вас найдет парочку забавных примеров таких сообщений. В моем личном рейтинге на данный момент бесспорным лидером является « Метод вернул что-то не то ». Если есть шкала информативности сообщений, то данный пример по этой шкале стремится к нулю.
Здесь система, по сути, сообщает нам, что произошла ошибка.
Больше никакой информации из этого текста мы не получим. Если только мы не обнаружим, что где-то в недрах самой системы есть какой-то метод, который вернул что-то не то. Ценность этих знаний для обычного пользователя равна нулю.
Можно предположить, что данный текст является артефактом, оставшимся от процесса тестирования очередного функционала. Какой-то флаг, оставленный разработчиком на стадии альфа-тестирования. Для программиста это явно имело какой-то смысл, но для пользователя совершенно бесполезно.
К сожалению, подобные сообщения в наших программах и системах не редкость. Разработчики оставляют в коде технические сообщения, а иногда им просто лень написать хорошее информативное описание ошибки. Но такой текст не только помог бы пользователю в работе, но и уменьшил бы количество обращений в службу поддержки. Если пользователю четко объяснить, что он сделал не так и как сделать правильно, то он обязательно справится с проблемой самостоятельно.
Каким должно быть идеальное сообщение об ошибке?
Сообщение об ошибке на калькуляторе Электроника МК 52 / Wikimedia Commons5 основных правил
Книга Susan Weinshank «100 Essential Design Principles» содержит основные правила написания информативного и полезного сообщения об ошибке:
Сообщите пользователю, что он сделал.
Объясните проблему.
Объясните, как исправить ошибку.
Используйте активный, а не пассивный залог.
Приведите пример.
В книге есть пример того, как не писать сообщения об ошибках:
#402: прежде чем счет может быть оплачен, срок оплаты должен быть позже даты создания счета.
После опции «Метод вернул что-то не так» даже такое сообщение может показаться достаточно информативным. Тем не менее, у него есть возможности для улучшения. Но сначала в качестве эксперимента попробуем сделать хуже — разберемся, как не писать сообщения об ошибках.
«Хотите сообщить разработчикам об ошибке в приложении?»
Хорошо
«Ну, крадусь!»
bash.im
Мы не новички – мы имеем многолетний опыт работы с различными продуктами отечественной софтверной индустрии. Уточним:
Счет не может быть оплачен. Введены неверные данные.
Чтобы еще больше запутать пользователя, скроем от него причину ошибки:
Счет не может быть оплачен.
Теперь давайте приблизимся к нашей почти нулевой версии:
Ошибка выполнения метода bill_payment.
Далее, для достижения антиидеала нам достаточно убрать название метода и творчески преобразить текст:
Неизвестная ошибка.
Интересно, возникало ли у вас ощущение дежа вю, когда вы читали примеры в этом подразделе?
Сообщение об ошибке при попытке открыть Microsoft Office/microsoft.comДобавление информации
В случае критической ошибки обновления:
1. Определите причину ошибки.
2. Устранить причину ошибки.
Microsoft Documentation
Теперь давайте двигаться в другом направлении по нашей шкале — мы будем постепенно улучшать текст сообщения, руководствуясь правилами Сьюзан Вейншенк.
Напомню оригинальную версию сообщения из книги:
#402: для оплаты счета срок оплаты должен быть позже даты создания счета.
Во-первых, давайте изменим исходный текст, чтобы его было легче читать:
#402: Чтобы оплатить счет, срок оплаты должен быть позже даты создания счета.
Теперь объясните пользователю, что он сделал не так:
#402: Вы ввели неверную дату платежа — она раньше даты создания счета. Чтобы оплатить счет, срок оплаты должен быть позже даты создания счета.
Выделим суть проблемы в отдельное предложение и понятно объясним пользователю, что он должен сделать для ее решения.
#402: Не удалось оплатить счет. Вы указали неверную дату платежа — она раньше даты создания счета. Измените дату оплаты так, чтобы она была позже даты создания счета.
Наконец, давайте рассмотрим конкретный пример. В этом случае мы знаем даты и можем использовать их в тексте:
#402: Не удалось оплатить счет. Вы указали неверную дату платежа 25.07.2021 — она раньше даты создания счета 29.
07.2021. Измените дату платежа, чтобы она была позже даты создания счета 29.07./2021. Например, 30.07.2021.
Мы значительно улучшили сообщение об ошибке — учли все правила и почти приблизились к идеалу. Но давайте поднимемся на уровень выше и посмотрим, сможем ли мы убедиться, что ошибка вообще не возникает.
Лучшее сообщение об ошибке
Ошибка выполнения метода: «Метод выполнен без ошибок».
Есть фразы, которые сразу хочется выписать на желтую наклейку и приклеить где-нибудь возле монитора. Одна из таких фраз: «Лучшее сообщение об ошибке — это отсутствие сообщения об ошибке». Другими словами, часто легче предотвратить возможность ошибки, чем описать ее.
В нашем примере никто не мешает разработчику сделать две вещи:
При изменении даты счета очистить поле с датой платежа.
В интерфейсе запретить ввод даты платежа позже указанной даты счета.
Эти небольшие изменения в коде позволят полностью избежать ошибки.
