• Авторизация


Лучшие практики UX/UI в e-сommerce rss_habrahabr_design 28-12-2022 09:07


Меня зовут Станислав Хрусталёв, я автор сайта hardclient.com. Работаю в управлении клиентским опытом с 2009 года. Пишу на эту тему, собираю лучшие практики из мира Customer Experience и оцениваю сервисные модели компаний.

Некоторое время назад я задался идеей: собрать базу лучших практик UX/UI в области электронной коммерции. Как сделать покупки в интернет-магазине максимально удобными для клиента? Чтобы он возвращался снова и рекомендовал вас друзьям и знакомым?

Время шло, и из небольшой статьи материал стал превращаться в крупнейшую (?) открытую русскоязычную базу с лучшими практиками UX/UI в сфере e-commerce.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Корпоративные открытки к праздникам: подборка вдохновляющих референсов rss_habrahabr_design 27-12-2022 10:01


В преддверии праздников каждый корпоративный дизайнер сталкивается с задачей создать неповторимую поздравительную открытку для клиентов, партнеров, сотрудников. Задача эта приходит не только к общепринятым дням, отмеченным красным в календаре, но и к особенно дорогим сердцу профессиональным праздникам. Кем бы вы ни были по долгу службы, знайте: у вас обязательно есть он - такой специальный сакральный день, который заявляет миру о нужности вашей профессии и позволяет с размахом отметить осознание этого, объединившись с сослуживцами. Обычно дизайнеры ищут вдохновение в референсах. Предлагаю вам подборку открыток, которые попались мне и моим коллегам из ЛАНИТ, когда мы изучали, на что можно опереться в наших творческих поисках.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии

Cтандартизированные методики исследования UX rss_habrahabr_design 26-12-2022 20:08


Несмотря на разнообразие подходов к UX (статья 1, статья 2, статья 3), в научной и практической среде за последние два десятилетия сформировались стандартизированные методики изучения пользовательского опыта. Объединяет их то, что все они основаны на теоретических предпосылках, разработанных в рамках относительно новой дисциплины Human-Computer Interaction (HCI). При этом четко прослеживается тенденция на расширение факторов, входящих в UX. Сегодня я расскажу о трех самых распространенных опросниках: AttrakDiff, UEQ и meCUE.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Когда клиент мучает бесконечными правками rss_habrahabr_design 26-12-2022 15:01


Это глава из «Книги нормального фрилансера», в которой я делюсь опытом проектировщика интерфейсов, работающего на себя.

Самый страшный враг на свете — это правки от клиента,
Видишь правки — защищайся. Ты — эксперт, тебе видней!
Если это не поможет, правь всё молча, с грустным видом,
Чтоб заказчик сразу понял, как он был с тобой неправ.

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

Клиент получил результат и со словами «ознакомлюсь на выходных» пропал на несколько дней. Я с нетерпением ждал обратной связи, ведь от неё зависел финальный платёж, а мне как раз нужны были деньги. И вот письмо с комментариями, наконец, пришло.

Открывал я его с большим оптимизмом, так как считал, что отлично справился с проектом. Но когда увидел объём обратной связи, расстроился и разозлился одновременно. «Мда, не видать мне оплаты в ближайшее время!» — подумал я, вчитываясь в десятки замечаний.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Дизайн-ревью. Внедряем новый процесс rss_habrahabr_design 26-12-2022 14:39


Дизайн-ревью. Внедряем новый процесс

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Как дизайнить приложения, если ты не дизайнер? Пошаговая инструкция rss_habrahabr_design 20-12-2022 16:28


Вы когда-нибудь хотели создать приложение, но не знали, с чего начать? Независимо от того, являетесь ли вы предпринимателем, разработчиком, продакт менеджером, или просто любопытным человеком, эта статья покажет вам, как создать дизайн мобильного приложения, даже если у вас нет опыта в дизайне.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Библиотека компонентов для дизайнеров приложений rss_habrahabr_design 20-12-2022 12:17


Разбираемся с тем, как принести максимальную пользу команде дизайнеров с помощью подключаемой библиотеки компонентов в Figma, на примере нашей команды по нативной разработке мобильных приложений.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Эмпирические исследования UX от начала 2000-х до наших дней rss_habrahabr_design 17-12-2022 22:55


TL;TR

Существует более 200 методик изучения UX, но только некоторые из них научно обоснованы.

Сегодня используют преимущественно смешанные количественные и качественные методики оценки UX.

В исследованиях по-прежнему превалируют WEB-сайты и WEB-сервисы.

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

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Проектируем процесс сравнения товаров в интернет-магазине: 156 гайдлайнов rss_habrahabr_design 16-12-2022 09:04


Функция сравнения товаров облегчает выбор клиентам интернет-магазинов во многих сферах. Но опыт ее использования сильно различается от компании к компании, и даже крупнейшие игроки допускают ошибки.

Что стоит учесть, чтобы спроектировать идеальный интерфейс сравнения? 156 гайдлайнов в этой статье.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Дизайн. С нуля до миддла rss_habrahabr_design 15-12-2022 17:41


Привет!

Меня зовут Ксюша, мне 29 лет и я продуктовый дизайнер в Константе.

В этой статье я расскажу о том, с чего начался мой путь в дизайне и постараюсь дать несколько полезных советов тем, кто только начинает.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Как скетчи помогают в работе и жизни: от коммуникации с заказчиком до иллюстративного дневника rss_habrahabr_design 15-12-2022 14:04


Привет! Меня зовут Катя Седова, я продуктовый дизайнер и иллюстратор в Тинькофф. Примерно 50% моей работы — создание картинок к клиентским письмам и дайджестам. Рассылки происходят постоянно, поэтому рисовать нужно много и быстро.

За год работы у меня появилось понимание процессов и особенностей взаимодействия команды, а стиль продукта стал родным. Но даже в отлично выстроенных процессах иногда возникают ситуации, которые требуют поиска новых решений — быстрых и эффективных. Для себя я нашла способ генерации таких идей через скетчи. В статье расскажу, как их создание помогает мне в работе, и дам советы тем, кто хочет превратить наброски в привычку.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Проектируем блок с призывом к установке мобильного приложения: 76 гайдлайнов rss_habrahabr_design 13-12-2022 08:58


Свое приложение есть уже у большинства крупных интернет-магазинов. На их сайтах мы можем встретить блоки с призывом к установке.

Но меня поразило: насколько много компаний относятся к этому вопросу спустя рукава. Для многих это точка роста.

В статье – ответы на вопрос о том, как этого роста достичь.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
[Перевод] Интуитивно понятное управление: как помочь пользователям разобраться в принципах работы приложения rss_habrahabr_design 12-12-2022 12:27


Hola, Amigos!

На связи Саша Чаплыгин, Flutter-dev. На проектах я нередко взаимодействую с дизайнерами, арт- и креативными директорами, поэтому решил почитать для себя статьи о том, как строиться дизайн мобильных приложений. Что нужно учитывать в разработке дизайна, чтобы пользователь сразу понимал, как пользоваться приложением. Нашел интересную статью на Medium от автора Ramprakash Ravichandran перевел ее и актуализировал некоторые пункты под современные реалии вместе с нашим дизайнером. Оригинальный текст тут.

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

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Взгляд профессионалов на UX: единства нет rss_habrahabr_design 12-12-2022 11:05


TL;TR

- Среди профессионалов нет единого мнения о том, что такое UX.

- Для большинства UX связан с внутренним состоянием пользователя, характеристиками продукта и контекстом его использования.

- Существует запрос на валидные инструменты оценки UX в профессиональном сообществе.

- Юзабилити играет все большую роль в UX.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Вещи, которые я бы хотел знать будучи Junior-дизайнером rss_habrahabr_design 12-12-2022 09:05


В работе дизайнера есть вещи, о которых мы узнаём намного позже, с опытом. И этим опытом я бы хотел поделиться с теми, кто сейчас только начинает свой путь (удачи вам, ребят).

Сам я начинал с маленьких сайтов в фотошопе и за свои 5+ лет успел позаниматься как «фестивальными» сайтами в студии, так и продуктовыми решениями в крупных компаниях. Сейчас работаю в финтех сфере, веду телеграм-канал о дизайне, выступаю с митапами (тут один из них).

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Проектируем форму подписки на рассылку в интернет-магазине: 105 гайдлайнов rss_habrahabr_design 12-12-2022 08:45


Форма подписки – первая точка контакта с клиентом на его пути к получению email-рассылок. И от того, насколько хорошо форма спроектирована, зависит, окажется он в нашей базе подписчиков или нет.

Сегодня разберем рецепт для идеальной формы подписки: 105 гайдлайнов с примерами.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Что мы знаем про UX? Психологические аспекты пользовательского опыта rss_habrahabr_design 11-12-2022 19:04


TL;TR

единого понимания UX нет

отсутствует общая теория, объясняющая структуру и закономерности UX

в команде стоит явно договорится о том, как именно понимается UX и чем он будет измеряться

конкретные результаты практического исследования UX зависят от конкретных инструментов, их трудно генерализировать

улучшение UX может быть или не быть связано с другими метриками продукта

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Проектируем слайдер на главной странице интернет-магазина: 103 гайдлайна rss_habrahabr_design 09-12-2022 09:25


Что мы чаще всего встречаем первым делом, зайдя на сайт интернет-магазина? Это слайдер с баннерами на главной странице. Как сделать его цепляющим, удобным? Что в нем стоит разместить?

В этой статье разберем 103 гайдлайна с примерами.

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Анимация в Figma от 0 до постинга на Behance rss_habrahabr_design 08-12-2022 14:08


Новичок в веб-дизайне? Восхищаешься красивыми анимированными кейсами на Behance, но не знаешь, как сделать анимацию и добавить видео в свою презентацию? Тогда эта статья специально для тебя: я пошагово расскажу, что надо делать!

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии
Фантомас, Наташа Ростова и Мейбл Пайнс: как мы делали темную тему для ispmanager rss_habrahabr_design 08-12-2022 11:00


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

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

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

Читать далее

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

комментарии: 0 понравилось! вверх^ к полной версии