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

chulakov_design logo

Chulakov Design

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

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


Входит в категории: Технологии
Chulakov Design
27.11.2020 19:11
Как UI влияет на UX Очень часто мы слышим о разделении дизайна на UI и UX. Начинает казаться, что это две полярные области. Подобные утверждения сбивают новичков и фактически заставляют выбирать какую-то из сторон. Но на деле все обстоит так, что UI — это часть UX, с помощью которой мы добиваемся удобства продуктов. Давайте разберем несколько примеров того, как UI влияет на UX. Консистентность Если желтая кнопка на одной странице ведет себя одним образом, то и на другой странице все должно быть точно так же. Элементы управления вашего сайта будут иметь интуитивное ощущение, а пользователь — чувствовать себя комфортно и уверенно. Консистентность уменьшает когнитивную нагрузку, что снижает кривую обучения. Звуковые эффекты Для некоторых расплывчатых или похожих действий различные звуковые эффекты сигнализируют о том, что произошло, уменьшая путаницу. Кроме того, стиль звукового эффекта помогает создать желаемую атмосферу, например, футуристическую или детскую. Все зависит от контекста, так как он может стать и раздражающим. Цветовая схема Как и звуковые эффекты, цвета создают определенную атмосферу, позволяя задать настроение. Цвета также имеют культурное и нейробиологическое значение. Например, на Западе считается, что красный цвет привлекает внимание, повышает бдительность и может даже увеличить пульс. Chulakov Design
Читать

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


Chulakov Design
27.11.2020 18:11
Как попасть в команду разработчиков Студии? Поговорим об этом в пятницу, 27 ноября, в 19:00. В прямом эфире Instagram Live HR-директор Анна пообщается с Frontend Тeam Lead Сергеем. Они обсудят, какие задачи выполняет отдел разработки и как вступить в его ряды. Бонус — история карьерного роста Сергея в Chulakov Studio. Задать свои вопросы вы сможете во время эфира.
Читать

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


Chulakov Design
27.11.2020 18:11
Читать

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


Chulakov Design
25.11.2020 14:11
Как попасть в команду разработчиков Студии? Поговорим об этом в пятницу, 27 ноября, в 19:00. В прямом эфире Instagram Live HR-директор Анна пообщается с Frontend Тeam Lead Сергеем. Они обсудят, какие задачи выполняет отдел разработки и как вступить в его ряды. Бонус — история карьерного роста Сергея в Chulakov Studio. Задать свои вопросы вы сможете во время эфира. Chulakov Design
Читать

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


Chulakov Design
19.11.2020 10:11
Auto Layout в Figma обновились — Теперь можно выставлять разные значения padding. Наконец-то не надо делать различные отступы в кнопках с иконками с помощью прозрачных прямоугольников. — Появились расширенные настройки ресайзинга элементов. — Стало возможным равномерное размещение элементов в Auto Layout, то есть расстояния между ними будут рассчитываться автоматически. Пробуйте нововведения и ставьте , если ждали их. Chulakov Design
Читать

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


Chulakov Design
12.11.2020 13:11
ResearchOps Сейчас UX растет по экспоненте, поэтому все больше внимания уделяется исследованиям потребителей. Благодаря этому ценность такой работы повышается и спрос со стороны компаний продолжает увеличиваться. Но рост количества исследований влечет за собой соответствующие расходы. Если этот процесс не контролировать, то затраты будут очень высокими, а результативность — низкой. Для этого появилась такая область, как ResearchOps. Это специализированный компонент DesignOps, занимающийся управлением и оптимизацией людей и процессов для усиления ценности и воздействия исследований. Общие направления деятельности ResearchOps: — респонденты: набор, отбор, планирование и оплата респондентов; — управление: процессы и рекомендации для согласия, конфиденциальности и хранения информации; — знания: процессы и платформы для сбора, обобщения и обмена исследовательской информацией; — инструменты: повышение эффективности исследований с помощью согласованных наборов инструментов и платформ; — компетенция: предоставление возможностей, обучение и привлечение других в команде к выполнению исследовательской деятельности; — адвокация: определение, распространение и популяризация ценности пользовательских исследований в рамках всей организации. Chulakov Design
Читать

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


Chulakov Design
10.11.2020 14:11
Как развиваться дизайнеру: генератор заданий Что объединяет дизайнера и профессионального спортсмена? Оба должны постоянно тренироваться. Коллегам-дизайнерам предлагаем попробовать такой способ прокачки профессиональных навыков — генератор заданий. Это приложение полезно тем, что создает рандомную задачу в комбинации со шрифтовой парой, цветовой палитрой и стилем иллюстраций. Идеально, когда хочешь что-то задизайнить, но не можешь придумать задание. Ссылку на приложение найдете ниже.
Читать

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


Chulakov Design
06.11.2020 11:11
Chulakov Team Хотим поделиться с вами крутой новостью. Мы запустили телеграм-канал @chulakov_team. Канал будет полезен для всех, кто хочет развиваться в сфере digital. HR-специалисты Студии подготовили полезную информацию для трудоустройства, а также для профессионального и личностного развития: — актуальные вакансии Студии; — лайфхаки по составлению продающего резюме; — правила создания портфолио; — советы по подготовке и прохождению технических интервью; — списки необходимых навыков для digital-профессий; — упражнения по постановке мотивирующей цели в карьере; — подборки инструментов по саморазвитию и многое другое. Подписывайтесь и будьте в курсе HR-трендов
Читать

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


Chulakov Design
05.11.2020 16:11
Пятисекундный тест Сегодня поделимся идеальным методом для определения эмоций, которые при первом взгляде вызывает ваш дизайн. Как его использовать Сначала покажите респонденту на 5 секунд одну страницу или экран, а затем попросите описать увиденное. В результате вы сможете понять: — какие первые впечатления вызывает дизайн; — какие именно элементы выделяются; — что запоминается; — какой тон вы передаете через дизайн. Рекомендации к использованию данного метода — Сразу не говорите респонденту, чего именно от него ожидаете. Уже после демонстрации макета спросите, что получилось запомнить и какие впечатления остались. — Не используйте этот тест для сравнения версий дизайна. Данный инструмент работает только для того, чтобы узнать впечатления и эмоции пользователя при первом посещении сайта.
Читать

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


Chulakov Design
29.10.2020 17:10
Ваш сайт признали лучшим — пора делать новый Многие знают нас как дизайн-студию № 1 в России. Мы подтверждали это звание на протяжении нескольких лет. И спектр выполняемых нами работ постоянно растет. Сегодня мы, с одной стороны, в больших объемах оказываем рекламную поддержку для крупных брендов, разрабатываем стратегии и креативные концепции. А с другой — занимаемся глубокой аналитикой и созданием высоконагруженных сервисов, мобильных приложений и сайтов. Поэтому мы сменили позиционирование и запустили абсолютно новый сайт Студии Чулакова! Digital. Digital. Digital — вот наш образ мышления. Каждый клиент, которого интересует что угодно в цифровой сфере, от консалтинга до сложной разработки, должен знать, что digital — это мы. И новый сайт теперь прекрасно это отражает. Переходите по ссылке и убедитесь сами
Читать

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


Chulakov Design
27.10.2020 10:10
Библиотека решений Существует эффективный способ упростить любое дело — задать ему рамки. В большинстве рутинных задач выгоднее ограничить свой диапазон мышления. При этом ресурсы воображения берегутся для действительно креативных вызовов. Возьмем для примера проектирование и дизайн простого лендинга. У каждого блока есть несколько традиционных вариантов компоновки. Когда они известны, время не тратится на «как бы это расположить». Вам просто надо выбрать из ограниченного числа идей. Не держать в голове все стандартные компоновки поможет библиотека — собственный мудборд понравившихся UX/UI-решений на сайтах. Создайте ее в Figma и собирайте там скриншоты блоков с разбивкой на категории. Это решение значительно упрощает оценку и проектирование в простых проектах.
Читать

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


Chulakov Design
23.10.2020 12:10
Эмоции рулят Эмоции можно использовать на благо продукта. Чтобы понять этот алгоритм, мы разберем карту эмоций Кугельмана. Она упрощает стратегии эмоционального дизайна до четырех мотивационных квадрантов. Оптимизм — мотивация получения удовольствия Мы испытываем любопытство, азарт, гордость, оптимизм и заинтересованность. Это самые приятные эмоции, которые наполняют нас энергией и заставляют сосредоточиться. Эти эмоции можно использовать с помощью ценностных или убедительных предложений, заявлений о преимуществах, бесплатных раздач — всего того, что вызывает дофамин. Пессимизм — демотивация страхом угрозы В этом случае человек чувствует беспомощность, стыд, унижение и пессимизм. В данном квадранте можно использовать такие позитивные методы, как надежда на светлое будущее. Здесь работает статусный маркетинг и мотивация, основанная на гордости. Они обещают пользователям, что при выполнении действия X те улучшат свое социальное положение. Неуверенность — мотивация избавиться от угрозы Это сектор избегания угроз, где мы чувствуем срочность, подозрительность, бдительность, страх, стресс и беспокойство. В эмоциональном дизайне вы рассказываете пользователям об угрозе и предлагаете способ ее избежать. Хорошая иллюстрация: «Не будьте уязвимы для хакеров. Купите наше антивирусное программное обеспечение». Безопасность — демотивация страхом потерять удовольствие В этом квадранте положительных эмоций с низким уровнем возбуждения мы ослабляем бдительность и чувствуем себя защищенными, благодарными, доверчивыми и довольными. Здесь растет чувство долгосрочного доверия и лояльности. Этот тип эмоций самый важный, но добиться его необычайно сложно. Для этого необходимо сдерживать обещания, проявлять сильную лояльность и осуществлять сверхудовлетворение потребностей пользователей.
Читать

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


Chulakov Design
16.10.2020 11:10
Из чего состоит UI-аудит Когда речь идет о перепроектировании существующего продукта, то лучше всего начать с аудита пользовательского интерфейса. Он помогает очертить области, которые больше всего нуждаются в доработке. Первым шагом аудита должно стать документирование всех экранов и описание взаимодействий, которые есть у продукта. Сюда относятся и состояния экрана. В качестве примера можно привести сообщения об ошибках или ввод неправильной формы. Следующий пункт — подсчет и анализ всех элементов интерфейса. Постарайтесь быть четкими и лаконичными в примечаниях. Цель состоит в том, чтобы ответить на вопросы: — Сколько шрифтов и размеров шрифта, веса и стилей используется в проекте? — Сколько различных шрифтов на каждом из экранов? — Сколько цветов и градиентов в вашем продукте? Попробуйте определить назначение каждого из них. — Как обстоят дела в сетке и макете проекта? Каковы поля, отступы и безопасные места? — Какие тени, границы и радиусы границ используются в продукте? — Все ли основные элементы соответствуют руководству по обеспечению доступности WCAG? Или имеется специальная версия интерфейса для людей с нарушением зрения?
Читать

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


Chulakov Design
13.10.2020 16:10
Нерациональные решения из-за перегрузки информацией Представьте, что требуется принять важное решение по одному вопросу, но в двух разных ситуациях: в тихой комнате наедине с собой и в метро в час пик. Какому варианту будете доверять больше? В моменты морального или эмоционального давления наш мозг прибегает к «удовлетворительному» варианту. Он по факту не является идеальным, но интуитивен и удобен для понимания. Попробуйте решить пример «17 9». Это просто. А теперь попытайтесь запомнить последовательность букв «АКГМТЛСН» и приготовьтесь повторить ее после решения задачи «17 8». Посчитать ответ становится гораздо труднее, хотя второй пример по сложности не отличается от первого. Этим приемом любят пользоваться казино, которые сбивают с толку посетителей шумом, большим количеством света и полным отсутствием часов. Все нацелено на то, чтобы заполнить ваши когнитивные ресурсы. Отсюда вытекают советы для продуктовых дизайнеров: — не перегружайте интерфейс информацией; — подавайте ее порциями; — сфокусируйте внимание на той задаче, которую пользователь сейчас выполняет; — избавляйтесь от лишнего визуального шума; — избегайте цепляющей анимации и звуковых эффектов.
Читать

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


Chulakov Design
09.10.2020 11:10
Автозаполнение По мере того как пользователь вводит значение в поле, отображается выпадающее меню с соответствующими вариантами. Чтобы улучшить автозаполнение, мы рекомендуем следующее. Ограничивайте количество выдаваемых результатов. Не более 10 пунктов на десктопе и от 4 до 8 — для мобильных устройств. Дополнительная информация должна визуально отличаться. Например, результаты поиска «наушники» могут быть в двух категориях: «профессиональное аудио» и «беспроводные аксессуары». Следует выделить обе и предоставить пользователю выбор, из какого именно раздела ему нужны наушники. Выделяйте жирным различия, а не набранную информацию. Если вы ввели слово «дизайн», то правильное отображение результатов автозаполнения должно быть таким: дизайн кухни, дизайн ногтей, дизайн ванной комнаты. Никакой внутренней прокрутки. Смотрите пункт 1. Ничего лишнего. Остановитесь на текстовых подсказках. Максимум, что можно сделать, — это добавить небольшие превью в стиле Google. Если результаты вашего поиска могут оказаться разными сущностями, то обязательно укажите. Например, если вводите «рад», а на сайте есть разные сущности, подходящие под этот ввод, то автозаполнение покажет, что: — в товарах имеются радиоприемники и радиотелефоны; — в брендах — «Радуга» или «Радомир». Не забывайте про состояния наведения для пунктов подсказок. Когда автозаполнение активно, затемните весь сайт. Так вы сфокусируете внимание пользователя на поиске. Обеспечьте удобство использования на мобильных устройствах. Текст должен быть не меньше 12 px, а область нажатия — от 42 до 72 px. Если подсказки слишком длинные, то перенесите текст на новую строку. Не стоит отрезать их многоточием. Сделайте удаление подсказок легким. Если убрать все из окна поиска или удалить контент с помощью иконки «крестик», то окно подсказок закрывается.
Читать

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