Дизайн

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

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

Основное правило дизайн-систем: чем меньше компонентов — тем лучше и вам, разработчику и конечному юзеру. Это касается количества цветов, шрифтов, иконок и так далее. Дизайн будет выглядеть более консистентным и единым.

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

Топ-10 популярных заметок проектировщика за 2020-2022 годы. Но сначала небольшая история.

Автор UX Notes — ленты кратких обзоров на обучающие материалы и статьи в сфере проектирования и дизайна интерфейсов — Антон Григорьев. Опытный UX/UI дизайнер с большим послужным списком. Работа над разными проектами, выступления, вот это всё. И по совместительству мой дорогой друг.

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

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

И в конце-концов я не выдержал, спарсил заметки с 2020 по 2022 годы, отсортировал их по количеству лайков и репостов, актуализировал (чтобы в дайджест не попали материалы с истёкшим сроком годности) и теперь предлагаю их вашему вниманию.

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

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

Сегодня я подвожу итог этой темы и суммирую добытые знания, попробовав составить ультимативный гайд по теме. Хотя бы для общего понимания процесса и наводки, в какую сторону копать для таких же жаждущих знаний.

Меня зовут Женя, я руководитель UX-направления в компании Usetech. На досуге веду телеграм-канал «Мамкин Дизайнер», где рассказываю о вот таких штуках.

Я сам — дизайнер, но мне важно было понять, что такое дизайн-токены, как они работают, как компилируются из JSON и как помогают в работе.

Финальная порция базовых советов для начинающего UI/UX дизайнера

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

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

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

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

Надеюсь, это поможет вам в написании спецификаций для своих интерфейсов.

Как UX ресерчеру найти ключ к сердцу РО? Step by step

О том как UX-эксперту выстроить качественную коммуникацию с продактом и с какими проблемами вы можете столкнуться.

Базовые принципы работы головного мозга, которые объясняют почему одни объекты мы находим привлекательными, а другие уродливыми.

Подготовка иконок к работе в дизайн системе

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

Постаралась подобрать не менее важные с точки пользователя, и уж точно не менее полезные со стороны дизайнера СОВЕТЫ🧐, которые с уверенностью можно положить в верхний ящик вашего стола, и при необходимости быстро дергать их.

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

Но порой неизбежно вылезают различия. «Гражданский брак» значит разное для юриста и не-юриста. Обыватель назовёт цифрой то, что математик — числом. Слово «крайний» имеет особое значение для лётчиков и парашютистов.

Дизайнер и фронтенд-разработчик — не чужие друг другу люди. Они работают в соседних кабинетах, вместе ходят в курилку (по крайней мере, так было до повсеместной ковидной удалёнки). Оба делают части одного большого дела и общаются если и не постоянно, то регулярно. И всё же их языки во многом отличаются. Да и не только языки — сами образы мышления.

Мы поговорили с сотрудниками Промсвязьбанка, чтобы составить небольшой… Нет, не разговорник. Понимайник. Возможно, кому-то он поможет общаться с коллегами по ту сторону HTML более конструктивно, эффективно, а главное — приятно.

Звонки в приложениях Авито

Привет! Я Лиза Роднова, продуктовый дизайнер в Авито. Ранее я рассказывала о том, как мы делали конструктор для создания чат-ботов. Сегодня речь пойдёт о дизайне звонков через приложения Авито: зачем они нужны, на что мы смотрели на этапе исследования и с какими сложностями столкнулись во время работы.

Дисклеймер: То, что вы прочтете в этой статье, побудит закидать меня помидорами, вызовет недоумение, и в голове будет долго крутиться вопрос «как так можно было?!» Комментарии из предыдущих статей попадали точно в суть моей ошибки. А еще - с вашей критикой, кажется, мы стали продуктивнее.

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

Создатели почти каждого гаджета сталкиваются с проблемой привлекательного внешнего вида устройства. Людям нравятся красивые вещи, и если есть выбор, они всегда предпочтут красивый стандартному объекту. Представления о красоте весьма субъективны, поэтому создать красивое – весьма сложная задача.

Для макетирования корпусов электронных устройств я использую пластилин. Важно найти удачную форму. 3D моделирование или рисование не дают той информативности, ощущения, которое является логичным результатом лепки. Мои будущие корпуса ограничиваются общей геометрией и малым числом деталей. Поняв форму, можно отправляться к компьютеру, разменивая реальность на виртуальность. Скульптор из меня неважный.

Но я хочу познакомить вас с человеком, который в пластилиновом творчестве пошел гораздо дальше. Его хобби позволяет взглянуть на компьютерную графику с неожиданного ракурса. Это хобби требует терпения, выдержки, сноровки и огромного количества времени. Причина всему? Видимо любовь к страшилкам и компьютерным играм. Зовут его Храмов Илья.

Привет! Я Ваня Соловьёв, дизайн-директор в СберЗдоровье. Сегодня я расскажу про процесс найма продуктовых дизайнеров со стороны работодателя. Уверен, что подобных статей множество, поэтому сделаю акцент на других вещах, о которых мало кто рассказывает. 

Привет! Я Ваня Соловьёв, дизайн-директор в «СберЗдоровье». Три года назад я рассказывал, как дизайнеру подружиться с продактом, чтобы вместе создавать сильные решения. В продуктовых компаниях эта тема актуальна и сегодня, поэтому решил сделать апдейт статьи с учётом полученного опыта.

Дизайнерам и продактам она поможет понять, всё ли хорошо у них в работе друг с другом. А если это не так — подскажет, как наладить процесс.