Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки - Элиот Стокс

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

Об авторе

Кристиан Хейлманн (1975) родился в Швайнфурте, Бавария. Имеет диплом по немецкому и английскому языкам, истории и астрономии. Его девиз: «Если берешься за что-то, доводи до конца. Не хочешь – тогда брось!» Сейчас Кристиан живет в Северном Лондоне, куда стекаются люди из многих классных местечек. Он работает над тем, чтобы доводить технологии до людей, а людей до технологий. Когда он не занят этим, то переключается на фильмы. Его любимые цвета – синий и зеленый. Из-за того, что он редко бывает дома, его единственные питомцы – это множество резиновых уточек. Послание читателям от Кристиана: «Оставайтесь жаждущими и пытливыми. Новое всегда где-то рядом!»

О рецензенте

Пол Айриш (1982) родился в Питсфилде, штат Массачусетс. Окончил Вустерский политехнический институт, имеет степень бакалавра технических коммуникаций. В течение семи лет профессионально занимался разработкой пользовательского интерфейса. Последние два года обучает других разработчиков тому, как сделать Интернет более поразительным.

Пол живет в квартире-студии в районе Мишин в Сан Франциско. Все свое свободное время он любит слушать электромузыку и ходить на фуршеты. Главное, чему он научился на протяжении своей карьеры, – это добавлять причуды во всю тяжелую работу. Личный совет читателям от Пола: «Публикуйте то, чему учитесь». Слова эксперта! Так что стоит попробовать.

Техники для создания лучшего пользовательского опыта

Автор: Дмитрий Фадеев

Рецензент: Джошуа Потер

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

Опыт использования (UX, userexperience) сегодня – настолько горячее, модное словечко, что есть уже ряд специальностей, которые включают этот термин в своем названии. Я лично не люблю употреблять этот термин из-за того, что он не дает конкретики. Тем не менее он популярен, потому что то, для чего он служит, очень важно. Проще говоря, UX означает хороший дизайн. Не в поверхностном смысле, как отрада для глаз, а в том, как все слаженно увязывается между собой, как работает продукт и насколько он соответствует ожиданиям пользователя.

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

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

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

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

Улучшаем формы и процесс регистрации

«Я никогда не начну проектировать задание, пока не увижу место и не встречусь с теми, кто будет им пользоваться»

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

Рисунок 6.1. Страница «Скоро открытие» сервиса SquidChef

Скрытый опрос

Первое, что нужно для любого большого продукта, это пользователи. И вы можете привлечь их еще до запуска своего детища, и даже до начала его создания. Возможно, вы знакомы со страницей Coming soon («Скоро открытие/запуск»). Она разработана для продвижения нового продукта или услуг, которые должны быть вскоре выпущены. На странице высвечиваются характеристики и преимущества продукта, запрашивается ваш e-mail на случай, если вы захотите получить уведомление о его выпуске.

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

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

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

Рисунок 6.2. Форма, собирающая е-mail на странице Monotask

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

Рисунок 6.3. После подтверждения вашего e-mail-адреса показывается краткий опросник

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

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

Сделайте регистрацию скрытой

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

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