UX Notes

2023-04-15 11:51:14 Станислав Хрусталёв собрал идеи для страницы с сообщением о сделанном заказе.

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

Канал Станислава. #ecommerce Открыть/Комментировать

2023-04-14 19:44:40 В Спотифае (доступен на 65 языках в 195 странах) написали о локализации. Немного водянисто, но интересные тезисы есть.

— Локализация создаёт чувство принадлежности, что важно для музыкальных стримингов;
— Локализация — настройка продукта таким образом, чтобы каждый пользователь воспринимал его как созданный земляками;
— Процесс локализации включает интернационализацию — внедрение в продукт решений, которые позволят адаптировать его для других стран и языков без технических доработок. Например, поддержка разных форматов дат;
— Команда локализации с самого начала тесно работает с продуктовыми подразделениями. Их знания о разных языках (например, что слова в романских языках вроде испанского занимают на 25% больше места, чем в английском) помогают создавать достаточно гибкий дизайн и не писать текст, который будет проблематично перевести;
— Пользователи Спотифая в Японии предпочитают более просветительский и прямой тон голоса, в Индии — игривые фразы и юмор;
— Не берите английский за основу при разработке. На английском можно обойтись одним шаблоном «[Artist name] released a new [song/album]», тогда как во многих языках надо учитывать пол исполнителя и то, что «песня» и «альбом» — разного рода;
— Не забывайте, что в стране может быть больше одного языка. Например, при запуске в США нужен перевод на испанский;
— О чём нужно помнить: форматы времени, даты и чисел; идиомы, сленг и игра слов; эмодзи, аббревиатуры и всё, что связано с культурой или страной, например, люди, места, традиции или праздники.

#localization Открыть/Комментировать

2023-04-13 21:47:38 Тагир Хайрутдинов написал об играх в банковских приложениях.

— Геймификация — добавление игровых механик, чтобы сделать скучные занятия интереснее;
— Например, приложение Pain Squad помогает подросткам с раком справляться с болью и заполнять дневник болезни. За каждый отчёт игрок продвигается по карьерной лестнице и помогает своей команде;
— 70% компаний из списка Global 2000 в той или иной мере используют игровые механики;
— Мини-игры в приложении банка (например, «Симулятор мошенника») формируют привычку чаще заходить, открывают пользователям новые функции вроде сервиса определения номера;
— Что может мотивировать пользователей: возможность поиграть и отвлечься, шанс выиграть деньги, повышенный кешбек и другие бонусы;
— Метрики: а) Доля пользователей, принявших участие в игре; б) Сколько людей начали игру; в) Сколько закончили; г) Сколько игр в среднем сыграли; д) Количество шерингов игры; е) Среднее время в игре; ж) Показы, клики и CTR разных источников трафика в игру; з) Среднее количество транзакций в приложении на клиента, авторизаций; и) Средняя сумма снятия наличных на клиента; к) Количество шерингов карт;
— Не стоит ждать быстрого эффекта, если только игра на него не заточена (вроде стимулирования продаж);
— Сравнивать метрики можно между игроками, контрольной группой и всеми пользователями;
— Надо отслеживать и игровые метрики, чтобы понимать, когда игра становится слишком скучной или сложной и теряет игроков;
— О том, что мини-игры повышают бизнес-метрики, говорят планы Альфа-Банка запускать новые игры, причём не только на мобильных устройствах, как раньше.

Канал Тагира. #gamification Открыть/Комментировать

2023-04-12 14:01:40 Вакансия в Helper — ищем порядка 10-15 менторов
Для дизайнеров. Парт-тайм с гибким графиком, от +30 до +65к к вашей ЗП за часик-два в день. Плюс, прокачка вас как арт-диров и плюс пиар именно вас как эксперта.

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

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

Сейчас у нас растет количество обращений. Со дня основания (первый день лета) мы закрыли уже 70 480 обращений. То есть, столько раз мы помогли дизайнерам и это, конечно, сила! )

А детальнее — читайте на нашей страничке вакансии (там описали какие плюсы для вас, детальнее рассказали про проект и тд и тп)

Детали: https://telegra.ph/Helper-04-11-5

#реклама Открыть/Комментировать

2023-04-08 21:58:10 Никита Семёнов поделился своим чеклистом для проверки дизайна интерфейса. Некоторые пункты:

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

Канал Никиты. #review Открыть/Комментировать

2023-04-07 21:30:57 Кирилл Богатов написал о голосовых помощниках.

— Женский голос кажется более тёплым и менее опасным;
— Людям некомфортно, если робот ведёт себя на равных или доминирует;
— Экстравертному роботу больше доверяют и легче прощают ошибки, взаимодействие с ним кажется более увлекательным;
— Льстящего робота люди считают более качественным;
— Придерживаясь этой формулы привлекательности голосового помощника, компании размывают их индивидуальность и ослабляют свои бренды;
— И увековечивают предрассудки: «Мы обучаем наших детей тому, что они могут давать команды женщине, а она будет отвечать»;
— В 2017-м реакции голосовых помощников на флирт и оскорбления варьировались от непонимания и уклонения до кокетства;
— Не этично создавать универсально безобидную личность;
— Чтобы бороться с негативом и предрассудками, можно игнорировать оскорбления, позволять переключаться между женским и мужским голосом, менять активационную фразу и личность ассистента, быть гендерно нейтральным в ответах, использовать гендерно нейтральный голос (Q);
— Личность голосового помощника — это антропоморфный голосовой интерфейс, своего рода скеоморфизм. Она нужна, пока люди не привыкли к голосовому взаимодействию с программами;
— Ценность голосового помощника не в реализме и подражании человеку, а в помощи с решением человеческих задач в роли источника знаний, контролёра, точки доступа к услугам.

#voice_interface Открыть/Комментировать

2023-04-05 21:26:48 В Purrweb написали о дизайне приложений для телевизоров.

— Делайте элементы интерфейса достаточно большими, чтобы они читались с 3 метров. Особенно текст, значки и указатели. Тестируйте макеты на реальных устройствах;
— Состояние фокуса, отражающее положение пользователя на экране, должно быть особенно выразительным;
— Учитывайте возможности пульта. Если он слишком простой, какие-то функции можно вынести в связанный с телевизором телефон;
— Не усложняйте логику приложения. Человек перед телевизором хочет откинуться на спинку кресла и отдохнуть;
— Тёмная тема должна быть основной. Фильмы и сериалы часто смотрят в темноте;
— Добавьте возможность завести несколько профилей. Обычно телевизором пользуется несколько человек. Так зрительские предпочтения конкретного человека не будут видны на начальном экране;
— Проверяйте дизайн в том числе и на устаревших телевизорах. Их не принято обновлять каждые 2–3 года. Например, на старых телевизорах цветная обводка небольших объектов может стать слишком незаметной и стать негодной для состояния фокуса.

Ставьте если статья понравилась. #tv Открыть/Комментировать

2023-04-03 18:38:16 14 апреля в 18:00 по Москве 5 билайновцев и 1 спикер из Алисы поделятся своим опытом и драйвом — бесплатно и онлайн.

В прошлый раз получилось так, что захотелось повторить. И вот мы снова в поисках ответа на главные вопросы дизайн-систем, доступных интерфейсов и всего такого.

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

Реклама ПАО «ВЫМПЕЛКОМ» ерид: LatgBgmGb Открыть/Комментировать

2023-04-02 19:31:09 Андрей Яремко написал о размерах десктопных экранов.

— Иногда подача сайта в портфолио отличается от того же сайта в жизни тем, что пользователь может увидеть на первом экране («до линии сгиба»);
— Ограничения по высоте важно учитывать для проектов с объёмной навигацией и закреплёнными панелями управления, а также при решении закрепить шапку или вертикальное меню;
— Как и в адаптивном дизайне, надо учитывать минимальные размеры самых распространённых устройств;
— В Material Design 2 десктопные устройства начинаются с ширины в 1240 пикселей (40 отданы полосе прокрутки);
— Минимальные популярные разрешения в этом случае: 1366×768 (16%) и 1280×720 (6%). Стандартное разрешение 13-дюймового макбука с 2013 года: 1280×800, но нижний Док занимает больше пространства;
— Все эти панели занимают пространство по вертикали и уменьшают рабочее пространство. В массе пользователь работает с настройками операционных систем и браузеров по умолчанию, то есть не перемещает Док или панель задач Виндоус налево;
— Для разрешения 1366×768 с Edge и Chrome рабочая область по высоте будет 657 пикселей. В разных версиях и с дополнительной панелью (вроде Избранного) рабочая область может начинаться с 550 пикселей;
— Почему это редко учитывают: нет правильных пресетов для создания макетов и предпросмотра, приукрашивание макетов в портфолио, слишком хорошая техника у творцов.

#adaptive Открыть/Комментировать

2023-04-01 20:01:39 Эдвард Скотт написал о подсказках к поисковым запросам.

— Показывайте в списке не более 10 подсказок на десктопе и 8 на телефоне. В противном случае люди будут их игнорировать или тратить слишком много времени на изучение;
— Подсказки по категориям («красные коврики в категории Ванная комната») повышают вероятность найти нужную вещь. Выделяйте их в списке;
— В тексте подсказок выделяйте (например, жирным шрифтом) то, что не совпадает с введённым в поле поиска текстом. Так пользователь быстрее всё прочитает, пропуская повторяющиеся слова;
— Советы для десктопа: избегайте полос прокрутки;
— Не загромождайте список подсказок лишними функциями и содержимым, чтобы меньше отвлекать пользователей от подсказок;
— Отображайте состояние Hover для подсказок;
— Дайте возможность взаимодействовать с подсказками с помощью клавиатуры: стрелки вверх и вниз для перемещения по списку (список лучше закольцевать), нажатие на Enter для отправки запроса с выбранной подсказкой;
— Дополняйте текст в поле поиска текстом подсказки, оказавшейся в фокусе (например, как в поиске Яндекса и Гугла). Так можно дополнительно объяснить концепцию подсказки и дать возможность дополнения выбранной подсказки;
— Помогайте пользователю не отвлекаться на другие элементы страницы при просмотре подсказок. Можно затемнять всё остальное;
— На телефоне проверьте, что другие элементы страницы не мешают подсказкам: закреплённый хедер, баннер «Установите приложение», кнопка чата.

#search Открыть/Комментировать