В Авито колоссальное количество интерфейсов и экранов — около 1000 на десктопе и в мобильных приложениях. Чтобы интерфейсы были консистентными и корректно работали, а создавать их получалось быстрее и проще, у нас есть дизайн-система.На самом базовом уровне дизайн-систему понимают как набор компонентов и стилей. В...
Раньше я проводил презентации дизайна так: доставал ноутбук, открывал макет и говорил: «Вот, что скажете?». Дальше я только успевал робко вставлять свои комментарии, которые звучали как оправдания.Или ещё хуже, я отправлял заказчику письмо с вложенным макетом и комментарием «Жду обратной связи». В ответ я получал письмо с десятками пунктов правок. Каждое...
Всегда можно сделать лучше. Но в большинстве случаев достаточно 80% качества..Мне задали резонный вопрос: как понять, что достиг этих 80%?Если я пишу пост, то 80% качества наступает, когда я передал свою мысль и выстроил изложение таким образом, что читатель сможет быстро ее уловить. Детальные улучшения...
Дизайна-cистема Uber Base предлагает набор компонентов маркеров карты, которые широко используются в наших продуктах и отображаются всякий раз, когда мы показываем карту пользователю. Недавно мы столкнулись с необходимостью показать дополнительный контекст и решили добавить для этого бейджи – существующий базовый компонент.Проблема заключалась в том, что и маркеры карты,...
Вот вы, например, собственник бизнеса. Дизайнер сделал вам логотип. И показывает его.Или, скажем, вы – менеджер. Пришли в классное агентство. Заказали у них упаковку. И видите ее.Или вы просто самый обычный человек. Открываете утром «Телеграм», а там новость о ребрендинге самого главного банка страны. И...
Перевод статьи «How To Build a Better Behance Case Study 👑» о том, как правильно оформить кейс на Behance: от продумывания структуры до дизайна обложки.После 3 лет участия в чудесном медиа-сообществе Behance я чувствую необходимость дать определенный фидбек и хочу поделиться своим опытом, чтобы помочь...
Перевод статьи от студии Gapsy «How to Design a Great App Icon» о советах, правилах и принципах, которых стоит придерживаться при разработке очередной иконки для мобильного приложения.А вы знали об этом шокирующем факте? Теперь пользователи проводят более 90% своего времени со смартфонами, используя мобильные приложения....
Sign Up – это не просто форма для регистрации новых пользователей, но и один из важнейших этапов процесса конверсии. Давайте проанализируем 7 проблем с UI и UX при регистрации, которые отталкивают пользователей.Недели и месяцы, потраченные на разработку качественных цифровых продуктов могут быть пущены коту под...
Таблица — удобный вариант для визуализации сложных данных с большим количеством элементов. Информацию, поданную в виде таблиц, легко сравнивать и анализировать. Однако навык работы с таблицами важен не только для аналитика, но и для дизайнера: он помогает компактно отображать информацию и направлять внимание зрителя на...
Раньше мне не нравилось добавлять в дизайн, на мой взгляд, лишние элементы. Это касалось и градиентов.Со временем я понял, что как раз градиенты способны минимизировать визуальный мусор на макетах. Их успешно используют в рекламных баннерах, в айдентике, в веб-дизайне и т.д.Специально для вас я сформулировал...
Оценка UX (он же бенчмаркинг) – это процесс оценки пользовательского опыта при использовании продукта или услуги с помощью определённых показателей и сравнения их относительной производительности со стандартами. Определить эти показатели можно с помощью количественного тестирования юзабилити, аналитики или опросов.Рассмотрите возможность проведения сравнительного исследования если вы...
Антиква — так называют шрифты с засечками. Нередко в названии шрифтов этой группы можно найти слово serif (лат. засечка). Засечки — это короткие штрихи, которые обрамляют основные элементы букв. Антикву используют для набора основного текста в книгах и оформления текстов, заголовков в интернете.Брусковый шрифт — подтип антиквы, с элементами гротеска. У брускового шрифта есть засечки, но не округлые...
Антиква — так называют шрифты с засечками. Нередко в названии шрифтов этой группы можно найти слово serif (лат. засечка). Засечки — это короткие штрихи, которые обрамляют основные элементы букв. Антикву используют для набора основного текста в книгах и оформления текстов, заголовков в интернете.Брусковый шрифт — подтип антиквы, с элементами гротеска. У брускового шрифта есть засечки, но не округлые...
Когда я занимаюсь такой творческой работой, как дизайн или фотография, я часто ссылаюсь на книгу «Making music». Ранее я уже писал, что это отличное пособие для всех творческих людей, а не только для музыкантов.Один из моих любимых разделов – Каталог атрибутов. Он обращается к извечной проблеме того, как...
В данном тексте я делюсь личным опытом о том, как поэтапно исследовать цифровой продукт. На примере своего дипломного проекта объясняю логику и последовательность выполняемой работы, а также показываю примеры того, как можно зафиксировать результаты исследований.В интернете тысячи статей о методиках, о которых пойдет дальше речь...
Сетки – это важнейший элемент UI дизайна.Хорошо. Хорошо. Не сбрасываем со счетов цвет. Не забываем о типографике. Но сделайте сетку правильно, и вы на полпути к созданию более привлекательных и функциональных интерфейсов.Последовательные и масштабируемые интервалы помогают избавиться от догадок при проектировании и разработке. Требуется принимать меньше дизайн-решений. И...
«Если мы не будем говорить 13 раз подряд, что наш продукт изначально бесплатный, вы все уволены!», — кто-то из Netflix после просмотра результатов A/B тестированияУменьшить чувство страха и повторить сообщениеПока вы проходите регистрацию Netflix, вы заметите четыре типа сообщений, которые вам пытаются донести:Нет обязательств, вы...