Дизайн

Привет, Хабр! На связи программный комитет FrontendConf. Расскажем, как мы составляем программу нашей конференции и боремся за её актуальность — проводим исследования и общаемся с аудиторией.

FrontendConf = доклады + общение + опыт

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

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

Помните самое начало 2000-х, когда салоны связи были завалены телефонами всех форматов и цветов? А на стойках были специальные обвесы-брелочки для всех категорий самовыражения. Сегодня перепутать смартфоны на занятии или на рабочей встрече проще простого, они все… одинаковые (особенно со стороны, где нет логотипа). А вы давно пробовали во время прогулки насчитать 10 жёлтых автомобилей? Да, мир теряет цвет, но вместе с этим он теряет дизайн. Нет, конечно, современные формы и смыслы требуют своего дизайна и талантливые ребята создают что-то невероятное. Тем не менее, с прилавков «крафтовых» магазинчиков разлетаются открытки в винтажном и ретро-стиле, мы ожидаем интересные обложки любимых книг, тяготеем к комиксам и обложкам старого винила. И думается, что это не просто ностальгия в глаз попала, а запрос на человеческое, глубокое, — на то, откуда мы до сих пор черпаем идеи и вдохновение.

В рамках поддержки номинации Технотекста «Дизайн» ^{(тут стоит побороться)}, в которую можно податься аж до 5 мая (эта же «акция» работает для «Аналитики», а остальной конкурс закрыт) предлагаю вам ненадолго провалиться в прокрастинацию и переместиться в первую половину XX века.

Почему рост в аналитическом дашборде не всегда означает рост в продукте.

В своей работе я стараюсь смотреть на задачи не только через призму интерфейса, но и с точки зрения продукта в целом. Мне важно понимать, зачем это делается, что за этим стоит и как повлияет на пользователей и бизнес. За это время я увидел десятки A/B-тестов, дашбордов, метрик и графиков, которые обещали рост. И слишком часто — одну и ту же картину: цифры растут, а продукт — хуже. Пользователи злятся, но в компании все довольны. Это не крик «цифры — зло». Скорее, попытка разобраться, где проходит грань между аналитикой и самообманом

Как мы спасали кружки от гибели (и что из этого вышло)

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

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

Дальше немного про производство современной керамики, кофе и даже Space X

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

Однажды инопланетяне найдут в нашей мусорной куче странно выглядящее устройство на хромированной подставке с надписью PANASONIC TR-005  и будут уверены, что мы пытались с ними связаться. На самом деле TR-005 — это телевизор из 1960-х годов. Сферическое «глазное яблоко» с 5-дюймовым экраном, сошедшее со страниц научной фантастики, заставляет задаться вопросом: как мы докатились от такого буйства форм до безликих черных прямоугольников, висящих сегодня на наших стенах?

Ироничная судьба TR-005 — оказаться одновременно «космическим кораблем» прошлого и музейным экспонатом настоящего — идеально символизирует трансформацию дизайна за последние полвека. Перенесите его в типичную квартиру, и он будет выглядеть как инопланетный артефакт, который археологи будущего откопают в наших культурных слоях и ошибочно классифицируют как «ритуальный объект неизвестного назначения». 

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

Привет! Меня зовут Ирина Белова, я представляю группу UX-специалистов в группе компаний «Цифра». Наше зарождающееся направление занимается анализом пользовательского опыта и разработкой решений, направленных в первую очередь на оптимизацию процессов и повышение эффективности высоконагруженных сервисов.

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

Это честный разбор того, как мы переехали в Pixso, прожили там 7 месяцев, изрядно выгорели, изобрели костыли, обросли хаками и в итоге вернулись в Figma с новыми знаниями, но подуставшими глазами. Если вы тоже задумываетесь о смене платформы — читайте, чтобы не повторять наши ошибки.

Привет! Меня зовут Егор Стремоусов, я тимлид команды продуктовых дизайнеров платформы TWork Обслуживания в Т-Банке. Расскажу, как моя команда повысила предсказуемость поставки дизайн-задач, какие методы и инструменты мы для этого использовали.

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

Разбираем как проектировать MES-систему, чтобы она была удобной в эксплуатации.

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

Всё это указывает на одно: цвет исчезает из нашего мира.

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

Вы замечали, как:  

• Кнопка «Продолжить без подписки» спрятана полупрозрачным шрифтом?  

• Оформление заказа требует «всего три шага», но на деле превращается в квест?  

• Отписаться от рассылки сложнее, чем собрать световой меч?  

Это не баги. Это тёмные паттерны — дизайн-решения, манипулирующие пользователем. И да, они работают… пока не сожгут репутацию. Как остаться джедаем UX и не поддаться искушению? Давайте разбираться.  

Какая программа не запустится на Windows, где можно работать вместе целым отделом и кто их использует.

Привет! Меня зовут Сергей Зиновьев, я делаю презентации для «зелёной» экосистемы. Когда я только начал заниматься презентациями, то перепробовал практически все популярные программы. На своём опыте я могу сказать для каких задач подойдёт та или иная программа и где лучше всего делать презентации.

Эту историю для моего блога рассказала Полина Киселева, дизайнер интерьеров

Я дизайнер интерьеров и многодетная мать троих детей. Когда времени становится критически мало, начинаешь искать новые подходы к работе. Год назад один из моих заказчиков подарил мне курс по основам работы с искусственным интеллектом, и я начала экспериментировать с нейросетями в своей профессии. Хочу честно рассказать, что получилось: где AI действительно экономит время, а где создает лишь иллюзию решения.

Большинство моих клиентов — частные заказчики, желающие обустроить квартиру или дом. Они приходят с архитектурным проектом и вопросами: как расставить мебель? какие материалы выбрать? как сделать пространство функциональным и гармоничным?

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

Недавно я столкнулась с задачей, которую не решали существующие плагины. Я не разработчик, но решила попробовать создать инструмент сама — с помощью ChatGPT и GitHub Copilot.

Спойлер: получилось! Теперь у меня есть рабочий плагин для заметок в Figma, который экономит время и нервы команде.

В статье рассказываю, как пошагово прошла путь от идеи до рабочего плагина. Без магии, с фейлами, но с кайфом ✨

Самое мясо китайского веб-дизайна, или Как не стать лосем в Поднебесной. Путеводитель по провинциям визуального хаоса.

Привет! Меня зовут Юлия Тарасенко. За 6 лет работы в Контуре я занималась созданием процессов в двух направлениях — в коммерческом продукте и в инфраструктурном направлении. Объединяет направления их масштаб — более 5 подкоманд, десятки заказчиков, а различает степень зрелости исследовательской культуры. 

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

Простые правила для тех, кто устал объяснять «на пальцах».

Это статья для тех, кто хочет четко и ясно доносить свои мысли без ненужного многословия, чтобы их понял любой человек (необязательно только дизайнер). Для удобства я разделил свои рекомендации на 6 простых правил.

Мы уже с вами познакомились с возможностью создания первого тестового изображения с помощью запроса (prompt): «Astronaut in a jungle, cold color palette, muted colors, very detailed, sharp focus».

Для этого мы добавили наш запрос в окно ввода запроса (prompt) и нажали кнопку создания изображения «Generate», как это показано на рисунке ниже: