Стив круг как сделать сайт удобным: Как сделать сайт удобным. Юзабилити по методу Стива Круга

Дуглас Адамс, написавший «Автостопом по галактике» и никогда не сдававший свои рукописи вовремя

Эту книжку мне захотелось написать девять лет назад, как только я расквитался с предыдущей (она называлась «Не заставляйте меня думать»).

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

• Лучшее, что можно сделать для усовершенствования сайта (или любой другой продукции, с которой должен так или иначе взаимодействовать пользователь), – это провести тестирование юзабилити.

• Поскольку владельцы большинства контор – жадины, они не склонны нанимать штатных тестировщиков, и поэтому тестировать свою продукцию должен уметь каждый. И наконец…

• Я подумал, что могу написать неплохую книжку о том, как овладеть этим умением.

Лишь одно меня смущало: я ненавижу сочинять тексты.

Ну, вообще-то, я не то чтобы так уж прямо ненавижу это делать. Может быть, стоило сказать по-другому: меня это порядком выматывает.

И вот, знаете, это не те мучения, которые, например, испытывает человек, стоящий у прилавка и размышляющий: «Черт, какой же iPhone купить? Черненький или беленький?» Я бы сравнил это с мучениями человека, который не спал трое суток подряд. Я всегда говорил: нет работы труднее, чем работа писателя, и для меня непостижимо, как ею можно заниматься по своей воле. Мне кажется, нормального человека на это может подвигнуть разве что дуло пистолета, приставленное к затылку (каковым, без сомнения, как раз и является дедлайн).

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

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

И вот, три года назад, после длительных размышлений, я наконец понял, что надо сделать. Я сменил формат семинаров: теперь участникам предлагалось в течение всего дня заниматься тем, чему посвящена эта книга: проводить самостоятельное тестирование.

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

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

Нужна ли этому миру еще одна книга о тестировании юзабилити?

Я не изобретал велосипед. Тестирование юзабилити пришло в наш мир давным-давно, и немало известных людей, самый влиятельный из которых – Якоб Нильсен, вот уже более двадцати лет проповедуют идеи «доступного тестирования юзабилити».

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

Однако эта книга отличается от существующих по меньшей мере двумя аспектами.

•  Она НЕ является всеобъемлющей . Я предполагаю, что для вас юзабилити не стало и не станет делом всей жизни и что этого слова даже нет в вашей должностной инструкции. Раз так, вам вовсе необязательно знать все нюансы и тратить уйму времени на их постижение. Эту книгу, как и предыдущую («Не заставляйте меня думать»), я постарался сделать достаточно тонкой, такой, чтобы ее можно было прочитать, например, в самолете [2] .

Стив Круг: Как сделать сайт удобным. Юзабилити по методу Стива Круга

Стив Круг

Как сделать сайт удобным. Юзабилити по методу Стива Круга

Вступительное слово

Зовите меня Измаил Как появилась эта книга. Парочка оправданий. Пара слов о домоводстве

Я люблю дедлайны. Особенно этот свист, с которым они проносятся мимо.

Дуглас Адамс, написавший «Автостопом по галактике» и никогда не сдававший свои рукописи вовремя

Эту книжку мне захотелось написать девять лет назад, как только я расквитался с предыдущей (она называлась «Не заставляйте меня думать»).

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

• Лучшее, что можно сделать для усовершенствования сайта (или любой другой продукции, с которой должен так или иначе взаимодействовать пользователь), – это провести тестирование юзабилити.

• Поскольку владельцы большинства контор – жадины, они не склонны нанимать штатных тестировщиков, и поэтому тестировать свою продукцию должен уметь каждый. И наконец…

• Я подумал, что могу написать неплохую книжку о том, как овладеть этим умением.

Лишь одно меня смущало: я ненавижу сочинять тексты.

Ну, вообще-то, я не то чтобы так уж прямо ненавижу это делать. Может быть, стоило сказать по-другому: меня это порядком выматывает.

И вот, знаете, это не те мучения, которые, например, испытывает человек, стоящий у прилавка и размышляющий: «Черт, какой же iPhone купить? Черненький или беленький?» Я бы сравнил это с мучениями человека, который не спал трое суток подряд. Я всегда говорил: нет работы труднее, чем работа писателя, и для меня непостижимо, как ею можно заниматься по своей воле. Мне кажется, нормального человека на это может подвигнуть разве что дуло пистолета, приставленное к затылку (каковым, без сомнения, как раз и является дедлайн).

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

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

И вот, три года назад, после длительных размышлений, я наконец понял, что надо сделать. Я сменил формат семинаров: теперь участникам предлагалось в течение всего дня заниматься тем, чему посвящена эта книга: проводить самостоятельное тестирование.

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

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

Нужна ли этому миру еще одна книга о тестировании юзабилити?

Я не изобретал велосипед. Тестирование юзабилити пришло в наш мир давным-давно, и немало известных людей, самый влиятельный из которых – Якоб Нильсен, вот уже более двадцати лет проповедуют идеи «доступного тестирования юзабилити».

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

Однако эта книга отличается от существующих по меньшей мере двумя аспектами.

•  Она НЕ является всеобъемлющей . Я предполагаю, что для вас юзабилити не стало и не станет делом всей жизни и что этого слова даже нет в вашей должностной инструкции. Раз так, вам вовсе необязательно знать все нюансы и тратить уйму времени на их постижение. Эту книгу, как и предыдущую («Не заставляйте меня думать»), я постарался сделать достаточно тонкой, такой, чтобы ее можно было прочитать, например, в самолете [2] .

Книга: Как сделать сайт удобным. Юзабилити по методу Стива Круга — Стив Круг

Загрузка. Пожалуйста, подождите…

Как проводить тестирование чаще. Стив Круг в книге “Как сделать сайт… | by Анастасия Жидкова

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

Встречается такая ситуация, что нет ресурсов и возможностей часто проводить интервью во время работы над дизайном, хоть это и один из самых рекомендуемых типов тестирования. В таком случае пользуются количественными методами, которые хоть и не ответят на вопрос “Почему?”, но все-таки помогут получить обратную связь от пользователей и подтолкнут к построению новых гипотез.

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

• Нет возможности менять вопросы в зависимости от поведения тестируемого
• Отсутствует контроль
• Нельзя понаблюдать и получить представление о поведении опрашиваемого

Теперь рассмотрим некоторые виды количественных методов, которые можно применить к новому проекту и провести онлайн-опрос.

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

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

• Определите цель исследования и в соответствие с ней формулируйте вопросы
• Помните о том, что с помощью тестирования нужно найти ошибки
• Опрашиваемые должны соответствовать целевой аудитории продукта
• Выполнение теста не должно занимать много времени
• Вопросы должны быть максимально понятными, но не давать подсказок. Пример плохого вопроса: “Ожидаете ли вы увидеть список событий при переходе в календарь?”
• Нельзя менять вопросы. Если все-таки решили изменить, то разделите статистику различных вариантов опросника
• Желательно провести пробную сессию перед началом онлайн-тестирования, чтобы выявить непонятные или неправильные вопросы

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

Must read — ЖЖ

Я бы сказала, что это не книга, а подборка практически полезных материалов по различным аспектам веб-дизайна! 11 разделов, 11 тем, собранных под одной обложкой. Каждый раздел написан ведущим специалистом в своей отрасли.

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

Если вы не программист, читать некоторые разделы будет явно тяжело. На мой взгляд, самое правильное использование книги — это приобретение ее руководителем веб-студии или digital- агентства для своих сотрудников. Будь то дизайнер, программист или проект-менеджер — глава на тему соответствующей компетенции будет несомненно полезной.

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

Перечислю основные разделы и некоторые вопросы, на которые можно найти ответы в книге :

1. «Бизнес-подход в переделывании сайтов», Автор: Пол Боуг, Рецензент: Коллис Тайед

Как определить пришло ли время переделывать сайт? Как не принести сайт в жертву стиля и тренда? Как создать программу непрерывной работы по улучшению сайта?

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

Вы сталкивались с такими предложениями от разработчиков? Лично я — нет.

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

Как планировать мобильное будущее сайта? На эту тему также найдется полезная информация.

2. «Выбор платформы: технические решения для переделки вашего сайта», Автор: Рэйчел Эндрю, Рецензенты: Райан Карсон, Харли Финкельштейн

Почти всем сайтам требуется та или иная форма управления контентом. Это может быть обновление страниц, добавление продукта в магазин или редактирование текста в приложении. Из всех сайтов наиболее склонны к расширению рамок функционала онлайн-магазины. Какая CMS лучше? Ответы в этом разделе.
( Читать дальше…Свернуть )

4. «Погружение в HTML5», Автор: Бен Шварц, Рецензент: Рас Уикли

Очень полезный материал о роли стандарта ARIA и производительности браузеров. Accessible Rich Internet Applications всегда входили в состав современной технологии HTML. Стандарт создан для того, чтобы сделать сайты и приложения более доступными для пользователей с ограниченными физическими возможностями, которые полагаются на программы, читающие вслух текст с экрана.

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

5. «Меняем стиль, переписываем код и преображаем сайт с помощью CSS3», Автор: Дэвид Стори, Ли Веру, Рецензент: Тэб Аткинс, мл.

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

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

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

Разметка с помощью тянущихся блоков Flexible Box Layout (или Flexbox) — новая блочная модель, оптимизированная под дизайн интерфейса. Этот инструмент имеет большие возможности и перспективы в мультиплатформенном пространстве. Он помогает создавать гибкий дизайн, который адаптируется к любой среде: изменениям кода, разному контенту и разным видам устройств.

6. «Повторное открытие JavaScript: фишки и приемы для замены сложного jQuery», Автор: Кристиан Хейлманн, Рецензент: Пол Айриш

Сейчас идет битва между теми, кто везде применяет jQuery или JavaScript, и теми, кто работает исключительно с CSS. Хороший веб-разработчик почерпнет достоинства из всех технологий, а не будет приверженцем какой-то определенной. При смешении и подгонке различных веб-технологий (HTML, CSS, JavaScript) можно создавать совершенно потрясающие вещи всего в нескольких строках кода.

7. «Техники для создания лучшего пользовательского опыта», Автор: Дмитрий Фадеев, Рецензент: Джошуа Потер

Опыт использования (UX, userexperience) сегодня — настолько горячее и модное словечко, что есть уже ряд специальностей, которые включают этот термин в своем названии.
Раздел представит ряд техник для улучшения форм регистрации на сайте. Хорошо продуманные с точки зрения юзабилити формы помогут вызвать первоначальный интерес к продукту и создать непрерывный процесс регистрации после его выпуска.

Дизайн интерфейсов — это копирайтинг.

Институт Baymard провел исследование по удобству пользования и выяснилось, что слово ≪continue≫ (≪продолжить≫) в интерфейсе онлайн-магазинов сбивало с толку трех из десяти испытуемых. Почему так произошло? Все дело в контексте. Для тех, кто добавил товар свою корзину и хочет перейти к заказу, ≪continue≫ означает ≪continue to checkout≫ (≪перейдите к заказу≫). Для остальных, кто собирается выбрать еще другие товары, то же самое слово означает ≪продолжить выбор покупки≫. Всегда поясняйте значение надписи, если оно привязано к контексту. Так, вместо ≪continue≫ используйте более описательное выражение, как ≪continue shopping≫ (≪продолжить покупку≫) или ≪continue to checkout≫(≪перейти к оформлению заказа≫). Ясность лучше краткости.

Отдельного внимания заслуживает Интерактивный сторителлинг. В качестве примера в книге приведен ≪Spent≫, сайт добровольных пожертвований Городского министерства города Дарема (США). Просить пожертвования нелегко, так почему бы не превратить этот процесс в игру? ≪Spent≫— это веб-игра, в которой вы исполняете роль обычного безработного американца. Перед вами стоит задача —прожить один месяц без денег. В процессе вы должны искать работу, смотреть за детьми и пережить множество небольших кризисов. Успешным исходом считается заставить играющего проникнуться безработными и сделать пожертвования в конце игры.

Как наилучшим образом организовать меню с точки зрения юзабилити? Вы думаете что пиктограммы предназначены только для приложений? Их можно также использовать их в меню выбора продукции. Например, магазин по продаже винтажных очков Bonlook использует пиктограммы в своем выпадающем меню и дает пользователю возможность пролистать его по формам, которые им нравятся. Формы очков нелегко описать словами, но изображения представляют их сразу же.

Магазин по продаже винтажных очков Bonlook[/caption]

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

7. «Дизайн будущего: использование Photoshop», Автор: Марк Эдвардс, Рецензент: Джон Хикс

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

Экспорт всех изображений, необходимых для создания сайта или приложения, возможно, не самое интересное занятие в процессе разработки дизайна. Это нудная работа, отнимающая много времени. Сохранение изображений во многих масштабах, которые требуют iOS, Android, Windows Metro и другие платформы, еще усложняет задачу. Но есть способы упростить или автоматизировать экспорт. В разделе описаны техники экспорта изображений из Photoshop.

8. «Переделка сайта с использованием индивидуальности», Автор: Аарон Уолтер, Рецензент: Дениз Джекобс

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

Сигналы, которые мы обычно считываем с личности человека, могут тоже отразиться и в дизайне. Цвет, изображения, текст и модели общения — все это средства передачи индивидуальности. Так же, как и личность влияет на поведение людей вокруг нас, так и индивидуальность в дизайне может определить поведение посетителей сайта.

Медицина красноречиво обобщает основную причину, по которой дизайнеры должны включать образы и эмоции в дизайн:

≪Мозг не обращает внимания на скучные вещи≫.

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

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

9. «Размышления о мобильном опыте использования в дизайне: сетевой или «родной»? Автор: Арэл Балкан, Рецензенты: Джош Кларк, Андерс М. Андерсен

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

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

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

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

Золотое правило — НАПИШИ ОДИН РАЗ, ОПТИМИЗИРУЙ ВЕЗДЕ!

10. «Перестраиваем рабочий процесс: дружелюбный подход к будущему проекту», Автор: Стивен Хей, Рецензент: Брайан Ригер

Практики советуют — сначала структурированный контент: мышление, независимое от устройства или платформы. Слишком часто все внимание часто приковывается к решениям, а не проблемам. ≪Круто≫ — это, конечно, хорошо, но только в том случае, если это работает и решает проблему.

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

Вы по старинке делаете макет в Photoshop? Если сразу начать работать в HTML на стадии прототипа, потом гораздо легче и быстрее расширить шаблон до полноценного визуального дизайна. HTML-прототип легко тестировать, сразу видно, какого функционала не хватает на сайте. Мгновенно можно оценить как сайт будет смотреться в различных браузерах, с разной шириной окна просмотра и/или устройств.

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

11. «Стать невероятно гибким: создание атомов и элементов», Автор: Энди Кларк
Отзывчивый дизайн очень и очень сложный процесс.

≪Все, что неподвижно и нечувствительно — это уже не веб-дизайн, это нечто другое. Если вы больше не улавливаете прирожденную изменчивость веба, вы не веб-дизайнер, а некто другой. Веб-дизайн — это отзывчивый дизайн. Отзывчивый веб-дизайн — это самый правильный веб-дизайн≫.

Давайте разобьем любой дизайн на его компоненты:

• Типографика: гарнитура, работа с текстом и пустым пространством;


• Цвет: для пробуждение настроения и операций выделения;


• Текстура: декоративные аспекты, в том числе рамки, затенение и фигуры;


• Разметка: горизонтальное и вертикальное расположение элементов по сетке.

Нам нужно создать атмосферу сайта. Мы разбиваем ее на цвет, текстуру и типографику. Атмосфера дизайна не будет зависеть от разметки: Она будет видимая или ощутимая в любом размере экрана или на любом устройстве.

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

Закончив читать эту книгу, вы пересмотрите свои взгляды на работу, код и методы ведения проектов! Все покажется вам гораздо проще, гармоничнее и интереснее.

Юзабилити — это… Что такое Юзабилити?

Юзаби́лити, удобство использования (англ. usability — дословно «возможность использования», «способность быть использованным», «полезность») — понятие в микроэргономике, эргономическая характеристика^[1] степени удобности предмета для применения пользователями при достижении определённых целей в некотором контексте^[2]. Термин имеет связь с понятием «эргономичность», но в отличие от последнего меньше ассоциируется с технической эстетикой, с внешним видом и более привязан к утилитарности «юзабельного» объекта.

Юзаби́лити — это научно-прикладная дисциплина, занимающаяся по­вышением эффективности, продуктивности и удобства пользова­ния инструментами деятельности. От эргономики юзабилити отличает заинтересованность в эффективности работы пользователя (потребителя), а не человеко-машинной системы в целом^[3].

Официальное определение

Международный стандарт ISO 9241-11 определяет юзабилити как

степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью

Оригинальный текст  (англ.)  

the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.

При этом относительная важность всех трёх аспектов определяется этим самым контекстом.

Особенности при употреблении в русском языке

Как и многие иностранные термины, которые в новейшее время вошли в обиход на «постсоветском пространстве», слово «юзабилити» нередко используется без учёта его значения в исходном английском и вне связи с международными стандартами инженерной терминологии. Как правило это происходит из-за того, что игнорируется ключевой для контекста момент «определённости». Поэтому часто происходит так, что «интуитивная понятность» для разработчиков не является таковой для конечных пользователей.

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

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

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

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

См. также

Примечания

Ссылки

Периодика по теме

Профессиональные ассоциации и интернет-сообщества

События и конференции

Литература

• Якоб Нильсен, Хоа Лоранжер. Web-дизайн: удобство использования Web-сайтов = Prioritizing Web Usability. — М.: «Вильямс», 2007. — 368 с. — ISBN 0-321-35031-6
• Стив Круг. Веб-дизайн: книга Стива Круга или «не заставляйте меня думать!» = Don’t make me think! — М.: Символ-плюс.
• Стив Круг. Как сделать сайт удобным. Целесообразность по методу Стива Круга = Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems. — СПб.: Питер, 2010. — С. 208. — ISBN 978-5-49807-515
• Джеф Раскин. Интерфейс: новые направления в проектировании компьютерных систем. — Символ-Плюс. — 2004. — ISBN 5-93286-030-8
• Алан Купер. Психбольница в руках пациентов или Почему высокие технологии сводят нас с ума и как восстановить душевное равновесие = The Inmates are Running the Asylum. — Символ-Плюс, 2004. — ISBN 5-93286-071-5
• Магазанник В. Д., Львов В. М. Человеко-компьютерное взаимодействие: Учебное пособие для вузов. — Тверь: Триада, 2005. — С. 200. — ISBN 5-94789-119-0
• Гарретт Д. Веб-дизайн: книга Джесса Гарретта. Элементы опыта взаимодействия = The Elements of User Experience: User-Centered Design for the Web. — Символ-Плюс, 2008. — С. 192. — ISBN 5-93286-108-8

10 уроков юзабилити из книги Стива Круга «Не заставляйте меня думать»

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

Многие люди в сообществе юзабилити считают книгу Стива Круга «Не заставляйте меня думать: здравый подход к юзабилити в Интернете, 2-е издание» как библию юзабилити для непрофессионалов. В этой книге кратко и сжато объясняется все, что нужно знать о том, как начать работу с веб-юзабилити. Для более опытных пользователей это отличный курс повышения квалификации.

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

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

Уроки

1. Означает удобство использования…

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

2. Веб-приложения должны объяснять сами себя.

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

3. Не заставляй меня думать

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

4. Не трать мое время

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

5. Пользователи все еще цепляются за кнопки на спине

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

6. Мы — создания привычки

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

7. Нет времени для светских разговоров

   Веселая беседа похожа на светскую беседу — без содержания, в основном это просто способ быть общительным. Но у большинства пользователей Интернета нет времени на светскую беседу; они хотят сразу перейти к делу. Вы можете — и должны — исключить как можно больше радостных разговоров.

8. Не теряйте поиск

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

9. Формируем мысленные карты сайта

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

10. Сделайте так, чтобы вернуться домой было легко

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

Каковы ваши слова мудрости?

Итак, какие мудрые слова по юзабилити у вас есть? Какие самые лучшие книги по юзабилити вы читали?

Как улучшить работу сайтов

Что самое важное, что нужно знать дизайнерам и разработчикам при создании хороших веб-сайтов? Не заставляй меня думать.

Это первый закон юзабилити Стива Круга: не заставляйте меня думать.Он подробно рассказывает об этом в своей книге Не заставляйте меня думать (еще раз): здравый подход к удобству использования Интернета и мобильных устройств . Все дело в том, чтобы понять, как люди на самом деле используют веб-сайты, а затем попытаться сделать их лучше.

Krug есть масса практических идей, которые могут помочь любому веб-проекту. Мы рассмотрим некоторые из этих идей и дадим краткий обзор.

Как люди используют веб-сайты

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

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

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

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

Как нам «не заставить меня думать»?

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

• Воспользуйтесь условностями: Не изобретайте велосипед. Используйте то, что работает. Бывают случаи, когда нарушать условности — это нормально, но вам лучше убедиться, что у вас есть веская причина, и что это лучше.
• Создавайте эффективные визуальные иерархии: Все должно быть организовано и логично так, чтобы иметь смысл с первого взгляда.
• Разбивайте страницы на четко определенные области: Люди склонны группировать вещи и игнорировать то, что не важно.
• Сделайте очевидным, что является кликабельным: «Как пользователь, мне никогда не придется тратить миллисекунды на размышления о том, являются ли элементы кликабельными или нет».
• Избавьтесь от отвлекающих факторов: Вы должны безжалостно вырезать ненужное. Если все важно, то ничего не важно.
• Форматирование содержимого для поддержки сканирования: Используйте заголовки, короткие абзацы, маркированные списки и выделяйте ключевые термины, чтобы упростить просмотр.

4 определенных области веб-сайта для упрощения работы

Давайте рассмотрим четыре области, в которых Круг дает конкретные советы.

1. Чем вы занимаетесь?

Возможно, самая важная часть «Не заставляйте меня думать» — это то, что люди не знают, о чем ваш веб-сайт. Что вы делаете? Все думают, что они разъяснили суть своего веб-сайта, но чаще всего это ясно как грязь.

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

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

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

Вот три способа сделать это:

• Слоган: Хороший слоган ясный, информативный и по существу.Он должен быть рядом с логотипом на каждой странице. Это должно быть полезно, а не просто маркетинговый слоган или девиз.
• Приветственное объявление: Краткое описание того, чем вы занимаетесь, должно быть хорошо видно на главной странице. (Хотя это называется «приветственное объявление», оно ни в коем случае не должно приглашать людей на ваш сайт — это просто ненужная светская беседа.)
• Подробнее: Иногда то, что вы делаете, сложно. Это нормально. Дайте людям возможность узнать об этом больше.Включите видео или ссылку на раздел, где все объясняется более подробно.

2. Навигация и архитектура

Есть несколько вещей, которые могут помочь в качестве этих указателей:

• ID сайта: Логотип и название сайта должны быть на каждой странице. Люди могут появиться на любой странице из любого места, поэтому важно, чтобы всегда было ясно, где они находятся.
• Название страницы: Страницы должны быть четко обозначены, чтобы пользователи могли знать, что они попадают в нужное место. Если они ищут услуги и находятся на странице услуг, это вселяет в них уверенность. Но если они не уверены, на какой странице они находятся, вы вносите в процесс ненужное беспокойство.
• Разделы: Какие основные разделы сайта? Это должно быть понятно и просто для пользователей. Хорошо продуманные разделы помогут пользователям быстрее находить то, что они ищут.
• Локальная навигация: Основная навигация привлекает все внимание, но навигация нижнего уровня не менее важна. Именно здесь пользователи, вероятно, будут проводить больше своего времени. Это сложно сделать хорошо, и этому не уделяют много внимания.
• Вы здесь: Хороший способ избавиться от ощущения потерянности на веб-сайте — использовать индикаторы «вы здесь». Как и карта в торговом центре, они помогают пользователям сориентироваться. Обычный способ сделать это — выделить текущее местоположение в меню или отобразить хлебные крошки.Главное — сделать это заметным.
• Поиск: Всегда должна быть возможность поиска. Придерживайтесь принятых здесь условностей: не используйте причудливые формулировки, не утруждайтесь инструкциями и не указывайте параметры поиска с самого начала (возможность сузить или ограничить поиск — нормально на странице результатов).

Помогите пользователям понять, где они находятся и как найти то, что они ищут.

3. Многословие

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

Тем не менее, наш текст часто наполняется ненужными словами. Мы болтаем и говорим гораздо больше, чем нам нужно.

Вот три способа решить эту проблему:

• Опустите ненужные слова: Это классический совет из книги « Элементы стиля » Странка и Уайта.Просмотрите свой экземпляр и безжалостно вырежьте лишние слова.
• Отказ от светской беседы: Даже в Интернете есть тенденция заполнять пространство бессмысленными словами. На многих дополнительных страницах есть вводный текст «приветствия», в котором ничего не говорится. Ближе к делу или избавься от него.
• Инструкции: Еще одно место, где мы получаем многословие, — это инструкции. Люди редко читают инструкции, и они нужны только в самых редких случаях. Если кому-то нужно прочитать инструкции, чтобы пройти опрос или подписаться на рассылку электронной почты, вы делаете это неправильно.

4. Юзабилити-тестирование

Последний урок из Не заставляйте меня думать о важности юзабилити-тестирования. Все хотят сделать сайт проще для пользователя, но трудно понять, что это сделает. Лучший способ выяснить это — протестировать.

Юзабилити-тестирование не так сложно и дорого, как вы думаете. В книге содержится множество идей о том, почему и как проводить тестирование, и Круг даже написал вторую книгу о том, как это сделать: Rocket Surgery Made Easy .

Вот несколько советов по тестированию юзабилити:

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

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

Не заставляйте меня думать

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

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

Получить книгу:

Через пять лет и более 100 000 копий после его первой публикации, трудно представить себе человека, работающего в области веб-дизайна, который не читал бы «мгновенную классику» Стива Круга по удобству использования в Интернете, но люди по-прежнему открывают для себя ее каждый день. Не удивляйтесь, если это полностью изменит ваше представление о веб-дизайне.

Получить книгу на Amazon

Автор книги «Не заставляйте меня думать» обсуждает 20-летнюю эволюцию UX-дизайна

Когда я догнал Стива Круга по телефону Zoom, он находился на карантине в своем доме в Бруклине, штат Массачусетс.«Мы старые люди, поэтому мы здесь, — сказал он.

Его свежая и в высшей степени удобочитаемая книга по веб-дизайну « Не заставляйте меня думать: здравый смысл: подход к веб-юзабилити», изданию , которому уже 20 лет, и третьему изданию, продано более 600 000 копий и используется в Интернете. учебник по дизайну на курсах колледжа.

Книга началась по счастливой случайности в середине 90-х годов эпохи коммутируемого доступа, когда известный дизайнер журналов и типографский мудрец Роджер Блэк, которому приписывают дизайн или редизайн Rolling Stone, — New York Times Magazine и Esquire вместе с такими веб-сайтами, как Barnes & Noble’s, обратились к Кругу по поводу возможной книжной сделки с Macmillan Publishers.В то время они консультировали @Home Network, , одного из первых в стране провайдеров услуг высокоскоростного кабельного интернета. Они были близкими коллегами, восхищавшимися работой друг друга — Блэк, мудрец графического дизайна, и Круг, юзабилити-про .

«Он собирался написать серию книг в Интернете. И он сказал, что вы могли бы сделать одно о юзабилити. И я сказал, конечно, если вы можете достать мне немного денег, потому что я не могу позволить себе взять отпуск, чтобы сделать это, — сказал Круг.«Он принес мне гораздо больше денег, чем имело смысл».

Сколько денег? «О, он уговорил их дать мне 40 000 долларов. Что, если вы хоть что-нибудь знаете о технических книгах, если вы получите аванс в 1000 долларов на написание учебника, у вас все хорошо ».

Вскоре книга собрала множество преданных и привлекла внимание общественности к консультационной компании Круга Advanced Common Sense. Более поздняя разработка Круга Rocket Surgery Made Easy: Самостоятельное руководство по поиску и устранению проблем юзабилити , хотя и нацелена на более узкую аудиторию и менее коммерчески успешна, помогла убедить многие фирмы, занимающиеся разработкой программного обеспечения, в том, что пользовательское тестирование — самый надежный способ решить эту проблему. гарантировать, что продукты интуитивно понятны для обычных пользователей, которые редко думают, как инженеры-программисты.

Откровенный, откровенный подход 70-летнего специалиста к дизайну может быть причиной того, что Don’t Make Me Think продолжает оставаться актуальным через 20 лет после его выпуска. Тем не менее, Круг, который сейчас наполовину на пенсии, по-прежнему скромно говорит о своем влиянии на технологическое сообщество. Мы поговорили с ним, чтобы узнать больше об уроках, которые Не заставляйте меня думать продолжает предлагать дизайнерам.

Подробнее о UX DesignA Social Wellness App для эпохи социального дистанцирования

Если бы вам пришлось разбить книгу на три ключевых урока по удобству использования в Интернете, что бы вы выбрали?

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

Так как же помочь им справиться?

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

«Не заставляйте меня думать» на самом деле означает, что не заставляйте меня думать о вещах, о которых мне не нужно думать. И почти все это поняли. Я видел, как несколько людей писали статьи за последние пару лет, выражая некоторый скептицизм по поводу исходной предпосылки, предполагая, что есть сайты, на которых вы хотите заставить людей задуматься. А я такой: «Верно, конечно. Мы все этого хотим ».

Тогда в чем разница? О чем вы хотите, чтобы люди думали и о чем вы хотите, чтобы они не знали?

Вы действительно хотите, чтобы они думали о значении вашего контента.Вы хотите, чтобы они думали о , что им от этого нужно. Если вы что-то объясняете, вы хотите, чтобы они поняли ваше объяснение. На веб-сайте есть любое количество частей, о которых людям нужно думать. Они чему-то учатся; это довольно очевидно.

О чем вы не хотите, чтобы они думали: «Что это за штука на экране? Для чего это? Что произойдет, если я нажму на нее? » Вы хотите, чтобы эти вещи были как можно более очевидными. Вы хотите, чтобы было ясно, какие виды информации доступны на сайте и как вы к ним переходите.

Вы можете привести пару примеров функций, которые могут сбить с толку или отвлечь людей?

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

Расскажите мне об еще одном важном уроке из книги.

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

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

Люди преувеличивают. Они говорят, что 60 процентов людей имеют какие-либо инвалидности. Странный подсчет. Но важно то, что вы должны это делать, потому что это правильно. Это улучшает жизнь людей. И как часто у вас появляется шанс на своей работе кардинально улучшить жизнь других людей, просто немного лучше выполняя свою работу?

Что происходило в мире веб-дизайна, когда вы писали книгу?

Это было захватывающе, но беспорядочно.Мы достигли точки, когда люди вышли за рамки HTML. Они начали использовать CSS (каскадные таблицы стилей) и JavaScript. CSS означал, что они могли сделать сайты намного красивее, а не такими мягкими, а JavaScript означал, что они могли сделать их более интерактивными. Но эти языки также означали, что вам приходилось писать разные версии своего сайта для каждого браузера, что было практически невозможно. Так что это было трудное время, и только через пару лет после того, как я написал книгу, был запущен проект веб-стандартов.Там, где веб-дизайнеры и разработчики объединились и в основном сказали: «Вы знаете, производители браузеров должны стандартизировать это, иначе мы собираемся вырезать ваш веб-сайт».

И это сработало. Производители браузеров пошли на уступки и сделали вещи более последовательными. Это было самым большим событием, которое происходило в то время. Но это был также 2000 год, и, таким образом, гораздо больше людей использовали Интернет, и мы достигли точки настоящего, серьезного принятия. Это стало большим событием. Я действительно работал в Интернете в 1994 году, консультируя Apple.И они использовали программное обеспечение AOL для создания чего-то под названием e-World, версии AOL под брендом Apple с доступом в Интернет. К 2000 году он прошел долгий путь.

Как ваш опыт консультанта повлиял на книгу?

Я пытался объяснить, что я всегда делал как консультант по юзабилити. Я иду как сторонний наблюдатель, который ничего не знает о сайте. Я смотрю на это с точки зрения пользователя и говорю людям, которые его создают: «Вот то, что люди не поймут.Вот что вам нужно сделать.

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

По сути, все из уст в уста. Исторически сложилось так, что образец был таков, что кто-то читал его и передавал своему боссу, а их босс покупал копии, чтобы раздать всему отделу. В настоящее время слоган книги, вероятно, звучит так: «Большинство людей знакомится с UX». Но на момент написания UX еще не существовало.На самом деле он появился на свет только с iPhone. Потому что Стив Джобс доказал, что вы действительно можете зарабатывать деньги, выполняя работу с пользовательским интерфейсом и обращая внимание на пользователей. И это сделало UX профессией. До этого, если у вас была большая компания, было бы трудно убедить вас потратить много денег на пользовательский опыт.

Какие ваши любимые современные веб-интерфейсы?

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

Печально то, что теперь вы не можете пойти и попробовать это сами.Но это был лучший интерфейс, потому что вы указываете пункт назначения: «Я хочу отправиться отсюда сюда, в этом классе, в эти даты», и он отображал бы прокручивающийся список временных шкал, показывающих вам рейсы всех авиакомпаний. А если бы был стыковочный рейс, он бы показал промежуток между двумя отрезками времени полета. С первого взгляда вы могли увидеть, какие из них были более ранними, какие были более поздними, а какие унесут вас навсегда. Порядок сортировки по умолчанию, который был великолепен, назывался «Агония.«В верхней части списка были рейсы с самыми короткими пересадками, лучшими тарифами на своевременность и самой низкой ценой — сочетание этих факторов. Итак, просто взглянув на отсортированный список, вы точно знали, что вам нужно знать. Вам не нужно было рассчитывать разницу часовых поясов, пересадки и все такое.

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

Вы можете привести несколько примеров?

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

Какие самые большие ошибки совершают организации, пытаясь изменить дизайн или обновить веб-сайт?

Они, как правило, чрезмерно амбициозны.Любой сайт, на который вы заходите, имеет некоторые существенные недостатки. И они, вероятно, хорошо известны людям, которые занимаются управлением сайтом. Но люди часто думают, что решение состоит в том, чтобы провести серьезную модернизацию, вместо того, чтобы заниматься сортировкой и устранением самых серьезных проблем. Считается, что с этими проблемами можно мириться до редизайна. По сути, они говорят: «Мы позволим этим серьезным проблемам, которые стоят нам денег и вызывают головную боль у пользователей, сохранятся еще в течение года, пока мы работаем над этим редизайном.”

Вы также написали Rocket Surgery Made Easy: Самостоятельное руководство по поиску и устранению проблем с удобством использования. Какие бывают распространенные проблемы и как их можно исправить?

Если у вас возникли проблемы, парашютный спорт с консультантом — это действительно хорошо, и, если вы можете себе это позволить, вы должны это сделать. Но юзабилити-тестирование еще лучше. Вы получаете команду, вы должны сесть и посмотреть, как пара людей пытается использовать эту штуку.Количество получаемых знаний всегда невероятно. В этом суть Rocket Surgery Made Easy : побудить людей провести собственное тестирование юзабилити, дать понять, что это что-то настолько простое, что вы можете сделать это сами, и это не займет много времени.

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

С помощью программного обеспечения для совместного использования экрана и таких инструментов, как Zoom, Skype и GoToMeeting, вы можете легко делать это удаленно.И в этом масса преимуществ. Раньше приходилось затаскивать людей в свой офис. Дистанционное тестирование значительно упрощает набор персонала, потому что ваш кадровый резерв состоит из людей, с которыми вы хотите провести тестирование и которые находятся в пределах 20 минут от вашего офиса, до практически всех. И, очевидно, с коронавирусом возможность удаленно проводить пользовательское тестирование — это настоящее благо.

По сути, участник показывает вам свой экран, чтобы вы могли видеть, что они делают, и чтобы вы вели беседу.Вы поручаете им задачи, и они думают вслух, что является ключевым моментом. Также существует немодерируемое тестирование (например, usertesting.com), при котором вы отправляете кому-то задачи, которые хотите, чтобы они выполнили, а также URL-адрес сайта, вашего прототипа или приложения. Группа тестировщиков будет сидеть в течение 15 или 20 минут и выполнять эти задачи, и это записывается и выгружается, и вы можете смотреть запись. Так что их никто не подсказывает, но их наняли, потому что они способны мыслить вслух без напоминаний.

Как набрать хороший пул тестировщиков?

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

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

Сколько людей вам нужно?

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

Какое самое удивительное изменение в веб-дизайне вы видели с момента первой публикации Не заставляйте меня думать ?

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

Применяются ли сегодня те же принципы веб-дизайна, о которых вы пишете в книге?

Во введении я процитировал Дональда Нормана, который сказал: «Технологии могут быстро меняться, но люди меняются медленно.«Проблемы, связанные с удобством использования, по-прежнему остаются проблемами познания и восприятия. И это не сильно изменилось. Мы все еще не справляемся.

Глубокое погружение в UX-дизайн Когда лучший интерфейс — это вовсе не интерфейс

Уроки, извлеченные из книги Стива Круга «Не заставляйте меня думать» | автор: Аникет Амбекар

Не так давно у меня было ощущение, что для создания отличного продукта нужно четко учитывать как минимум эти два элемента: а) понимание неудовлетворенных потребностей пользователей / клиентов и б) способность количественно анализировать поведение пользователей, чтобы быстро повторяйте и приближайтесь к продукту / рынку.« User Experience » почему-то всегда оставался для меня за кулисами, отчасти из-за моей борьбы за различие между «хорошим UX» и «отличным UX». Поэтому я решил опираться на настоятельно рекомендованную книгу Стива Круга «Пользовательский опыт для менеджеров по продуктам: не заставляйте меня думать». Ниже приводится краткое изложение уроков, извлеченных из опыта пользователя и его важности для успеха любого продукта, который мы собираемся создать.

Что такое «пользовательский опыт»?

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

1. Первый закон юзабилити

Стив Круг отмечает, что его первый закон юзабилити гласит: «Не заставляйте пользователей думать». Дизайн веб-страницы или всего, что вы создаете, должен быть очевидным и очевидным. Пользователи должны иметь возможность «понять» сразу после того, как посмотрят на экран.Чем больше пользователи тратят времени на размышления о том, что представляют собой все компоненты / элементы, тем больше препятствий мы вводим в их процесс изучения (или опыта) продукта и тратим на них драгоценное время.

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

2. Дизайн для сканирования, а не чтения

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

• Используйте общепринятые условные обозначения : Подобно знаку «СТОП» на автомагистралях, которые универсально одинаковы и понятны в одно мгновение, мы должны продолжать использовать общепринятые элементы на страница в Интернете.Они могут включать в себя значок поиска, положение заголовка сайта, параметры совместного использования в социальных сетях и т. Д. Не пытайтесь изобретать велосипед в том, что принято в качестве условных обозначений.
• Создание визуальных иерархий: Это позволяет пользователю легко определить, какие вещи важны и, следовательно, требуют внимания пользователя, а какие можно пропустить.
• Сделайте очевидным, что является кликабельным: Поскольку в большинстве случаев пользователи нажимают на веб-страницу или нажимают на мобильное приложение, дайте пользователю понять, какие элементы кликабельны, а какие нет.

3.Сделайте щелчки бессмысленными

Щелчок или нажатие — одно из наиболее широко используемых действий в любом приложении, и поэтому имеет смысл сделать щелчки бессмысленными, так что они не требуют никаких размышлений. Количество кликов не имеет значения, если они бессмысленны и недвусмысленны. Чтобы клики были бессмысленными, нам нужно спроектировать его таким образом, чтобы было однозначно, куда действие приведет пользователя. Автор называет это « Запах информации »: он сообщает пользователю, куда его приведет конкретное действие, в конечном итоге достигнув пункта назначения.Как правило, считайте, что 3 бездумных щелчка равны 1 щелчку, требующему размышлений.

4. Меньше значит больше

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

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

5. Помогите пользователям легко ориентироваться.

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

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

• Постоянная навигация: Состоит из идентификатора сайта, разделов, утилит и поиска
• Кнопка «Домой»: Она всегда должна быть видимой и доступной.Это дает уверенность в том, что пользователь теряется во время сеанса просмотра.
• Имена страниц: Каждая страница должна иметь имя, она должна быть заметной, а ссылка, по которой пользователь нажимает, чтобы перейти на страницу, должна иметь такое же имя. как на странице
• Навигация «Вы здесь»: Поскольку пользователи не имеют представления о масштабе и направлении, важно указать, где они находятся в пределах шкалы вещей. Панировочные сухари также являются хорошими индикаторами, показывающими пользователям, где они находятся на веб-сайте.

6. Не спорите, а тестируйте

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

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

7. Тестирование юзабилити — делайте это регулярно

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

• Частота: Делайте это один раз в месяц. Непрерывное тестирование помогает в постоянном улучшении вашего продукта.
• Количество пользователей: Три пользователя в месяц — хорошее число. Цель состоит в том, чтобы выявить наиболее важные проблемы с дизайном, которые, следовательно, будут общими для любого количества пользователей.
• Тестирование: Имейте одного фасилитатора и пользователя. Если возможно, запишите сеансы тестирования, чтобы вы могли направить их позже, а также поделиться с любыми заинтересованными сторонами или членами команды для их просвещения.
• Фокус: Всегда будет большое количество проблем, которые вы не можете решить.Следовательно, важно безжалостно расставлять приоритеты только по критическим вопросам.

8. Увеличьте свой резервуар доброй воли

«Резервуар доброй воли» — это ощущение, что пользователь идет вместе с ним / ней, когда они посещают и просматривают продукт для первый раз. В зависимости от их опыта работы с продуктом, этот резервуар либо истощается, либо увеличивается. Хороший UX всегда увеличивает запас доброй воли, в то время как плохой UX его истощает. Вещи, которые могут увеличить ваш запас доброй воли:

• Сделайте самые важные вещи, которые пользователь хотел бы делать на вашем сайте, как можно проще
• Будьте готовы к информации, которую пользователи хотели бы просматривать
• Сохраняйте шаги где бы то ни было вы можете
• Хорошо извиниться перед пользователем, если вы не можете сделать то, что пользователь ожидает i.e.404 или некоторые ограничивающие функции, которые, как вы знаете, могут понадобиться пользователю, но по какой-то причине вы не можете их предоставить. меняются со временем. Книга — отличное чтение для тех, кто занимается проблемами UX, новичок в ориентированном на пользователя дизайне, а также легкий (200 страниц).

  4 интуитивно понятных совета по повышению удобства использования вашего веб-сайта

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

  Однако слишком часто мы забываем об одном из наиболее важных аспектов нашего веб-сайта и других маркетинговых материалов — удобстве использования.

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

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

  Стив Круг — консультант по юзабилити с более чем 20-летним опытом работы в качестве адвоката пользователей таких компаний, как Apple, Netscape, AOL, Lexus и других. Он также является востребованным докладчиком по юзабилити-дизайну.

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

  Что означает удобство использования?

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

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

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

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

  Помня о таком намеченном результате, мы, как создатели, должны выявлять и устранять все потенциальные вопросительные знаки.Все, что заставляет пользователя остановиться и подумать, что делать дальше, является препятствием между его текущим состоянием и совершением покупки.

  «Последнее, что вы хотите, чтобы кто-то делал, когда попадает на вашу домашнюю страницу, — это думать». — @taraerobertson #WebsiteThrowdown #UX # INBOUND16 #CRO

  — Рамона Сухрадж (@ramonasukhraj) 12 октября 2016 г.

  Роль юзабилити в конверсии

  Наша цель как маркетологов — не только сделать веб-сайты удобными для чтения и понимания, но и указать путь к конверсии.

  Если пользователь заходит на ваш сайт и понимает, что вы предлагаете, но не знает, что делать дальше, ваш сайт не работает.

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

  Советы по удобству использования и веб-дизайну от

  Не заставляйте меня думать

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

  1. Продолжайте читать как минимум

  Когда вы пишете для Интернета, лучше меньше, да лучше. Ваши сообщения должны быть краткими, простыми и точными.

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

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

  2. Покажи, не говори.

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

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

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

  3. Пройти «тест магистрали»

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

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

  В этой заметке Круг неоднократно подчеркивал важность наличия функции поиска на вашем веб-сайте, отмечая, что многие пользователи сразу же ищут окно поиска, попадая на ваш веб-сайт.

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

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

  • Как называется компания?
  • На какой я странице?
  • Какие основные разделы сайта?
  • Куда перейти с этой страницы?
  • Где я нахожусь по отношению к другим местам на сайте?
  • Где я могу выполнить поиск?

  Это область, где последние тенденции минималистичного дизайна не всегда совпадают с теориями Круга, но именно поэтому мы проводим испытания!

  4.Оптимизируйте свою домашнюю страницу

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

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

  Следуя предложениям Круга, ваша домашняя страница может включать:

  • Ваш фирменный стиль и ценностное предложение
  • Четкая иерархия
  • Текущие акции
  • Ссылки на популярные страницы
  • Поле поиска
  • Контент-тизеры
  • Логин (если есть)

  Но это все субъективно.

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

  Сделайте это без умников

  В конце концов, удобство использования заключается в том, чтобы не создавать неоднозначности для пользователя.

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

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

  Здравый смысл для удобства использования в Интернете, Стив Круг

  «Не заставляйте меня думать», «Здравый смысл» в удобстве использования в Интернете, второе издание, Стив Круг — обзор

  «Не заставляйте меня думать» — это книга об удобстве использования в Интернете. Юзабилити — это в основном то, насколько просто слишком эффективно использовать веб-сайт. Он проверяет, как сделать веб-сайт проще для обычного посетителя.

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

  Don’t Make Me Think A Common Sense Approach to Web Usability, Second Edition, Steve Krug — Review

  Don’t Make Me Think — это книга о удобство использования в Интернете. Юзабилити — это в основном то, насколько просто слишком эффективно использовать веб-сайт. Он проверяет, как сделать веб-сайт проще для обычного посетителя.

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

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

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

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

  Стив Круг цитирует из «Элементов стиля»: «Опускайте ненужные слова». Он также говорит, что вы должны исключить со своего сайта веселые разговоры, маркетинговые разговоры и жаргон. У людей нет особого терпения в Интернете.

  Здесь описаны некоторые интересные концепции о том, как люди находят вещи. У него есть много диаграмм того, как люди стремятся купить что-то в Интернете. Эти диаграммы объясняют, как ускорить и упростить работу.Он также описывает, как создать визуальный след для пользователя на веб-сайте. Это часто называют «панировочными сухарями». Иногда это становится немного сложнее.

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

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

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

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

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

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

  Эта книга очень проста. Это дает вам представление о том, что такое удобство использования в Интернете.Я думаю, что это поможет получить базовые советы о том, как улучшить веб-сайт. Материал не сложен и не сложен. Такие вещи можно читать днем. Это книга для начинающих.

  Дизайнер, который нужно прочитать № 1: Не заставляйте меня думать — Стив Круг

  Коллекция SitePoint Desert Island

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

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

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

  Прежде всего, настоящая классика: книга Стива Круга «Не заставляйте меня думать» , книга, которая, хотя и написана в 2000 году и дважды пересматривалась, почему-то остается весьма актуальной для современного дизайна.

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

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

  Сравните его с любой книгой HTML той же эпохи (демонстрируя достоинства компоновки таблиц), и вы поймете, какое это удивительное достижение.

  Думаю, это доказывает, что технологии могут измениться, но настоящий здравый смысл никогда не выходит из моды.

  Первый закон юзабилити

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

  Когда вы создаете сайт, ваша задача — избавиться от вопросительных знаков.

  Итак, какие знаки вопроса?

  Что ж, это то, о чем люди думают, когда попадают на сайт, и о которых им действительно не должно быть.

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

  Это весь принцип книги и самого удобства использования, или UX (User Experience), как это более широко известно сегодня.

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

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

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

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

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

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

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

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

  A Краткий обзор

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

  Например, в первой главе Стив добавляет сноску к термину «средний пользователь», которая гласит:

  Фактический средний пользователь содержится в герметичном хранилище Международного бюро стандартов в Женеве.В конечном итоге мы придем к тому, как лучше всего думать о «среднестатистическом пользователе».

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

  Книга состоит из двенадцати глав, около 200 страниц, со списком рекомендуемых к прочтению на обороте.Это легкое и веселое чтение.

  Главы делятся на следующие:

  • 1: Не заставляйте меня думать, что касается основных принципов и первых правил удобства использования
  • 2: Как мы, , на самом деле используем Интернет
  • 3: Дизайн рекламного щита 101 дополнительно исследует, как лучше всего сконструировать страницу, чтобы привлечь внимание сканирующего глаза и направить пользователя туда, куда вы хотите, чтобы он перешел.
  • 4: Животные, овощи или минералы рассказывает нам, почему пользователям нравится, когда им предоставляется бездумный выбор.
  • 5: Пропустите ненужные слова рассматривает вопрос снижения шума за счет сокращения количества копий на сайте и ужасных «приветственных» радостных речей, которые можно (и нужно) исключить — эта глава особенно полезна для тех дизайнеров, которые не делают этого. t обязательно обладать отличными письменными навыками
  • 6: Дорожные указатели и хлебные крошки знакомят читателя с проектированием навигации и объясняют, почему она должна быть логичной и простой, но, прежде всего, планироваться прямо с начальных этапов создания эскиза.
  • 7: Первым шагом к восстановлению является признание того, что домашняя страница находится вне вашего контроля — Думаю, этим все сказано … очевидно, это связано с дизайном домашней страницы
  • 8: Фермер и пастух должны быть друзьями рассказывает о бесполезном занятии «религиозными» спорами о юзабилити.
  • 9: Юзабилити-тестирование на 10 центов в день — чрезвычайно полезная глава, которая дает хороший обзор и несколько отличных советов по тестированию
  • 10: Удобство использования как обычная вежливость касается того, как вы создаете доброжелательность у пользователя, создавая сайт, на котором есть все, что они ожидают.
  • 11: Специальные возможности, каскадные таблицы стилей и вы. углубляется в специальные возможности и почему вы всегда должны рассматривать их как часть вашего дизайна (потому что это правильно, ребята).В этой главе также рассматривается CSS и почему вам тоже следует их использовать
  • 12: Помогите! Мой босс хочет, чтобы я _ __ рассказал о том, как вы можете решить эту проблему, когда ваш босс или клиент приходит к идее, которую вы считаете ужасной

  Зачем нужна эта книга

  Хотя некоторые ссылки в этой книге могут указывать на эпоху ее зарождения, Стив говорит о некоторых людях, думающих, что Yahoo! на самом деле — это Интернет (сегодня эту роль для многих играет Google) — он выдержал испытание временем невероятно хорошо, потому что очень полезен.

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

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

  Примечания к UX-дизайну

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

  Однако одно совсем не изменилось, а именно то, как пользователи воспринимают сайты, которые мы создаем, и то, как они принимают решения на основе этого восприятия.

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

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

  С тех пор, как была написана эта книга, о UX было написано много, это дисциплина, популярность которой в последние годы резко возросла.

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

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

  Я также нашел очень интересной главу о написании текста, не в последнюю очередь потому, что я лично заинтересован в этом.

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

  Имея это в виду, приятно видеть что-то, что, по сути, учит вас основам веб-копирования и тому влиянию, которое оно оказывает на пользователей.

  Вам не нужно быть консультантом или экспертом по UX, как Стив, чтобы понять юзабилити, и вам не нужно им становиться.

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

  .

  No related posts.