Дизайн

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

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

Представьте ситуацию: команда дизайнеров и исследователей открывает шампанское. Они только что завершили серию юзабилити‑тестов новой фичи, и результаты — огонь. Пользователи кивали, улыбались и говорили, что всё выглядит «свежо». Продукт уходит в релиз. Спустя месяц метрики показывают катастрофу: никто этим не пользуется.

Что пошло не так? Команда не лгала. Пользователи (вроде бы) тоже. Но данные оказались мусором.

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

Привет, Хабр! Меня зовут Илья Стариков, я ведущий бизнес-аналитик в направлении HMI (Human Machine Interface). С интерфейсами автомобилей я работаю больше восьми лет: участвовал в создании HMI-концепций, исследовал пользовательский опыт, проводил бенчмаркинг и тестирование автомобилей. 

В прошлых публикациях я разбирал эволюцию систем управления авто и системы ADAS. А сегодня хочу рассказать, как вообще разрабатывают интерфейсы современных автомобилей, чем HMI отличается от UI/UX и какие основные элементы интерфейса правят балом в современных машинах.

Второй выпуск о лучших дизайнерах этой страны.

В выпуске: Илья Михайлов, Ждан Филиппов, Мердан Агаев, Вадик Мармеладов и Гоша Рубчинский.

Авторская колонка про тех кто сделал нас самыми крутыми в мире. И делает сейчас.

Сейчас очень турбулентное время для всех, кто ищет работу. Компании сокращают издержки, урезают штат. Из-за бума на курсы подготовки и переподготовки (которые обучают “с нуля до Pro”) на рынок труда выходит все больше начинающих, которым очень нужен коммерческий опыт, чтобы найти работу по новой специальности. Сейчас джун — это не просто человек, закончивший обучение, а младший, но специалист, которому можно доверить хотя бы несложные рабочие задачи. Многие задумываются о стажировках, которые чаще всего не оплачиваются. Что-то вроде: работаешь бесплатно в обмен на опыт. 

Я решила рассказать свою историю — о моём опыте стажировки по UX/UI-дизайну и одновременно дать совет тем, кто собирается на неоплачиваемую стажировку в дизайне, независимо от специализации.

Привет! Я — проектный менеджер в дизайн-команде Альфа-Бизнес, и в основном работаю с дизайн-лидами. Хотела бы я сказать, что я их менеджер, но они очень высокоорганизованные ребята.

Моя работа состоит в том, чтобы заставлять заполнять их таблицы, напоминать о поручениях, короче — всячески заботиться. И, конечно, вести наблюдение за ними в естественной среде обитания.

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

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

Привет, Хабр!

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

Почему?

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

Не все умеют извлекать Gerber файлы, а нужно отметить, что gerber файл нужен на каждый слой меди, маркировку, маску, сверловку и так далее.
Делимся как это можно сделать на примере популярной программы Sprint Layout 6.0 .
Надеемся Вам будет полезно. Ждем от вас обратную связь полезна ли была инструкция. Если да, мы продолжим.

Итак, у вас готова печатная плата в программе Sprint Layout версии 6.0 и вам необходимо сделать ее заказ у производителя. Для этого понадобятся два типа файлов - Gerber файлы и файлы сверловки Excellon. Файлы типа Gerber - это файлы, содержащие описание платы для её создания на производстве. Простым языком это двухмерное изображение слоя платы с строгими привязками к координатам. Этот тип файлов описывает все, что мы можем видеть в двухмерном пространстве, то есть это линии, дуги, контактные площадки, изгибы полигонов и т.д. Но этот тип файлов не даёт понятия о переходных отверстиях. Для этого необходимы файлы типа Excellon. Файлы типа Excellon описывают все, что связано с отверстиями на плате - диаметр отверстия, расположение, наличие металлизации, диаметр металлизации. Начнём со способа экспорта файлов типа Gerber. Для экспорта Gerber файлов необходимо зайти в меню Файл → Экспорт → Формат Gerber

Привет! Я — Лёша Яркин, решаю бизнес-задачи с помощью дизайна уже больше 10-ти лет. Это третья часть моей большой статьи, и сегодня я поделюсь ссылкой на мои шаблоны дизайн-шпаргалок, которые помогают мне декомпозировать, и отслеживать прогресс дизайн-задач прямо в Figma. Я опубликовал их в Figma Community. Все шаблоны абсолютно бесплатны, и вы можете их использовать, либо изменять, как посчитаете нужным/удобным.

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

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

Погнали!

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

Знакомо? Мне — очень!

Я создаю себе воображаемых пользователей и провожу с ними глубинные интервью для улучшения сервиса контроля стройки домов в ИЖС

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

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

Нет, сначала я пытался сопротивляться. Ну реально - у нас не крутая вилла, а небольшой дачный домик. Так что можно обойтись и без предварительных проектов и 3Д-визуализации интерьера — посидим на сайтах строительных и мебельных магазинов, выберем отделочные материалы, всякие шкафы, кровати и тумбочки. А уж как их расставить, разберемся на месте. Но супруга напомнила, как мы в свое время чуть не развелись, когда я «на глазок» купил гарнитур для спальни. Вроде все померил, а оказалось, что мебель расставить удобно нельзя и тумбочка, стоящая у кровати, мешает открывать шкаф.

Чтобы не ставить семейную жизнь под удар, пришлось согласиться, что нужен предварительный проект. Но как его делать — разве что заказать визуализацию профессиональному дизайнеру? Но это дорого. Пришлось напрячься самому.

Привет! Я Вика, старший продуктовый дизайнер в Cloud.ru. Моя команда разрабатывает сервисы личного кабинета облачной платформы, и сегодня я расскажу, как мы превратили фронтенд-ревью из хаотичных правок на лету в четкий и прозрачный процесс в GitLab.

Эта статья не про правила проведения ревью дизайнером, а про инструмент, который вывел код-ревью, дизайн-ревью и тестирование на абсолютно новый уровень. Инструмент, который помог нашей команде сократить количество итераций на задачу с 7 до 2—3 — расскажу, как это повторить.

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

Привет, Хабр. Я Сергей Осипов, архитектор дизайн‑системы в T2. Вместе с моим коллегой, Данилом — экспертом группы разработки — мы подготовили материал, в котором подробно разберем процесс настройки UI‑Kit на React — от установки зависимостей до сборки готового пакета. Ниже в статье вы прочитаете о полном цикле разработки: сборке, тестировании, линтинге и документации.

Мой первый опыт арт-директорства должен был стать историей успеха, а оказался сюжетом в жанре тру-крайм.

Привет, я Настя Кутина, дизайнер в студии Code Pilots.

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

Если вы когда-нибудь открывали чужую Figma и пытались понять, почему один и тот же цвет назван по-разному, отступы живут собственной жизнью, а токены выглядят как «история эволюции проекта», — вы знаете, насколько важна правильная архитектура.

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

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

Стиль Полы Шер невозможно спутать ни с чьим другим: экспрессивная типографика, смелые цветовые плоскости, синтез высокого искусства и городской культуры. Став первой женщиной-партнером в истории Pentagram, она не просто вошла в «пантеон славы» дизайна, но и переписала его правила. О ее жизни и работах — в нашем материале.