Всем привет!
Короткое вступление: решил поменять сферу деятельности на UX - дизайн и стал искать различную литературу/информацию по этой профессии. Понятное дело, много использую тот же Youtube. Вот при просмотре очередного видео по UI/UX дизайну обратил внимание на то, что не у всех есть возможность изучать различные источники на английском языке.
Вот я и подумал: почему бы мне не начать переводить статьи самостоятельно? Это даст другим людям возможность почерпнуть для себя новую информацию, ну а мне - прокачивать свой английский и более углублённо вникать в то, что я читаю.
Дисклеймер: поставил себе цель переводить по 10 пунктов из адекватных (:D) источников (пока взял 1990 agency) каждый день и публиковать их здесь. Пока перевел 10 пунктов. На литературный перевод не претендую: иногда старался подгонять под русский язык, иногда делал упор на важность донесения контекста. Ссылка на оригинальный источник будет в конце статьи (все изображения так же взял из оригинального источника).
Поехали!
1. Попробуйте использовать одну колонку на странице вместо нескольких.
Расположение контента в одну колонку даст вам больше контроля над нарративом (проще говоря, позволит вам более эффективно влиять на поведение пользователя и делать его более прогнозируемым и предсказуемым).
2. Предложите пользователю небольшой подарок, вместо того, чтобы стремиться побыстрее закрыть сделку (завершить продажу).
Жест доброй воли через предложение пользователю (потенциальному покупателю) небольшого подарка может помочь заложить фундамент для сотрудничества. Если копнуть чуть глубже, данный способ является так же достаточно эффективной тактикой убеждения, основанной на принципе “взаимности”.
Как бы банально это не звучало, но предложение небольшого подарка как жест доброй воли сослужит добрую службу в дальнейших взаимоотношениях с клиентом.
3. Постарайтесь “слить” похожие функции воедино вместо того, чтобы фрагментировать UI (пользовательский интерфейс).
С течением времени легко начать непреднамеренно создавать множество различных секций, элементов и фич, которые, в итоге, будут выполнять одни и те же функции. Это базовый принцип энтропии: со временем всё начинает “разваливаться” (в данном случае – усложняться и обрастать ненужными элементами). Обращайте пристальное внимание на этот фактор, чтобы избежать дублирования функций: они будут утомлять и “напрягать” ваших пользователей.
Часто получается так: чем больше фрагментирован UI, тем сложнее пользователю обучиться/понять, как осуществлять навигацию и как ему получить то, что он хотел бы получить.
4. Попробуйте использовать доказательства с социальной точки зрения (пример – отзывы ваших клиентов/пользователей) вместо рассказа о том, почему вы такие классные и хорошие.
Социальное доказательство – ещё одна отличная тактика убеждения, которая напрямую влияет на уровень конверсии вашего продукта. Предложите вашему пользователю доказательную базу в виде отзывов и/или информации, которые подтвердят ваши преимущества/успехи.
5. Попробуйте показывать пользователю на странице призыв к действию несколько раз вместо того, чтобы показать его лишь однажды.
Повторение призыва к действию – это стратегия, которая больше применима к лонгридам (т.е. страницам, которые содержат относительно большое количество вертикально расположенной информации и её нужно пролистывать (“скроллить”)). Конечно, не стоит злоупотреблять этим правилом и 10 раз показывать на одной и той же странице призыв к действию: это будет раздражать ваших пользователей
К слову стоит добавить, что лонгриды становятся нормой в индустрии. А вот идея о том, что нужно впихнуть всё, сразу да побольше уходит в небытие. Нет ничего плохого или неправильно в том, чтобы разместить, например, ненавязчивую кнопку с призывом к действию в верхней части страницы и в нижней. Когда пользователи добираются до нижней части страницы, они делают паузу и думают о том, что им делать дальше – отличная возможность для вас сделать пользователю предложение о покупке или закрыть сделку.
6. Старайтесь отчётливо визуально разделять стили “можно на это кликнуть” и “это сейчас выбранный элемент” вместо того, чтобы размывать различия между ними.
Визуальную стилизацию с помощью цвета, глубины и контраста можно использовать как надёжный способ “подсказать” пользователю, как корректно осуществлять навигацию в вашем интерфейсе. Пользователь должен чётко понимать: где он сейчас и куда он может перейти. Для того, чтобы чётко донести данную информацию до ваших пользователей, стили кликабельных элементов (ссылки, кнопки), выбранные элементы и чистый текст должны иметь чёткие отличия друг от друга + вам стоит проявить постоянство в этом аспекте (не стоит перескакивать с одного стиля на другой.
Если выбрали определённый стиль в интерфейсе – придерживайтесь его). Не сливайте всё воедино – не усложняйте жизнь вашему пользователю.
7. Старайтесь рекомендовать пользователю определённый продукт вместо сухой демонстрации предложений.
Когда вы показываете несколько предложений, акцент на рекомендации определённого продукта может быть вполне себе хорошей идеей, т.к. иногда люди нуждаются в том, чтобы их немного подтолкнули к нужному решению. Полагаю, что в области психологии есть определённые исследования, в которых утверждается следующее: чем больше выбор, тем меньше вероятность того, что этот выбор будет сделан и осуществлено соответствующее действие.
Для того, чтобы помочь пользователю преодолеть “паралич выбора”, постарайтесь акцентировать его внимание на конкретном предложении.
8. Используйте undo (отмена совершенного действия/изменений) вместо продавливания побуждающих запросов “подтвердите, пожалуйста/вы точно уверены?”.
Представьте, что вы кликнули на кнопку или ссылку. Функция undo уважает ваше человеческое намерение совершить какое-либо действие и спокойно позволить этому самому действию произойти. С побуждающими запросами ситуация иная: они ставят под сомнение убеждение ваши убеждения “я знаю, что делаю – не дурак”.
Предполагаю, что в большинстве случаев действия человека являются намеренными и редко – случайными. Неэффективность побуждающих запросов отчётливо видна, когда пользователю приходится при совершении чуть-ли не любого действия из раза в раз его подтверждать – не особо “очеловечивающий” опыт.
9. Попробуйте обозначить “для кого ваш продукт” вместо того, чтобы пытаться охватить всех и вся.
Вы заявляете, что ваш продукт – для любого пользователя или вы нацеливаетесь на определённую аудиторию? Путём донесения до покупателя информации “кто есть ваш потенциальный покупатель/кому это подойдёт” вы получаете возможность установить более “доверительную” связь с потенциальным клиентом + немного намекнёте на то, что ваш покупатель “особенный”.
Очевидный риск подобной стратегии – ограничение количества ваших потенциальных клиентов. С другой стороны, на прозрачности строится доверие.
10. Будьте прямыми и решительными.
Вы можете транслировать своё сообщение пользователю неуверенно и дрожащим голосом или можете озвучить его уверенно. Если вы завершаете свой посыл клиенту, используя такие слова, как “возможно”, “может быть”, “заинтересованы?”, “вы хотите?”, то стоит рассмотреть возможность быть более настойчивым. Возможно, в нашу эпоху оптимизации времени на диалог, стоит выделить себе побольше пространства под то, чтобы сказать людям как им поступить.
Ссылка на вторую часть: https://zen.yandex.ru/media/id/62693d54e2a00b48b0f578de/77-principov-o-kotoryh-stoit-pomnit-uiux-dizaineru-perevod-chast-2-626a64a1650d2138c7497cd0
Ссылка на оригинальный материал: https://www.1990.agency/en/77-things-to-remember-when-designing-ui/ (77 things to remember when designing UI).
P. S. Если у вас есть замечания по переводу - буду рад обратной связи!