UX Notes

2021-01-20 11:19:46 Максим Жуков написал, как упростить аутентификацию и регистрацию в интернет-магазине.

Аутентификация:
— Разместите кнопку входа в привычном месте (правый верхний угол);
— Если пользователь неправильно ввёл логин или пароль, сообщите, в чём именно ошибка;
— Если пользователь вошёл, запомните его (до 7 дней). Для безопасности можно спросить пароль потом при выполнении значимого действия;
— Внедрите вход по номеру телефона. Так можно не запоминать пароль и входить по коду из смс. Люди всё реже пользуются почтой;
— После того как пользователь вошёл, система должна возвращать его на страницу, с которой он перешёл к форме входа.

Регистрация:
— Сделайте её необязательной;
— Расскажите о преимуществах регистрации;
— Наградите пользователя за регистрацию: скидкой, подарком, бесплатной доставкой, участием в розыгрыше призов;
— Чтобы было больше причин регистрироваться, добавьте программу лояльности или накопительную систему скидок;
— Вместо логина спросите адрес электронной почты (если ваша аудитория ей пользуется);
— В форме регистрации отметьте обязательные и необязательные поля;
— Не требуйте ввести очень сложный пароль. Сообщите требования к нему в форме регистрации сразу;
— Зарегистрируйте покупателя автоматически: отправьте письмо с регистрационными данными на почту после заказа;
— Не требуйте активации учётной записи (подтверждения адреса электронной почты);
— Упростите поиск приветственного письма. В качестве отправителя укажите название магазина, в теме что-то вроде «Данные учётной записи в интернет-магазине Название».

https://vc.ru/design/195503 Открыть/Комментировать

2021-01-19 10:00:14 28 января (через 9 дней) пройдёт онлайновый UX-марафон об информационной архитектуре.

Организаторы планируют с разных сторон подойти к теме: начать с теории, показать инструменты и методологии, закрепить на кейсах.

Программа:
1. Алексей Бородкин — Фундаментальная лекция про основы ИА;
2. Валерия Курмак — Ошибки при проектировании или какую роль в доступности сайтов и приложений ИА играет для незрячих;
3. Павел Шерер — Собираем с нуля ИА;
4. Виталий Мазуревич — Мастер-класс по карточной сортировке;
5. Анастасия Попова — Объектная модель в проектировании;
6. Михаил Галушко — Использование ментальных карт при работе с ИА на примере Xmind;
7. Сергей Петров — Инфоархитектурный разбор: сервисная платформа для операторов в отделениях;
8. Денис Васильев — ИА нового сайта Банка России.

Стоимость сегодня и завтра 3300 руб, потом будет дороже.
Промокод на 10% скидку: UXNOTES
Промокод на 25% скидку можно получить за публикацию о событии
Подробности: https://ux-marafon.ru/new

Публикация оплачена Открыть/Комментировать

2021-01-18 23:50:21 Павел Шерер написал об этапах создания информационной архитектуры.

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

Основные этапы создания:

1. Подготовка. Определение высокоуровневых границ проекта, формирование базового понимания его функциональности.

2. Декомпозиция. Разделение проекта на отдельные информационные сущности со своими свойствами. Сущности могут быть вложенными.

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

4. Выявление связей. От одного ко многим, от многих ко многим, плоские, иерархические и так далее.

5. Фиксация свойств сущностей.

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

https://sherer.pro/blog/informacionnaya-arxitektura-kratkij-ekskurs/ Открыть/Комментировать

2021-01-15 11:27:26 Опубликованы видео с Avito Design Talk:

1. Настя Ларкина, Авито — Точки роста для дизайнера в крупной компании




2. Алексей Кандауров, Циан — Значимость дизайнера на разных скоростях разработки




3. Владимир Погорелов, Тинькофф — Дизайн в краудсорсинге и краудсорсинг в дизайне




4. Круглый стол «Личные проекты дизайнеров»




— Все видео и презентации: habr.com/ru/company/avito/blog/533620/
— Все видео в альбоме ВК: vk.com/videos-50773057?section=album_45 Открыть/Комментировать

2021-01-14 13:40:06 Борис Юзефпольский написал об особенностях пользовательских интервью онлайн.

1. Нет живого контакта с респондентом, иногда нет изображения. Зато в интервью может участвовать вся команда.

Чтобы респондента не смущала толпа людей, камеру и микрофон включают только интервьюеры (не больше 2 человек). Если кто-то из команды хочет задать вопрос, он пишет его во внутренний чат (интервьюер вопрос видит и задаёт в удобный момент) или озвучивает в конце беседы, когда интервьюер передаёт слово.

2. Между «договориться об интервью» и «провести интервью» — пропасть. Люди забывают, им сложно планировать.

Настроили систему напоминаний. Но несмотря на напоминания, выбор удобного времени и вознаграждение, 10% респондентов не подключаются из-за технических проблем, а 20−30% не приходят вовсе.

3. У респондентов разные технические условия. Первые минуты интервью приходится тратить на технические неполадки.

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

4. Сложно проводить большие фокус-группы.

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

5. Детям сложно раскрыться в онлайн-интервью. Зато они уверенно чувствуют себя в юзабилити-тестах.

https://vc.ru/uchi.ru/192356 Открыть/Комментировать

2021-01-13 11:53:27 Игорь Штанг написал о выравнивании текста и размере полей.

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

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

https://nobelfaik.livejournal.com/220315.html Открыть/Комментировать

2021-01-11 12:51:54 В Mojo написали, как сделать удобный интерфейс для пожилых.

К 2050 году каждый 6-й человек в мире будет старше 65 лет. Да и все мы когда-нибудь состаримся. С какими проблемами сталкиваются пожилые:

1. Мелкий текст. Используйте кегль от 14 pt, гарнитуры с крупными буквами (14 кегль Futura PT выглядит как 10 кегль Roboto), позвольте регулировать размер текста; избегайте шрифтов с необычным начертанием.

2. Низкая контрастность. Размещайте текст на чистом фоне без изображений; проверяйте контрастность и сохраняйте её на высоком уровне; вместо серого текста на сером фоне ищите другие способы управлять пользовательским вниманием.

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

4. Отсутствие гибкости: поля, принимающие данные только в определённом формате; неспособность распознавать опечатки.

5. Непонятные формулировки.

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

https://vc.ru/design/194193 Открыть/Комментировать

2021-01-06 17:03:12 Собрал самые популярные публикации UX Notes по числу лайков и репостов в ВК за прошедший год.

В топ-20 попали:
— 8 подборок записей докладов с мероприятий: UX-марафон, World Usability Day, митап «Инклюзивный дизайн», митап «Гибридный дизайнер», G8, ProfsoUX, митап «Сила взаимодействия;
— 6 переводов статей: Майтрик Катария, Дэнни Сапио, Тарас Бакусевич, Гаррет Кролл, Том Кенни, Джордж Кейв;
— 5 оригинальных статей: Павел Шерер, Павел Голюдов, Евгений Игнашов, Максим Жуков, Дарья Дундукова;
— 1 видео: Пабло Стэнли.

Спасибо, что читаете и рекомендуете @uxnotes знакомым дизайнерам и проектировщикам. Спасибо авторам полезных и интересных материалов.

https://vandergrav.ru/popular-ux-notes-2020/ Открыть/Комментировать

2020-12-23 12:19:11 Екатерина Авакова написала, что делать в сложных ситуациях на глубинном интервью.

1. Респондент говорит обо всём, кроме того, что нужно;
2. Респондент отвечает односложно, не раскрывая подробностей;
3. В рассказе постепенно появляются детали, в которых теряется и интервьюер, и респондент;
4. Придуманный на ходу вопрос уводит обсуждение в сторону;
5. Структура вопросника задаёт рамки беседы, которые мешают рассуждениям респондента.

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

Респондент может:
— Решить, что вы невнимательны, и потерять интерес к интервью;
— Запутаться в должностях, компаниях и продуктах, и вы придёте к неправильным выводам при разборе интервью.

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

https://medium.com/userhouse/e72ec6a64b1d Открыть/Комментировать

2020-12-17 20:37:19 Максим Жуков написал о фильтрации в интернет-магазинах.

— Предложите пользователю выбрать категорию, а уже потом фильтровать. Список категорий может располагаться над фильтрами или над списком товаров;
— Предоставьте уникальный набор фильтров для выбранной категории. Пользователей обычно интересуют уникальные параметры: для телевизоров — диагональ, для гидрокостюмов — толщина неопрена;
— Если параметр товара настолько важен, что отображается в списке товаров, дайте возможность по нему фильтровать;
— Добавьте тематические фильтры. Например: по стилю, времени года и так далее. Потребуется дополнительная разметка товаров, но покупатели это оценят;
— Добавьте параметр совместимости товаров (особенно в сегменте электроники и бытовой техники). Выбор таких товаров как запчасти, расходные материалы и аксессуары определяется совместимостью;
— Не показывайте длинные списки из параметров фильтрации. Покажите самые популярные, а остальные отображайте после нажатия на специальный контрол;
— Добавьте поиск в длинный список значений параметра фильтрации;
— Отобразите значения применённых параметров фильтрации. Дайте возможность их быстро удалить;
— Добавьте подсказки к значениям параметров фильтрации;
— Если пользователь настроил фильтры так, что ни один из товаров не подходит, не показывайте нулевые результаты фильтрации. Исключите последний применённый параметр фильтрации или отобразите соответствующие значения в фильтре неактивными.

https://vc.ru/design/187926 Открыть/Комментировать