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

chulakov_design logo

Chulakov Design

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

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


Входит в категории: Технологии
Chulakov Design
01.11.2019 11:11
Темная тема При хорошей проработке темные темы приносят много пользы. Они уменьшают напряжение глаз. Они легче читаются при слабом освещении. И, в зависимости от экрана, могут значительно снизить расход заряда батареи. Создать хорошую темную тему сложно. Мы не можем просто повторно использовать наши цвета или инвертировать оттенки. Если мы так сделаем, то достигнем противоположного: увеличим напряжение глаз и сделаем чтение в условиях низкой освещенности более трудным. Мы даже можем нарушить нашу информационную иерархию. Чем дальше — тем темнее Это моделирует обстановку, в которой сверху излучается свет, и передает знакомую и обнадеживающую физическую природу. Возьмите только основной поверхностный цвет вашей световой темы. Инвертируйте его, чтобы получить основной цвет поверхности темной темы. Затем осветлите получившийся цвет для более близких поверхностей и затемните для удаленных поверхностей. Контраст Если вы адаптируете свою светлую тему под темную, то вам придется работать над контрастами заново. Например, у вас в светлой теме элементы черного цвета с непрозрачностью 60%. Но в темной теме надо задать белым элементам непрозрачность 65%. В то время как оба коэффициента контрастности превышают стандарт AA, дополнительные 5% предотвращают усталость, особенно в условиях низкой освещенности. Это не универсальное правило, все настраивается индивидуально, учитывая размеры, толщину, расстояния и так далее. Крупные цветовые блоки Большие блоки цвета отвлекают внимание от самых важных элементов. Например, у вас есть всплывающий белый элемент на цветной плашке. Так как белый в темной теме инвертировался в темно-серый, цветная плашка стала намного ярче этого элемента. Поэтому преобразуйте цветную плашку так, чтобы акцент с элемента не пропадал. Избегайте чисто-белого и чисто-черного цвета Истинного черного не существует в нашем повседневном окружении (самый темный объект в мире, еще не получивший названия, разработан в MIT и все еще на 0,005% уступает истинно-черному). Поэтому наше видение адаптировалось к восприятию относительной тьмы как истинной черноты. Насыщенные цвета Поскольку мы уменьшили насыщенность текста, чтобы избежать усталости глаз, наши цветные акценты и кнопки могут показаться слишком яркими. Во-первых, мы уменьшаем яркость, чтобы эти цвета не перегружали текст, находящийся поблизости. Во-вторых, мы увеличиваем насыщенность, чтобы они сохраняли характер.
Читать

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


Chulakov Design
25.10.2019 11:10
Обратная связь Общаясь с людьми, вы можете посмотреть на свой проект с новой стороны, увидеть недостатки или пробелы. Общаясь, вы обеспечиваете профессиональный рост и успех своих проектов. Пара советов, как коммуницировать с людьми, чтобы получать полезную обратную связь. Определитесь, какая обратная связь вам нужна Если не указать конкретно, что именно вы хотите услышать от человека, то вы получите общий положительный комментарий в стиле «Ну вроде норм» Задать уточняющие вопросы Не бойтесь копать глубже в комментариях, которые получили, проясняйте ситуацию, если не поняли комментарий полностью, ведь, если вы истолкуете обратную связь неверно, это может нанести ущерб проекту. Примеры вопросов: «Почему ты думаешь, что…», «Правильно ли я понимаю, что…» Избегайте субъективности, негатива и токсичности Если вы слышите субъективный или эмоциональный ответ, значит, что-то пошло не так. Избегайте подобных комментариев и никак не реагируйте на негатив. Чтобы избежать появления такой обратной связи во время презентации, не впутывайте в вопросы чувства или эмоции, описывайте конкретную проблему, и не больше. Молчите и не перебивайте Как дизайнеры, мы понимаем: трудно иногда просто сидеть и слушать, как разносят ваш проект. Но вы должны научиться этому навыку, ведь только так обратная связь достигнет максимальной эффективности. Если вам есть что сказать, просто дождитесь своего времени. Дайте время Чтобы все обдумать, необходимо время, поэтому не торопите собеседника и дайте ему время погрузиться в ваш проект. Не воспринимайте критику лично Иногда самая резкая критика — самая глубокая и самая полезная, поэтому не воспринимайте ее как атаку на личность. Будьте благодарны за то, что кто-то выделил время на ответы на ваши вопросы.
Читать

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


Chulakov Design
18.10.2019 11:10
Пользовательский опыт — это не только удобство Создание хорошего пользовательского опыта имеет гораздо больший вес, чем создание удобного продукта. Удобство использования позволяет людям легко достигать своих целей. Дизайн пользовательского опыта больше о том, чтобы дать людям восхитительный и значимый опыт. Хороший дизайн доставляет удовольствие, продуманно выполнен, делает вас счастливыми и погружает в атмосферу. Например, игры обычно имеют подобные характеристики. Или iPhone, который делает неудачи приятными и не вызывает у вас раздражения. Опыт пользователя — это ощущения. Цель здесь — создать счастье. Вы должны добиваться, чтобы люди чувствовали себя счастливыми до, во время и после использования продукта. Сосредоточьтесь на том, чтобы сделать продукт вызывающим счастье, а простота использования и величие придут сами по себе.
Читать

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


Chulakov Design
11.10.2019 11:10
NASA-TLX Когда команда SpaceX будет создавать интерфейс для управления полётом и затем тестировать его, она будет использовать метод тестирования NASA-TLX. Что это такое? NASA-TLX появился в 1980-х годах в результате усилий NASA по разработке инструмента для измерения предполагаемой рабочей нагрузки, необходимой для решения сложных, высокотехнических задач членов экипажей аэрокосмических судов. Он является полезным для изучения сложных продуктов и задач в области здравоохранения, аэрокосмической, военной и других средах с высокой ценой ошибки. Как работает опросник? NASA-TLX содержит 6 вопросов, на которые пользователи должны ответить по непомеченной 21-балльной шкале, от очень низкого до очень высокого. Каждый вопрос затрагивает одно измерение воспринимаемой рабочей нагрузки: — умственная нагрузка; — физическая нагрузка; — нехватка времени; — предполагаемый успех выполнения задачи; — общий уровень усилий и уровень раздражения. Использование Хотя NASA-TLX часто используется в исследованиях человеческого фактора в сложных критически важных системах, он может также использоваться в исследованиях других типов UX с некоторыми оговорками: — это относительно сложная анкета, на которую необходимо отвечать после каждой ключевой задачи, что увеличит время (и потенциальную усталость участника) в общем процессе тестирования; — это может нарушить процесс тестирования и сделать его менее естественным для участников; — часто исследователь должен объяснять инструмент несколько раз; — это особенно полезно при изучении ситуаций, когда ошибки человека крайне нежелательны; — инструментом измеряют субъективное восприятие пользователей, а не объективную производительность; — эти показатели говорят вам об уровне удовлетворенности пользователя, но не указывают на слабые стороны или сильные стороны опыта; — как и все количественные показатели, низкие размеры выборки вряд ли дадут значимые результаты.
Читать

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


Chulakov Design
04.10.2019 11:10
«Все должно влезть в один экран» Частая ситуация, когда клиент хочет все поместить в один экран, потому что боится, что пользователь не будет скроллить страницу и не заметит важную информацию. Возможно, это утверждение работало в 90-х, но на дворе уже 2019 год, и за почти 30 лет люди привыкли скроллить. Для непрерывного и длинного контента, такого как статья или новость, скролл обеспечивает еще лучшее удобство использования, чем разделение текста на несколько отдельных экранов или страниц. В мобильных приложениях скролл стал нативным для пользователей. VK, Instagram, Facebook — все социальные сети основываются на ленте бесконечного скролла, люди проводят в социальных сетях огромное количество времени, поэтому этот паттерн для них является совершенно естественным. Вам не нужно втискивать все в верхнюю часть вашей страницы или выше «сгиба». Чтобы убедиться, что люди будут прокручивать, вам нужно следовать определенным принципам дизайна и предоставлять контент, который привлекает ваших посетителей.
Читать

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


Chulakov Design
27.09.2019 11:09
Научите клиента помогать Часто работа дизайнера выглядит для клиента, как черный ящик. Он кладет в него какие-то данные, черный ящик просит все больше данных и времени на их обработку. Потом клиент ждет несколько дней и получает результат, который можно обсудить. Кажется, что все хорошо — есть обратная связь, учитываются комментарии, вносятся правки, виден процесс работы. Дизайнер — молодец. Мало кому из заказчиков по-настоящему интересно смотреть, как появляются строчки кода, пушатся коммиты, или как двигается кнопка по макету. Но ему очень важно понимать, что все делается правильно. Чувствовать это на каждой итерации. Частично такую уверенность дает умелая презентация команды о проделанной работе. Дизайнер обстоятельно рассказывает, что использовал такие-то референсы, построил оптимальную сетку, решил использовать определенные приемы в типографике, и заказчик одобрительно кивает. Подобный подход отлично работает, если среди представителей клиента есть опытный сотрудник, например, арт-директор. Этот человек понимает «дизайнерский», а его авторитет в команде поможет убедить остальных — все сделано хорошо. Но как быть, если такого специалиста нет? Все аргументы сразу станут просто сложным набором слов, а их сила будет зависеть только от убедительности рассказчика. Ответ прост. Научите клиента. Покажите ему не только конечные итерации, но и процесс работы. Если клиент не знает, как работает сетка, или не уверен, что предложенное решение подходит — расскажите ему о нем, это совсем не сложно. Представьте, будто ваш друг спросил, чем вы занимаетесь. Вы ведь не будете сорить терминами и постоянно упоминать прочитанные книги, верно? Возможно, в процессе диалога сами поймете, что вызвало настороженность у клиента, и вместе придумаете, как сделать лучше. А может быть, а так оно и будет, клиент лучше почувствует, как объяснить вам, что же он на самом деле имел в виду, ведь теперь понятно, как работает загадочный черный ящик.
Читать

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


Chulakov Design
20.09.2019 11:09
«Сделайте логотип побольше» 5 способов сделать так, чтобы правок стало меньше или не было совсем (это возможно). 1. Переведите клиента на свою сторону. Сделайте клиента полноценным участником работы. Советуйтесь с ним, спрашивайте его мнение, задавайте вопросы, делитесь своими подходами. Это требует некоторых усилий со стороны клиента, но благодаря этому вы добьетесь ситуации, когда правок не будет вообще, но будет приятная совместная работа. Лучшие проекты получаются именно так. 2. Приводите примеры. Лучше если это будут примеры известных компаний. Такие как Apple, Google или авторитетные компании в соответствующей тематике. Приводя пример, расскажите, почему было принято такое решение. 3. Обосновывайте все. Каждое решение должно быть обосновано — у вас должен быть ответ на расположение каждого пикселя на экране. Показывая что-то, подкрепляйте это результатами аналитических исследований или тем, что данная механика это best practice. 4. Настройтесь на позитив. Выбирайте положительные формулировки при защите дизайна. Например, формулировка: «Потому что туда не поместилось» — разительно отличается от формулировки: «Мы считаем это расположение оптимальным для данного контента». 5. Выслушайте клиента. Иногда нужно просто спокойно выслушать клиента и понять что он хочет донести. Не воспринимайте все комментарии прямо. Чаще всего клиент не может донести то, чего он хочет добиться. «Уберите эту большую и красивую иллюстрацию» — говорит клиент. И вроде иллюстрация хорошая, и размещена там, где надо, а просит убрать. Так в чем проблема? А проблема в том, что он беспокоится: иллюстрация перетягивает внимание с текста. Для этого сделайте больше акцента на полезном контенте, вместо того, чтобы убирать изображение. Если вы воюете с клиентом — значит вы делаете что-то не так. Как правило, клиент хочет сделать проект лучше, а значит у вас с ним одна цель.
Читать

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


Chulakov Design
13.09.2019 11:09
Если это сложно прочитать, это сложно сделать. Мичиганский университет провел тестирование, в котором людям предлагалось прочитать одну и ту же инструкцию, написанную разными шрифтами. Когда она была представлена в удобном для чтения шрифте, люди предполагали, что ее выполнение займет 8,2 минуты. Но когда инструкция была написана трудным для восприятия шрифтом, они думали, будто это займет почти вдвое больше времени. Так же были исследования, подтверждающие, что короткие статьи с опцией «Просмотреть больше» привлекли значительно более высокий процент посетителей по сравнению с теми же статьями в полном объеме. Как это можно использовать в дизайне? Старайтесь давать пользователям минимальное количество полезной информации с возможностью ее расширить. Так вы увеличите процент людей, которые будут погружены в заложенную вами информацию. Теперь вы понимаете, что существует прямая связь между оформлением и действием.
Читать

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


Chulakov Design
06.09.2019 11:09
Фундаментальная ошибка атрибуции Суть этого эффекта заключается в том, что когда человек совершает какую-то ошибку, он склонен обвинять всех и вся, кроме себя, но когда видит как кто-то ошибается, то это обязательно вина ошибившегося. Дизайнерам. Каждый раз когда вы сделали плохой дизайн, в первую очередь поймите, как вы могли сделать его хорошим, в чем ваша ошибка, а не обвиняйте во всем хотелки заказчика. Исследователям. Когда проводятся наблюдения за человеком и он совершает ошибки в интерфейсе, не обвиняйте человека в том, что он просто глупый. Взвесьте все «за» и «против», четко продумайте все причины и составьте список возможных внешних факторов, которые могли бы повлиять на поведение другого человека.
Читать

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


Chulakov Design
26.06.2018 11:06
Студия открывает набор на второй поток курса по дизайну интерфейсов! Ведущие дизайнеры поделятся с вами своим опытом и на практике научат создавать интерфейсы на уровне компаний-лидеров индустрии. По итогам курса каждый студент выполнит дипломный проект, который можно будет использовать в своем портфолио. Самые успешные студенты получат возможность стать частью команды Студии. Все, что вам нужно знать о курсе: — старт: 15 июля; — продолжительность: 72 часа (2 месяца, 3 занятия в неделю с 19:00); — место проведения: г. Ростов-на-Дону. Ознакомиться с программой курса и подать заявку вы сможете на сайте: https://school.chulakov.ru
Читать

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


Chulakov Design
20.04.2018 15:04
Полускетч Для ускорения этапов согласования в дизайне часто используется скетчевая графика. Многие дизайнеры совершают распространенную ошибку: используют реальную, но плохо обработанную графику. Даже если несколько раз предупредить, что графика не финальная, глаз все равно будет цепляться за огрехи в обработке, и впечатление будет испорчено. Даже если вы не умеете рисовать, набросок от руки будет смотреться лучше, чем плохо вырезанный коллаж. То же самое касается и разукрашенного в фирменные цвета прототипа, который сопоставляется с дизайном. В презентации дизайна четко должна быть видна разница между итоговыми и скетчевыми участками. Без полусостояний.
Читать

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


Chulakov Design
18.04.2018 15:04
Любовь и ненависть Почему один продукт мы категорично воспринимаем в штыки, а другой готовы защищать от собственного правительства? Суть продукта — это множество факторов: PR, маркетинг, удобство, скорость работы и пр. Дизайнер всегда должен комплексно смотреть на эти вещи. Никакой PR не сделает неудобный продукт, который не решает задач пользователя, любимым. Также даже хороший продукт может убить излишняя монетизация. Дизайнер должен анализировать. Например, если стоимость продукта выше, чем у конкурентов, вы должны приложить в два раза больше усилий, чтобы объяснить пользователю преимущества, который он получит. Если он уступает в функционале — подчеркивать отличительные решения или давить на простоту использования. Дизайнер, который комплексно смотрит на задачу, намного больше ценится на рынке труда, чем тот, кто слепо следует брифу. Но свое виденье стоит всегда делать дополнительным, либо обсуждать еще до начала работ, чтобы не казалось, что вы игнорируете пожелания заказчика.
Читать

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


Chulakov Design
11.04.2018 14:04
Управление взглядом В ювелирных офлайн-магазинах витрины часто оформляют по принципу якорных товаров. Продукция разбивается на группы, в центр группы кладется самое яркое украшение — «солист», который цепляет глаз — а уже после него покупатель осматривает товары, которые находятся неподалеку. В дизайне стоит также в ключевых местах создавать якорные точки, которые вызывают интерес при беглом просмотре. Яркие фотографии, иллюстрации, иконки, даже врезки текста, выполненные более крупным шрифтом, привлекают внимание пользователя, и тогда он начнет всматриваться и в окружение. Особенно это важно для оформления длинных страниц. Опять же, стоит вспомнить принцип контраста: три ярких элемента, стоящие рядом, привлекают меньше внимания, чем один в окружении менее значимых.
Читать

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


Chulakov Design
09.04.2018 11:04
10 000 вариантов Часто дизайнер расстраивается, когда его макет не принимается. Ведь он усердно искал идеи и нашёл, на его взгляд, ту самую и единственную, и уже не может уйти от текущего варианта в сторону. Проблема кроется в том, что дизайнер думает, что идей больше не существует вообще, а в процессе работы он не пробовал отойти в сторону и набросать другие варианты — делал всё мысленно, предполагая, что такое не пройдёт. Дизайн — это решение проблемы определённым способом. Но проблему всегда можно решить 10 000 способами. Держите это в уме, и всегда будьте готовы перерисовать всё заново. Если вам не нравится текущий результат, сделайте в виде набросков другие варианты, попробуйте самую безумную идею, переверните всё вверх ногами и посмотрите, что получится. На такую попытку уйдёт всего несколько минут, и это позволит вам проверить направление или в случае успеха иметь в запасе ещё один вариант для клиента. Часто встречается и другая ошибка начинающих дизайнеров — не дожать идею до конца, решив, что от неё нет толку. В таком случае можно показать варианты старшим коллегам и спросить их мнение. В процессе работы над концепцией пробуйте разные подходы и не останавливайтесь на первом придуманном варианте. Это позволит протестировать идеи, увеличит скорость вашей работы и поднимет вас на новый уровень.
Читать

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


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

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