Школа дизайна на Молодежном дне фестиваля «Т-Двор» в Санкт-Петербурге: рассказываем самое интересное

20 июня в рамках летнего фестиваля «Т-Двор» от Т-Банка Школа дизайна Центрального университета провела дискуссию «Дизайн-хакинг: взламываем будущее вместе» о будущем профессии, новых ролях и навыках, которые уже меняют правила игры в дизайне.

Сегодня дизайнер — это не ремесленник, а стратег, исследователь, фасилитатор и посредник между сложными системами и живыми людьми. Он проектирует не интерфейсы, а опыт, не фичи, а смыслы, ориентируясь не только на UX, но и на Human Experience (HX) — подход, в центре которого эмоции, контексты и культурные коды.

Эта дискуссия — не просто обмен мнениями, а симптом важного запроса: индустрии остро не хватает системной образовательной среды, которая готовит не только исполнителей, но и мыслящих, гибких профессионалов нового поколения. Программа hx-design Школы дизайна Центрального университета ставит перед собой задачу начать восполнять этот дефицит.

Пятничный Лайкопост ❤️

Кидайте в комменты ссылки на свои работы (не страницы, а работы) и обменивайтесь лайками

Немного про экономику и экономическую эффективность дизайн-систем

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

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

Больше качества и консистентности дизайна цифровых продуктов;
Снижение неэффективности рабочего времени дизайнеров интерфейсов;
Снижение трудозатрат на рабочем месте при выполнении рутинных задач;
Единый язык внутри и между межфункциональными командами дизайнеров, разработчиков и продакт-менеджментом, эффект масштаба от стандартизации при согласовании;
Ускорение адаптации новых сотрудников дизайна, они быстрее выполняют рабочие задачи;

Отбивка инвестиций

Формула рентабельности инвестиций нашей дизайн-системы состоит из двух компонентов:
а) Что вы получите со временем от созданной вами дизайн-системы;
б) Во сколько вам обойдется строительство и обслуживание


Например,
costs = $190,000
gains = $513,000
ROI = 170%

Сколько денег и часов потратили на дизайн систему
Сколько денег и часов дизайн-система сэкономила
ROI

Как понять экономию времени от Дизайн-системы, чтобы подсчитать сколько она приносит? Рубрика эксперимент

Путь 1.

https://www.knapsack.cloud/calculator

1. Берем стоимость создания и внедрения 1 элемента UI без дизайн-системы и смотрим на трудозатраты

2. Затем берем стоимость создания и внедрения 1 UI с дизайн-системой и смотрим трудозатраты

3. Сэкономленное время на 1 UI элемент УМНОЖАЕМ на число таких элементов на всех актуальных макетах Яги - Лукоморье

4. Получаем число сэкономленных часов

Например, без ДС 10 часов, с ДС - 1 час. Всего таких элементов - 40 в продуктах Лукоморья
Это 399 часов.


5. Получаем число в деньгах

Умножаем часы на среднюю стоимость работы сотрудника из ФОТ.
Умножаем 399 на 500 рублей = 239400 рублей экономии на разработку только одного UI элемента

6. Чтобы отдельно подсчитать ROI из экономии часов на проектирование надо вычесть стоимость разработки дизайн-системы (в трудочасах команды ДС на один элемент UI) и разделить на стоимость и умножить на сто

Допустим, мы принесли компании экономию при разработке с ДС 9 часов на 1 элемент(без ДС 10 часов, с ДС - 1 час), это 4500 рублей если считать 500 руб в час.
Допустим дизайнеры ДС потратили на свою работу по разработке элемента ДС 1 час, но он у них дороже и стоит 1к

4500 - 1000/1000 *100 = 350 процентов ROI (!)

Напоминаю, что
Если ROI = 100%, то инвестиции окупились полностью, без убытков и прибыли. ROI < 100% — значит инвестиции не окупились: компания вкладывает больше, чем получает. ROI > 100% — бизнес окупился и приносит прибыль.

Путь 2 или одна большая проблема
Важно: это упрощенная формула не учитывает, что есть фактор амортизации ДС, ее поддержку в актуальном состоянии и . Это считать кратно сложнее
Система дизайна «хороша» в течение пяти лет (= 60 месяцев). То есть мы ожидаем крупную переделку примерно каждые пять лет, например, из-за изменения идентичности бренда. И тут нужна другая формула
https://www.smashingmagazine.com/2022/09/formula-roi-design-system/

Андрей написал, почему творчество нельзя подменять креативностью.

— Креативные методологии (фреймворки для быстрого создания новых идей) — узкий инструмент с кучей ограничений, и подменять им творчество нельзя;
— Все они работают примерно так: некий объект раскладывается на составляющие → проводится работа с этими частями (что-то убрать, поменять, добавить, набор операций ограничен) → собирается новый объект;
— Их подают как последовательность действий, переключающих мозг на дивергентное мышление, что даже полезно;
— Постфактум можно увидеть, как эти действия привели к созданию каждой успешной идеи, но просто выполняя эти действия нельзя быть уверенным, что они приведут к успешной идее. Успех зависит от кучи других факторов;
— Творчество начинается с повторения, выработки навыков;
— Затем действия складываются в системы: технологии и методологии. Уже не нужна директивность, задачи объединены в последовательности, которыми человек и оперирует;
— Владея несколькими методологиями, можно выбирать более подходящие и комбинировать их. Это профессиональный кругозор;
— Затем становится доступна творческая деятельность: изобретение новых инструментов, подходов, идей. Это работа уровня RnD-отделов компаний;
— Креативные методологии позволяют получить много поверхностных идей, не сильно в них погружаясь. Годится для маркетинга, но в других сферах работает плохо;
— Создаётся иллюзия, что творчество — это легко и быстро. Но это одна из самых тяжёлых деятельностей: на час брейншторма можно потратить больше сил, чем на полный рабочий день;
— Если заниматься этим постоянно в рамках операционной деятельности, можно выгореть;
— Ломается нормальный процесс набора опыта. Люди занимаются чем-то другим вместо расширения профессионального кругозора, изучения предметной области и системных вещей;
— А ведь только это может привести к прорывным идеям, когда большая часть из них уже сгенерирована и реализована, и требования к продуктам уже не такие, как раньше.

#process

В конце марта был скандал: студент одного из престижных университетов разработал AI-ассистента, помогающего проходить собеседования на технарей в разные компании. ДА НЕ ТОЛЬКО ПОКАЗАЛ, ЕГО К ... своему успеху привязал — парень прошёл в Amazon, а потом похвастался про это, доказав, что штука рабочая. (не знаю как сейчас, но раньше про Amazon слышал, что они ООООЧЕНЬ дрючат на онлайн-собесах, вплоть до того что просят камерой показать комнату и место под столом, чтобы вдруг чего там не было).

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

Парня отчислили из Columbia University (лол) « за публикацию контента с дисциплинарного слушания, а не за создание инструмента искусственного интеллекта».

Это я к чему, они тут намедни привлекли деньги от a16z, и СЕО поделился маркетинговым роликом: https://fixupx.com/im_roy_lee/status/1936138361011585190

Ролик тонко отсылает к The Social Network за авторством David Fincher, моему третьему любимому фильму.

Marketing done right, стильно.

Ну а собесы в текущем виде, конечно, должны умереть и переродиться.

Подборка лучших шрифтов Google с образцами и настроением.

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

#fonts #typography #google

Открыть в Figma

👨 Дизайн-телега

Идея дизайна страницы 404 c плавающей акулой вокруг)

#page404 #3d

💣 PSD

Крутые постеры для вашего вдохновения.

📙 Shock Design

GLASSWARE №001
Matthew Hall

🌠 UI_UX inspiration