Привет, Хабр! Меня зовут Сергей Пестерев, в ispmanager я отвечаю за дизайн продукта. Пожалуй, сложно представить себе более холиварную зону ответственности. Стоит лишь заговорить о дизайне, как тут же оживляются пользователи, которым он якобы не нужен, — они требуют новых инструментов и функций. Иногда это приводит к тому, что продуктовая команда перестает уделять достаточно внимания улучшению UI — и тогда начинают бунтовать пользователи, которым дизайн важен.

Чтобы избежать этих «качелей», мы решили дать пользователями возможность самостоятельно решать, какие улучшения требуются продукту. Для этого у нас есть собственный roadmap. Там мы предлагаем программу развития продукта, а непосредственно пользователи путем голосования решают, что делать в первую очередь, а что может и потерпеть.

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

Читать далее

https://habr.com/ru/post/703050/?utm_campaign=703050&utm_source=habrahabr&utm_medium=rss

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

На этот раз мы разберем небольшой, но важный элемент, который есть практически на всех сайтах – контактный номер телефона. 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