May 21, 2020

Стив Круг — Не заставляйте меня думать

Обложка книги Стива Круга "Не заставляйте меня думать"

1) Первоначальному изданию этой книги уже 20 лет, что можно сравнить с 1000 лет интернет-времени

2) Удобство пользования касается того, как люди понимают и применяют вещи, а не технологии

3) Технологии меняются быстро, а люди - очень медленно

4) UX/UI и юзабилити - это просто здравый смысл. Однако здравый смысл не всегда является очевидным без специалиста

5) Большая часть предсказаний, которые я слышал, почти наверняка уже оказались неверными. Вы удивитесь какие вещи окажутся важными

6) Если что-либо удобно в пользовании (сайт, дверь, инструкция) - это означает следующее:

Человек с обычными (или даже ниже среднего) способностями и опытом может понять, как этим пользоваться для выполнения каких-либо задач не испытывая при этом затруднений

7) Когда мы создаём сайт, наша задача избавиться от вопросительных знаков, например таких:

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

Суть в том, что любой вопрос увеличивает нагрузку на когнитивное сознание

8) За каждым неудобством всегда стоит хорошее и даже весомое оправдание, а также благое, хотя и неверное, намерение

9) При заказе авиабилетов не должно возникать ничего непонятного. К примеру, не стоит сокращать аэропорты городов до 3 букв

10) Важно: юзеры не читают сайт, а просматривают. Если они зацепятся за какое-то слово, они могут чуть более внимательно отнестись к сайту. Чаще всего они кликают по первой же ссылке, которая их заинтересует и не обращают внимание на остальные. Исключения составляют страницы новостей, отчетов и описания продукции

11) Люди знают, что им не нужно читать всё

12) Когда мы создаем сайт, мы предполагаем, что юзер оценит все возможности и выберет наилучший вариант. Но на деле он выбирает первый подходящий вариант. Да и то, примерно. Если при этом не обнаруживается проблем, то план их действий был готов и не нуждался в корректировке.

13) Люди постоянно используют вещи, не понимая принципов их работы или имея неверное представление о них.

14) Для тех, кто создает веб-страницы, бразуер является приложением для просмотра страниц. Для стальных юзеров, браузер - это "ну такая штука, где вбиваешь то, что тебе надо найти". Многие даже не знают, что они используют именно браузер

15) Использование "как придется" свойственно не только начинающим.

16) Если ваша аудитория ведет себя так, будто вы дизайнер рекламных щитов, то делайте рекламные щиты

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

18) Условности не возникают на пустом месте. Все они происходят от когда-либо возникшей блестящей идеи. Если идея работает хорошо, её подхватывают другие. В результате она встречается так часто, что объяснений больше не требуется

19) Дизайнеры часто впадают в искушение изобрести колесо и думают, что их наняли на работу для создания чего-либо нового, а не для повторения старого.

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

21) Вы можете улучшать сайт с эстетической точки зрения до тех пор, пока он остается все так же удобен в использовании

22) Хорошо стремиться к согласованности. Если навигация всегда располагается в одном и том же месте, мне не приходится задумываться о ней или тратить время на её поиски

23) Ясность важнее согласованности. Если вы можете сделать что-либо существенно понятнее за счет небольшой несогласованности, то сделайте выбор в пользу ясности.

24) Если заголовок заходит за пределы относящейся к нему статьи, это можно сравнить с небрежно составленным предложением ("Билл на минуту положил кота на стол, так как он немного шатался"). Обычно нам удается понять, что имелось ввиду, но для этого требуется небольшое усилие

25) Исследования показывают, что пользователи при самом первом взгляде определяют, какие области страницы несут ценную информацию и редко затем обращают внимание на остальные части

26) Люди опираются на тот факт, что курсор превращается из стрелки в руку когда наводишь на ссылку

27) Только не допускайте глупых ошибок, например используя один и тот же цвет для ссылок и заголовков, по которым нельзя кликнуть

28) Важным не может быть все. Крикливость обычно означает, что не удалось принять ясное решение, какие элементы являются наиболее важными.

29) Есть страницы, на которых очень много материалов. Часто они создают эффект переполненного почтового ящика.

30) Используйте много заголовков. Не позволяйте заголовкам висеть в воздухе. Добейтесь того, чтобы они визуально относились к тому разделу, который начинают, а не тому, за которым они следуют.

31) Если вы внимательно прочитаете какой-либо длинный абзац, то почти наверняка обнаружите, что есть разумное место для его разбивки на два абзаца. Сделайте это своей привычкой

32) Почти все, что может стать маркированным списком, вероятно, так и должно быть оформлено

33) Считается, что для оптимальной читабельности надо добавить вертикальные отступы между пунктами

34) Если выделить жирным шрифтом ключевые слова в поиске, то их будет легче найти

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

36) Пользователи не возражают против большого числа кликов, если эти клики проходят безболезненно

37) "запах информации" - уверенность в том, что пользователь на правильном пути

38) Двусмысленные ссылки или ссылки с плохо подобранными словами не работают

39) Три удобных клика равны одному сложному клику

40) В формах задаем вопросы так, чтобы на них было удобно отвечать

41) В предложении не должно быть ненужных слов, как в машине - ненужных деталей. Трёп должен умереть.

42) Инструкции должны тоже умереть. их никто не собирается читать. Там, где инструкции абсолютно необходимы, сократите их до минимума

43) Приверженцы поиска - люди, которые всегда сразу ищут поле поиска, на какой бы сайт они ни попали. Другие - сначала побродят по сайту, поищут, а уже затем обращаются к поиску

44) Даже после активного пользования сайтом у нас часто остаётся вопрос - насколько он большой? 50 страниц? 17 000?

45) В физическом пространстве у нас накапливаются знания в процессе перемещения. Например, когда ищешь отдел с хлебом, то проходишь и через другие отделы. На сайте такого нет, ты открываешь страницы как комнаты. Поэтому закладки так важны. Поэтому и кнопка Домой так важна. Выяснение того, где вы находитесь на сайте едва ли не важнее, чем в условиях физического пространства. Навигация - это не просто функция сайта. Это сам сайт.

46) Две цели навигации: помочь отыскать что мы ищем и показать, где мы находимся

47) Юзер постоянно задает себе вопрос: "А эти ребята разбираются в том, что они делают?"

48) Если навигация на всем сайте устроена одинаково, это означает, что скорее всего нужно один раз выяснить как она работает

49) Навигация не нужна, когда юзер переходит на процесс оплаты. В этом случае навигация - лишний отвлекающий элемент.

50) Почти все юзеры понимают, что логотип - это есть кнопка "Домой"

51) Если на сайте есть поиск, то он должен быть на каждой странице. Либо ссылка на поиск должна быть на каждой странице.

52) На большом сайте пользователи будут искать слово "Поиск", поэтому лучше использовать его , а не слова "Найти", "Ключевые слова"

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

54) Часто общий поиск выдает слишком много соответствий, и тогда мне нужно сузить область поиска

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

56) В Лос-Анджелесе лучшие уличные указатели из тех, что видел автор

57) Когда я веду машину в Лос-Анджелесе, я трачу меньше энергии и внимания на то, чтобы понять, где нахожусь, и больше слежу за дорожной обстановкой

58) четыре принципа названия страниц:

- каждая должна иметь название
- название должно быть расположено в правильном месте
- название заметно
- название соответствует тому, по чему я щелкнул мышью

Если между названием ссылки и названием страницы есть сильное несоответствие или много маленьких несоответствий, то мое доверие к сайту и уверенность в компетентности его создателей падает

59) Хлебные крошки: лучшим разделителем между хлебными крошками будет ">" (меньше предыдущего). Последний элемент должен быть выделен жирным шрифтом (активный элемент)

60) "Багажниковый тест":

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

- что это за сайт
- на какой я странице
- каковы главные разделы сайта
- где я по отношению к общей структуре сайта
- как выполнить поиск
- какие варианты доступны на данном уровне

61) Опыт пребывания в вебе часто напоминает насильственный уход в сторону, а не приятную прогулку по дорожке

62) В действительности мы чаще оказываемся на внутренней страничке сайта без понимания, где находимся, потому, что перешли на нее из поисковой системы, а не с главной

63) ID сайта: что это за сайт, для чего он, почему мы находимся здесь, а не в другом месте

64) Главная страница должна приманивать, поэтому надо разложить и приманки

65) Поиск должен быть четким

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

67) Наиболее востребованный контент может иметь собственные ссылки на главной странице

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

69) Первые несколько секунд на сайте являются решающими

70) Обычно люди делают какое-то предположение о чем-либо, а затем подкрепляют свое предположение фактами. Даже если изначально их предположение было неверно. Например, "Этот сайт для ____________ , поэтому здесь они сделали вот так"

71) Даже если люди и поняли вашу теле-, радио-, веб-рекламу, при попадании на сайт они это скорее всего забудут

72) Каждая страница сайта должна изо всех сил обеспечить вас ориентирами

73) Слоган под лого - важная часть сайта. С помощью него юзер сразу может понять о чем сайт.

74) Пользователи ожидают увидеть на сайте небольшую поясняющую видео-инструкцию, если продукт - нестандартный

75) Никаких "Наша компания представляет высокотехнологичные решения мирового уровня..". Все сократить и говорить человеческим языком!

76) Слоган под лого должен быть не более 6-8 слов, отражать суть и не быть шаблонным. Это важная часть страницы

77) Проблема в том, что вознаграждение и стоимость добавления дополнительных элементов на главную страницу не распределены поровну

78) Споры об удобстве пользования - пустая трата времени. У разрабов, маркетологов, дизайнеров - у всех будет разная точка зрения. По сути все решает тестирование, когда пользователи сайта видят сайт и комментят свои действия. Вот тогда есть толк и понимание, что нравится, а что не нравится юзерам. Проблема есть в том, что они не всегда знают, что им нравится.

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

80) Люди склонны думать, что многие пользователи похожи на них. НЕТ. Людям трудно думать, о том, что не все ощущают то же самое.

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

82) Проблема в том, что не существует простых "правильных" ответов на большинство вопросов веб-дизайна.

83) Если вас просят провести проверку юзабилити через 2 недели, это почти всегда отчаянная попытка предотвратить провал.

84) Люди часто думают о том, какой цвет штор выбрать, а уже после обнаруживают, что окон в комнате нет.

85) Фокус-группы - это не тестирование юзабилити. Фокус-группы - это в отдел маркетинга. Отличие юзабилити-тестирования от фокус-группы заключается в том, что вы наблюдаете как люди используют вещи, а не слушаете рассказ людей о том, как они это делают.

86) После того, как вы проработаете над сайтом больше 2-ух недель, вы перестаете видеть его свежим взглядом. Тестирование напоминает приезд друзей из провинции. Эти друзья замечают те вещи, которые вам даются даром.

87) Тестирование с одним пользователем в начале проекта лучше, чем тестирование с 50-ю на финальной стадии разработки.

88) Вы никогда не отыщете все проблемы

89) Я всегда за то, чтобы приглашать на тестирование участников не из ЦА. Разрабатывать сайт только для ЦА - не самая лучшая идея.

90) Потеребите какого-нибудь эксперта и вы тоже обнаружите, что он справляется с задачами "как попало", но только на более высоком уровне.

91) Сопротивляйтесь импульсивному добавлению элементов. Часто на этапе тестирования пользователям что-то не понятно, и первой реакцией команды является добавление чего-либо (объяснения, инструкции). Однако зачастую правильным решением будет изъятие чего-либо, затемняющего смысл, а не добавление нового элемента.

92) Критически относитесь к запросам "новых функций"

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

94) Почти любое решение в мобильной версии - компромисс. В этом основная часть сложностей - достичь компромисса в условиях ограничений.

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

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

97) Основной смысл юзабилити: человек с обычными (или слегка заниженными способностями) и опытом может выяснить, как воспользоваться чем-либо для выполнения чего-либо, не испытав при этом затруднений

98) Хорошей реализации недостаточно для создания хита. Вы обязаны сделать нечто невероятно хорошее. Привлекательность - это своего рода дополнительный коэффициент доверия за разработку дизайна, учитывающего пользовательский опыт.

99) Кроме вопроса "понятен ли мой сайт?" вы должны задаваться вопросом "Поступает ли мой сайт по-человечески?"

100) Всякий раз, когда я попадаю на какой-либо сайт, я начинаю с наполненным резервуаром благосклонности. Каждая проблема, с которой мы сталкиваемся на этом сайте, понижает уровень воды в резервуаре.

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

102) Юзер не должен думать о том, ставить, ему пробелы между цифрами при заполнении номера карты или нет. Вы должны это предугадать как возможное поведение.

103) Большинство пользователей не хотят оставлять личную инфу нигде.

104) Важно указать номер телефона. Юзер может и не позвонить, но это создаст впечатление полного доверия.

105) Попап окна - раздражитель. Только если статистика говорит, что они приносят на 10% дохода больше, чем без них, вы можете их юзать.

106) Важно дать ощущение, что вы действительно учитываете интересы пользователя, а не просто применяете какие-то решения на сайте.

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

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

109) Узнайте, какие вопросы у меня могли бы появиться и ответьте на них.

110) Если у вас нет идеального решения, то лучшим будет об этом сообщить пользователю и извиниться за лишние шаги или недопонимание.

111) Часто люди отключают изображения для экономии трафика. Так что названия картинок следует подписывать правильно, а не просто набором случайных названий

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

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

114) Различия между дизайном, ориентированным на пользователя и дизайном, ориентированным на опыт пользователя, заключается в том, что при втором надо учитывать всю среду взаимодействия с продуктом: от момента, когда он увидел рекламу, до отслеживания доставки и получения продукта в магазине-филиале.

115) Важно научиться говорить на бизнес-языке. Важно приглашать самых главных СЕО на юзабилити-тестирование. Им точно понравится, и они захотят делать это еще.

116) Ваша основная роль - поделиться знаниями, а не указывать людям, что должно быть сделано.

117) Никогда не используйте мелкий слабоконтрастный шрифт. Лучше использовать крупный контрастный. Можно - крупный слабоконтрастный или некрупный контрастный. Но и это не всегда.

118) Лучше не заполняйте поля форм текстом. Ну или не делайте так, чтобы они выглядели похожими на ответы.

119) Заголовки должны располагаться ближе к тексту, который следует за ними, а не перед ними

120) Если когда-нибудь соберетесь написать книгу, вот совет: найдите толкового и добродушного человека, который настолько же осведомлен в предмете книги, а затем уговорите его потратить долгие часы на высказывание замечаний и предложений и редактирования вашей работы.

Стоимость: 13$
Страниц: 256
Почему приобрел: Была на слуху как основная книга по юзабилити.
Оценка: 8/10. Все отлично и по делу. Классика юзабилити.