Сегодня мы снова убедимся в том, что даже простые элементы интерфейса – это целая вселенная, а опыт клиента зависит от множества деталей.
На этот раз мы разберем небольшой, но важный элемент, который есть практически на всех сайтах – контактный номер телефона. 80 гайдлайнов с примерами.
Читать далееhttps://habr.com/ru/post/702564/?utm_campaign=702564&utm_source=habrahabr&utm_medium=rss
Сделать элемент пользовательского интерфейса выразительным и аутентичным можно путём его заполнения картинкой, градиентом или анимированной гифкой.
Как это реализовать на Flutter?https://habr.com/ru/post/703218/?utm_campaign=703218&utm_source=habrahabr&utm_medium=rss
В этой статье мы разберем UX/UI строки поиска в интернет-магазине.
Что стоит учитывать, чтобы ваш клиент нашёл, что ему нужно, без каких-либо проблем и остался доволен? Разберём все в деталях и на реальных примерах: какими практиками стоит воспользоваться, а от каких лучше воздержаться.
Чек-лист основан на анализе 200+ российских и зарубежных компаний.
Читать далееhttps://habr.com/ru/post/703040/?utm_campaign=703040&utm_source=habrahabr&utm_medium=rss
Избранное – одна из базовых функций интернет-магазина. Но качество ее исполнения может очень сильно различаться.
Как сделать работу с избранным удобной для клиента? Какие тонкости стоит учесть? Разберем на 117 примерах.
Читать далееhttps://habr.com/ru/post/702380/?utm_campaign=702380&utm_source=habrahabr&utm_medium=rss
Хлебные крошки – это небольшие ссылки на страницах товаров, которые облегчают навигацию клиента по сайту. Казалось бы, что может быть проще? Это же просто ссылки.
В этой статье мы разобьем хлебные крошки на атомы и обсудим даже мельчайшие нюансы: 83 гайдлайна с примерами.
Но есть много факторов, которые отделяют «вкусные» и эффективные хлебные крошки от «чёрствых» и бесполезных.
Читать далееhttps://habr.com/ru/post/702440/?utm_campaign=702440&utm_source=habrahabr&utm_medium=rss
Сегодня мы погрузимся в микро-мир и разберем процесс авторизации по номеру телефона. Казалось бы, что может быть проще? Ввел номер – ввел код – успех? Не тут-то было. Хороший customer experience от плохого отделяет множество нюансов и тонкостей.
В этой статье мы разберем 130 гайдлайнов с практиками, которые стоит взять на заметку, и примерами ошибок, которые лучше не совершать. Материал основан на анализе топ-100 российских интернет-магазинов из рейтинга Data Insight за последние 5 лет.
Читать далееhttps://habr.com/ru/post/702184/?utm_campaign=702184&utm_source=habrahabr&utm_medium=rss
Сообщения об ошибках — чуть ли не единственное место, где пользователь программы может напрямую пообщаться с её автором. Ну как пообщаться… Ответить он всё равно ничего не сможет. Даже если сильно хочется. А иногда в сообщениях об ошибках такой треш, что действительно очень хочется ответить. Или просто взглянуть в глаза того инженера, который это сочинил.
Читать дальше →
https://habr.com/ru/post/699684/?utm_campaign=699684&utm_source=habrahabr&utm_medium=rss
Решила я актуализировать свой карьерный трэк и научиться UX/UI дизайну. Перелопатив кучу курсов и материалов на бесплатных/платных платформах, я сформировала некое мнение, которым хочу поделиться. Возможно, кому-то из вас оно сэкономит время и станет полезным.
Читать далееhttps://habr.com/ru/post/701944/?utm_campaign=701944&utm_source=habrahabr&utm_medium=rss
Оформление заказа – один из последних шагов на пути клиента к покупке в интернет-магазине, и на этом шаге лучше не ставить ему палки в колеса.
Как сделать выбор адреса доставки, пункта выдачи заказов, даты и времени максимально удобным?
Разберем в этой статье. Как всегда, детально и с примерами.
Читать далееhttps://habr.com/ru/post/701878/?utm_campaign=701878&utm_source=habrahabr&utm_medium=rss
Приближается Новый год и хочется новогоднего настроения. В офисе настроение создают милые украшения и элементы декора, а вот удаленные команды лишены таких благ.
Именно для вас, коллеги, я сгенерировал в Midjourney красочные фоны с новогодними антуражами комнат для видеозвонков.
Читать далееhttps://habr.com/ru/post/701762/?utm_campaign=701762&utm_source=habrahabr&utm_medium=rss
В этой статье мы разберем, что стоит учесть при проектировании интерфейса оплаты банковской картой онлайн.
Контент основан на анализе интерфейсов оплаты картой у 100 ведущих российских интернет-магазинов.
Как всегда, детально и с примерами.
Читать далееhttps://habr.com/ru/post/701230/?utm_campaign=701230&utm_source=habrahabr&utm_medium=rss
Привет! Я Даша Почекуева, дизайнер в СберЗдоровье. В последние полтора года я работаю над личным кабинетом врача телемедицины — платформой, на которой врачи СберЗдоровья общаются с пациентами.
Эта статья о влиянии интерфейсных фич на метрики. Здесь не будет универсальных советов, волшебных таблеток и зрелищных картинок, но будут опросы, графики и решения, выдержавшие проверку временем.
Статья пригодится продуктовым дизайнерам, которые работают над интерфейсами для внутренних заказчиков, особенно медицинскими.
Поехалиhttps://habr.com/ru/post/701046/?utm_campaign=701046&utm_source=habrahabr&utm_medium=rss
Вы часто встречаете интернет-магазины, в которых нет корзины? Наверное, нет – корзина есть практически у всех, и через нее проходит практически весь трафик.
Как сделать работу с корзиной максимально удобной для клиента?
Разбираем 138 гайдлайнов в этой статье.
Читать далееhttps://habr.com/ru/post/701006/?utm_campaign=701006&utm_source=habrahabr&utm_medium=rss
Как и многие, мы попали в ситуацию с выше указанным сервисом, помучались и нашли отличную замену. Теперь рассказываем вам, как работает кросс-платформенный облачный сервис для UX/UI дизайнеров Pixso и в чем его преимущества.
Читать далееhttps://habr.com/ru/post/701010/?utm_campaign=701010&utm_source=habrahabr&utm_medium=rss
В данной статье мы рассмотрим какие существуют решения по отображению таблиц с большими массивами данных на экранах мобильных устройств.
Читать далееhttps://habr.com/ru/post/700998/?utm_campaign=700998&utm_source=habrahabr&utm_medium=rss
Сортировка – мощная функция, вместе с фильтрами помогающая клиенту легче найти то, что он искал. При этом ей часто отводится «роль второго плана» и уделяется меньше внимания.
Отсюда и множество кейсов с плохо проработанной сортировкой даже у топовых магазинов. Но есть и крутые примеры. Как всегда, учимся на чужих ошибках, изучаем хорошие идеи и применяем у себя.
Читать далееhttps://habr.com/ru/post/700746/?utm_campaign=700746&utm_source=habrahabr&utm_medium=rss
К самоходным машинам мы пришли через авиацию. Костяком будущего предприятия стали выпускники Самарского государственного аэрокосмического университета. Мы также занимались распылением удобрений, но опыляли поля с воздуха на дельталетах и самолетах. Это было сложно и временами рискованно. Поэтому мы решили спроектировать «наземную» машину, которая бы, тем не менее, сравнилась с авиационной техникой по скорости и качеству обработки или даже превзошла ее. Разработки вели по авиационным нормам, так как мы все были летчиками.
В результате этих изысканий в 2001 году сделали нашу первую машину. Уже тогда она с большой скоростью обрабатывала поля и была очень легкой.
Узнать подробностиhttps://habr.com/ru/post/700308/?utm_campaign=700308&utm_source=habrahabr&utm_medium=rss
Привет, Хабр! Меня зовут Соня, я продуктовый дизайнер в Ozon. И сегодня я расскажу, как мы увеличили конверсию из просмотра поисковой выдачи в переход в карточку товара на 24%.
После бума YouTube в середине 2000-х стало ясно, что людям нравятся видео. Со временем к видео с котиками и смешным роликам добавились рекламные ролики брендов. А сегодня практически на любом лендинге на первом экране мы видим видео. Видеоролики повсюду: в социальных сетях, на учебных платформах и в маркетплейсах.
Видео стало важным помощником, например, при поиске одежды, демонстрируя то, как вещь сидит и ведёт себя при движении человека. Обычно такие ролики добавляют только в карточку товара.
Мы решили помочь покупателям, стали изучать как внедрить видео,, и оказалось, что гайдов по работе с видео не так много. Предлагаю посмотреть на лучшие практики внедрения видео в продукты и на то, как можно интегрировать его в результаты поисковой выдачи товаров.
Читать далееhttps://habr.com/ru/post/699984/?utm_campaign=699984&utm_source=habrahabr&utm_medium=rss
Почти всегда фильтры – неотъемлемая часть листинга товаров. Без них мы просто заблудились бы в большинстве интернет-магазинов. И от того, насколько хорошо они спроектированы, сильно зависят конверсия и удовлетворенность клиентов.
Сегодня поговорим о проектировании функционала фильтрации – как всегда, детально и со множеством примеров.
Читать далееhttps://habr.com/ru/post/699900/?utm_campaign=699900&utm_source=habrahabr&utm_medium=rss
Привет! Меня зовут Филипп Соломин, я занимаюсь дизайн-системой в Авито. Наша команда работает над библиотеками элементов сайта и мобильных приложений, техническими спецификациями компонентов и гайдлайнами по использованию.
Дизайнерам интерфейсов и фронтенд-разработчикам может быть интересно как устроены процессы внутри дизайн-системы в крупной продуктовой компании. Я попробую раскрыть эту тему на примере Авито.
Читать далееhttps://habr.com/ru/post/699652/?utm_campaign=699652&utm_source=habrahabr&utm_medium=rss