Страница телеграм канала Chulakov Design

chulakov_design logo

Chulakov Design

5808 подписчиков

Канал команды дизайна Студии Олега Чулакова. Заметки про аналитику, проектирование и дизайн систем. Без воды, копипаста и ссылок на трендовые новости. Мы входим в Топ-2 дизайн-студий и Топ-8 digital production по версии Tagline. design@chulakov.ru


Входит в категории: Технологии
Chulakov Design
01.10.2021 12:10
У нас в Студии есть классная традиция — раз в полгода подводить итоги Это мероприятие помогает вспомнить, как много делает каждый из нас. Мы гордимся командой так же, как и проектами. А еще итоги полугодия — хороший повод для подарков и приятных новостей. Мы отметили вклад ребят, их достижения, презентовали мерч и поделились новостями о жизни Студии. Без внимания не остался никто, а самые активные и креативные получили эксклюзивные подарки. Через полгода мы снова соберемся и поговорим о проектах, которые задают стандарты и меняют весь IT-рынок. Самое главное — с такой командой это «изи». Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
16.08.2021 18:08
Zero/low-code-подходы Чтобы сократить затраты ресурсов при разработке продукта, используют сервисы zero-code и low-code. Они позволяют без применения кода (или с его минимальным участием) создать лендинг, интернет-магазин или веб-приложение. Благодаря этим инструментам можно недорого протестировать новый продукт и внести изменения, если гипотеза не подтвердилась. Современные zero/low-code-сервисы предназначены для определенной сферы и закрывают необходимую функцию. Вот самые крупные из них. 1. Webflow. Популярный зарубежный сервис помогает создать как простой лендинг с помощью стандартных шаблонов, так и уникальный многостраничный сайт со сложными анимациями, используя кастомный код. Бесплатные уроки и курсы по его функционалу можно найти на официальной образовательной площадке Webflow University. 2. Bubble. Облачный сервис для создания веб-приложений. Внутри — большое количество плагинов для разработки экранов будущего продукта. Сервис не предназначен для создания игр и сложных приложений, однако с его помощью можно сформировать облачное хранилище, платформу для онлайн-курсов, сервис по бронированию жилья и многое другое. 3. Tilda. Самый известный отечественный zero-code-инструмент. Он прост в изучении и подходит как новичкам, так и профессионалам, чтобы собирать шаблонные лендинги или создавать сложные многостраничные сайты. Многие крупные компании (например, «Нетология» и «Райффайзенбанк») используют Tilda для запуска и тестирования новых продуктов. 4. Readymag. Еще один российский сервис для создания веб-журналов, сайтов и лендингов без кода. Основной функционал платформы очень схож с Tilda. При этом R/M имеет более широкие возможности в анимации — это позволяет создавать промосайты, получающие номинации Awwwards. 5. Ecwid. Платформа для создания личного онлайн-магазина. Пользователь может разработать свою электронную площадку или интегрировать функционал интернет-магазина в любую социальную сеть. Также сервис предоставляет внутреннюю CRM-систему, что значительно упрощает контроль за проектом. Выбор инструмента зависит от поставленных перед продуктом целей. Сложная и дорогая разработка не всегда уместна. Если проект находится на ранней стадии, стоит присмотреться к zero/low-code-инструментам. С ними можно значительно сократить бюджет и быстро создать ценный для пользователя продукт. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
10.08.2021 20:08
— Ты всего лишь машина. Только имитация жизни. Робот сочинит симфонию? Робот превратит кусок холста в шедевр искусства? — А Вы? (Я робот, 2004) Общество, без сомнения, признает превосходство нейросетей в вычислительных процессах. Мы доверяем алгоритмам обработку больших массивов данных и автоматизируем рутинные процессы. Когда речь заходит о творчестве, мнения разделяются: кто-то уверен в том, что нейросети преуспеют и в этой области, а кто-то считает, что это неподвластно бездушной машине. Недавно в нашем Instagram мы экспериментировали с заменой арт-директора Балабобой и нашли еще несколько интересных нейросетей, которые можно протестировать без Google Colab. Переходи и смотри, что уже из творческого делают математические модели. DALL · E Нейронная сеть, которая умеет синтезировать и дорисовывать картинки по текстовому описанию. Neural Waveshaping Synthesis Превращает пение в музыку. Пользователю предоставлен выбор из трех инструментов: флейты, скрипки и трубы. Dadabots Нейронная сеть, которая генерирует дэт-метал в прямом эфире на YouTube. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
07.08.2021 11:08
О UX-копирайтинге Текст — один из важнейших элементов UX-дизайна. Он формирует и поддерживает коммуникацию между интерфейсом и пользователем. Восприятие интерфейса и его удобство во многом зависят от того, как написан текст, названы кнопки и оформлена навигация. Если на сайте все понятно и информативно, человек будет чаще пользоваться продуктом и рекомендовать его другим. Вот пять практических советов, как можно улучшить текстовую составляющую проекта. 1. Пишите понятно. Аудитория вашего продукта может быть разнообразной. Поэтому избегайте сленга и сложных терминов. Пишите просто, чтобы привлечь как можно больше пользователей. 2. Называйте кнопки по их функциям. Например, если вы создаете форму обратной связи, то под полем с электронной почтой поставьте не кнопку «Ок», а кнопку «Подписаться». Так пользователь поймет, что произойдет после ее нажатия. 3. Убирайте все лишнее. Каждый текст должен решать определенную задачу. Если он не несет ценности, смело его удаляйте. 4. Следите за структурой. Иерархия в тексте помогает пользователю быстро ориентироваться и находить нужную информацию. Для этого разбейте текст на модули с подзаголовками. Модули — на абзацы, каждый из которых будет отвечать на конкретный вопрос. 5. Используйте факты. Текст вызывает доверие, если он подтвержден фактами. К примеру, «мы сильная компания с большим опытом» — пустая фраза. Зато «за 10 лет мы возвели 247 многоэтажных домов» — сильный текст, потому что указанный в нем опыт и масштаб компании вызывают доверие. О том, каким будет текст, нужно задуматься еще на ранней стадии проектирования. Это важно, поскольку успех продукта может сильно зависеть от выстроенной между интерфейсом и пользователем коммуникации. Избегайте лишнего, пишите понятно, подбирайте сильные факты — и ваши тексты всегда будут лаконичными, интересными и полезными. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
16.04.2021 11:04
Эффективный онбординг Частый кейс: пользователь устанавливает приложение, заходит на пару минут, затем закрывает его и никогда не возвращается — человек не понимает, как работает продукт и зачем он нужен. Избежать такого исхода поможет знакомство юзера с продуктом при помощи онбординга. У этого инструмента есть несколько вариаций, поэтому важно подобрать подходящую механику для конкретного продукта, в зависимости от его сложности и популярности. Важно понимать ценность онбординга, и как он помогает пользователю адаптироваться. Иногда в инструмент закладывают настолько очевидные вещи, что лучше бы не делали вовсе. Акцент на пользе Инструмент должен учить пользователя эффективной работе с приложением. Люди хотят сделать жизнь проще и достичь своих целей. Задача онбординга — рассказать о том, как это сделать при помощи вашего продукта, а не про красивые элементы интерфейса. Не перегружайте пользователя информацией Мало кому нравится читать длинные инструкции, а тем более смотреть видео, когда знакомишься с продуктом. Лучше показывать информацию поэтапно в процессе использования приложения, а для первых экранов оставить только 2-3 преимущества, так как больше пользователь все равно не запомнит. Сделайте онбординг частью продукта Возможно, пользователь не запомнил одну из функций или посчитал ее неактуальной. А может, интерфейс дополнился новыми инструментами. В любом случае, если онбординг встречается только при первом входе и длится всего пару минут, то вряд ли он принесет большую пользу. В обучении важна стабильность — чем чаще повторяешь, тем лучше усваиваешь. Чтобы минимизировать потерю аудитории, сделайте процесс обучения постоянным, например, как это делает Figma: после обновления пользователя встречает онбординг и рассказывает о нововведениях. Так компания не только адаптирует новичка, но и повышает ценность самого продукта. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
12.04.2021 12:04
Советы по работе с иконками Умение рисовать иконки важный навык в работе дизайнера. Чтобы они были хорошими, нужно соблюдать определенные правила. 1. Единый стиль. Если вы делаете иконки для конкретного проекта, придерживайтесь единообразия: толщина линий, размер скруглений и цветовая гамма должны соответствовать друг другу. Также если в одной иконке есть разрыв линий, он должен быть везде. 2. Лаконичность. Избавляйтесь от лишних деталей, которые не несут никакого смысла, а только перегружают иконку. Минималистичность выразительных средств позволяет легко считывать пиктограммы и держать баланс между нейтральностью и запоминаемостью. 3. Простые метафоры. Иконки должны быть понятны пользователю, он интуитивно должен знать, что произойдет при нажатии на них. Даже если рядом не будет никакого описания. 4. Использование сетки. У иконок должны быть охранные поля, также их следует вписывать в простую форму: круг или квадрат. Так они будут пропорциональны друг другу. 5. Размеры. Используйте только целые числа в размерах линий и следите, чтобы все линии были в пиксельной сетке. Иконка очень маленькая и если в ней будут нецелые значения, то при использовании линии будут нечеткими. 6. Экспорт иконок. Переведите все контуры в кривые и объедините фигуры. Для дальнейшего использования в интерфейсе, иконка должна быть в формате SVG. Нелишним будет оставить исходный файл, чтобы иконку можно было легко отредактировать. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
08.04.2021 18:04
Подарок для дизайнера ко Дню космонавтики 60 лет назад наша страна совершила огромный прорыв — отправила человека на околоземную орбиту. Команда Студии предлагает отметить эту важную дату творческим конкурсом для дизайнеров. Как поучаствовать? 1. Создайте апгрейд логотипа Студии на тему «День космонавтики». Работа может быть выполнена в любом стиле, в 2D- или 3D-формате. 2. Отправьте работу на почту space2021@chulakov.ru до 11 апреля включительно. Формат: png, jpeg, mp4. Соотношение сторон: 1:1. В письме укажите свои контакты — юзернейм в Telegram и Instagram. Какие призы? Номинация «Выбор зрителей»: 12 месяцев PlayStation Plus / 3 месяца Xbox Game Pass Ultimate / 12 месяцев EA Play Steam. Номинация «Выбор арт-директора»: консультация и разбор портфолио с руководителем рекламного юнита Студии. Номинация «Выбор Chulakov Team»: карьерная консультация и разбор резюме от HR-отдела. Какие условия? Быть подписанным на нас в Instagram и Telegram — Chulakov Team. Итоги — 12 апреля. Ждем ваши улетные работы!
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
06.04.2021 11:04
Геймификация в интерфейсах В стремлении повысить вовлеченность пользователей дизайнеры придумывают все больше способов, как этого достичь. Геймификация — инструмент, который помогает удержать внимание на продукте с помощью внедрения игровых механик, например, показателей прогресса, наград, очков, лидерских таблиц и прочего. Элементы игры прежде всего воздействуют на эмоции человека. Однако геймификация — это не про баллы и веселье, а про мотивацию. Пользователь действует, желая получить одобрение в виде награды, очков или нового уровня, ведь тогда он видит свою эффективность и результат. В этом кроется один из важнейших элементов игровой механики — обратная связь. Именно она закрепляет эффект и мотивирует на продолжение или повторение действий. Хороший пример — фитнес-приложения, в которых пользователь отслеживает прогресс с помощью дневных показателей активности, а также получает награды за достижение спортивных целей, например, тренировки семь дней подряд. Интеграция гейм-механик значительно улучшает пользовательский опыт, однако если элементы игры в вашем интерфейсе не связаны друг с другом, то они не принесут должной пользы. Каждый продукт требует своего набора механик, который будет работать для конкретной целевой аудитории. Поэтому следует понимать, какая у пользователя мотивация, цель и уровень навыков, чтобы определить сложность геймификации в продукте. Для взрослых и детей необходимо подбирать разные решения, ведь то, что взрослым будет интересно, для детей окажется недостаточно вовлекающим. Стоит также помнить: если продукт недостаточно хорош сам по себе, то геймификация не спасет. Игровые механики помогут пользователям быть более замотивированными, станут отличным дополнением в интерфейсе, но сам продукт успешным не сделают. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
17.03.2021 17:03
Переломный момент С 15 марта The California Consumer Privacy Act (Закон Калифорнии о защите прав потребителей) запрещает компаниям использовать темные паттерны. Об этом сообщает Insider. Подробнее про каждый паттерн вы сможете прочитать на сайте Dark Patterns. Что это означает для дизайнеров и индустрии? Дизайн интерфейсов однозначно взял курс на гуманизм. Теперь темные паттерны, сбор данных и торговля ими и прочие нечестные способы манипулирования пользователями как минимум считаются неэтичными, и пользователи обращают на это внимание, а как максимум — преследуются законом. Уважайте ваших пользователей, заботьтесь о них и будьте честны с ними. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
12.03.2021 16:03
Лучшее из Community Figma Community быстро развивается и наполняется полезным контентом. Мы отобрали для вас самое лучшее, чем пользуемся сами иногда. Material Design Icons — все стили иконок в одном файле. Просто сделайте из них библиотеку и подключайте в любой проект. Ant Design System — мощнейшая дизайн-система. Мы в основном используем ее как референс к организации дизайн-систем. Figma Charts Infographics UI kit — тоже используем как референс для отображения данных. Все файлы Fluent от Microsoft — опять же используем как референс, на основе которого создаем свой дизайн системы. Russian Banks Logo — много работаем с банками, помогает не тратить время на поиски логотипа. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
05.03.2021 11:03
Гуманный дизайн Быстрый рост мобильных технологий положил начало эпохе, когда время и внимание становятся все более дефицитным ресурсом. Мы увидели, что вместо технологий, расширяющих человеческие способности, они стали средством привлечения внимания, монетизации личной информации и использования психологических уязвимостей. Как дизайнеры, мы играем ключевую роль в создании таких технологий. Вот несколько рекомендаций по разработке этических и гуманных интерфейсов. Расширение возможностей — Дайте людям контроль, необходимый для управления алгоритмами, которые формируют их опыт. Например, давайте пользователям возможность настроить контент, который они будут видеть в своей ленте. — Дайте людям контроль, необходимый для управления конфиденциальностью и анонимностью. — Технология должна расширять человеческие возможности, не нарушая при этом границы жизни. Например, давайте возможность настраивать использование микрофона и камеры. — Осведомляйте о времени использования продукта для поощрения более здоровых цифровых привычек. Ограничения — Используйте индикатор, чтобы информировать пользователей, когда они прочитали весь новый контент, чтобы помочь избавиться от бесконечной прокрутки. — Лучшей альтернативой бесконечной прокрутки является предоставление пользователям возможности загружать больше контента с помощью кнопки, а не автоматической подгрузки. — Автоматическое воспроизведение видео мешает пользователям делать сознательный выбор. Лучшей альтернативой является предоставление определенного промежутка времени между видео, чтобы пользователь успел принять решение о прекращении показа. Уважение — Не каждое уведомление — срочное. Метод, с помощью которого мы доставляем уведомление, должен соответствовать его важности, чтобы свести к минимуму отвлекающие факторы. — Позвольте пользователям настраивать, от кого, когда и как они могут получать уведомления, чтобы свести к минимуму нежелательные прерывания. — Подобно тому, как люди понимают, когда и как уместно общаться друг с другом в контексте, технологии должны уважать и приспосабливаться к контексту пользователя. Например, в интернет-магазинах на мобильных устройствах в меню важно вынести наверх такие пункты, как профиль, отслеживание заказа, контакты и поддержка, так как это наиболее частые кейсы использования интернет-магазина с телефона. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
20.02.2021 16:02
4 метода дизайна, способных вызвать эмоции у пользователей 1. Добавьте индивидуальности с помощью комических иллюстраций. Через иллюстрации можно передать характер вашего бренда, что, в свою очередь, вызовет у пользователей определенные эмоции. Возьмем, к примеру, MailChimp, который использует обезьяну в качестве талисмана. Они применяют неформальные иллюстрации, будто написанные где-то на полях тетради. Это располагает к себе и выстраивает более доверительную коммуникацию с продуктом. 2. Передавайте эмоции с помощью анимации, привязанной к scroll-эффекту. Уникальность эмоций в том, что они вызваны задействованием человеческих чувств, таких как зрение или слух. С помощью подобного эффекта можно очень здорово рассказать историю или представить продукт. Самым показательным примером является сайт Applе, на котором страница каждого продукта — это отдельная история про него. Или, например, сайт о жизни режиссера Стенли Кубрика. 3. Приятная микроанимация. Хорошо продуманные микровзаимодействия — явный признак заботы о пользователе. Вот почему их так любят. Посетитель получает информацию о том, что ему делать и было ли его действие правильным и одобренным системой. Приложение или веб-сайт мгновенно обеспечивают визуальную обратную связь и учат пользователя работать с системой. Когда микровзаимодействия выполнены правильно, они могут вызвать положительные эмоции о вашем бренде и повлиять на действия пользователей. Очень много хороших примеров микровзаимодействий есть в Google Material. 4. Звук. Выходя за рамки взгляда, мы можем воздействовать на еще один орган чувств — слух. Использование звуков — довольно рискованная затея, так как большинство пользователей не готовы тут же начать слушать: кто-то едет в метро, у кого-то нет наушников, кто-то на совещании или просто любит тишину. Мы считаем идеальным решением мелкие и обоснованные вкрапления звуков в сайт. Например, как это делает компания Velux, которая производит слуховые окна. На главной странице, если проскроллить немного вниз, натыкаешься на интерактивный блок, в котором есть возможность приоткрыть окно. При этом насколько сильно оно открыто, настолько сильно мы слышим звуки природы за ним. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
12.02.2021 14:02
Что такое минимализм Простота не равно минимализм. Они похожи, но не одинаковы. Минимализм живет на краю спектра, а простое — нет. Сравнение отношения сигнал/шум По-настоящему минималистичный дизайн будет иметь максимально возможное соотношение между сигналом и шумом. Давайте разберемся с понятиями: — сигнал — это информация, которая передается; — шум — это любая посторонняя информация, которая ослабляет сигнал. Ключ к созданию минималистичного дизайна — добиться максимального сигнала и минимального шума. Уровень сигнала также увеличивается, когда вы выделяете важную информацию, придавая ей еще больший контраст по сравнению с менее важными данными. Когда вы сделаете это, то снизите нагрузку на пользователей и сфокусируете внимание на вашей информации. Минимализм, доведенный до крайности, не идеален Когда ваш дизайн слишком минималистичен, то возникает другая опасность. Если вы упростите кнопку до банального черного текста, пользователь может не понять, что она кликабельна. В этом случае придется увеличивать сигнал и делать текст цветным. Идеальный уровень минимализма — тот, который сбалансирован эстетикой. Когда вы найдете правильный баланс, то сможете создать идеальный дизайн. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
02.02.2021 16:02
Заливка или обводка? Какой из этих стилей лучше подходит для пользователей? Бытует мнение, что разница между ними — просто вопрос предпочтений. Однако исследования показывают, что дело не только в этом — один стиль распознается быстрее, чем другой. Характерные подсказки Рассмотрим два примера: — замочная скважина, без которой иконку замка легко принять за сумку; — зубцы, без которых шестеренка стала бы похожа на пончик. Именно на такие характерные черты пользователи полагаются при распознавании значков. Поэтому лишний раз убедитесь, что ваши иконки включают все характерные подсказки для их идентификации. В случае сомнений добавьте дополнительные. Контурные иконки Если в иконке характерные подсказки находятся по краям, то у вас есть два возможных способа сделать ее быстро считываемой: — перевести иконку в контур; — сделать подсказку более выраженной. В случае с контурными иконками важно, чтобы очертания значков не оказались слишком близки друг к другу. Залитые иконки Все люди воспринимают объекты как силуэты, именно поэтому залитые иконки распознаются быстрее. Подводим итоги Обычная практика — использование залитой иконки для выделения активной кнопки на панели меню, в то время как другие кнопки остаются в форме контура. Но этот принцип уже безнадежно устарел — должно быть ровно наоборот. Пользователям необходима более высокая скорость распознавания тех пунктов меню, которые они еще не обнаружили, а не той части, которую уже выбрали. Если следовать этой логике, то залитая иконка должна быть для неактивных кнопок, контурная — для активных. Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Chulakov Design
21.01.2021 12:01
Что по трендам дизайна на 2021 год? Web Ретро. Будем наблюдать, как дизайнеры сайтов возвращаются к стилям 70–80-x годов. Горизонтальный скролл. Просто потому, что можем. Наличие 3D. Это будет значительно повышать ваши шансы получить «Сайт дня» на Awwwards. Градиентные разблюренные пятна. Сильно оживляют дизайн и при этом заменяют собой изображения или иллюстрации. Табличность. И снова игра на ностальгии, но отсылка уже к 90-м годам. Стикеры. Имитация наклеек как способ сломать четвертую стену и представить, что кто-то вручную наклеил стикеры на сайт. Mobile Виджеты. Спасибо за это Apple. 3D-иконки. Смотрите пункт 1. Стекломорфизм. Передаем привет Windows Vista Chulakov Design
Читать

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме