JetStyle 
Тендеры и лиды
Информация
В этой статье расскажем, как диджитал-агентство, которое всю жизнь проектировало интерфейсы, внезапно оказалось в промышленном дизайне: с чего все началось, чем промдизайн похож на UX, как мы делали пульт и плеер для людей с нарушением зрения — и почему «шило в ж… характере» иногда самая полезная профессиональная компетенция.
Привет! Меня зовут Макс Смирнов, я дизайн-директор JetStyle из Екатеринбурга.
Мы 20 лет делаем диджитал: сайты, личные кабинеты, сервисы, приложения, VR, промо-истории — весь стандартный зоопарк digital production.
И в какой-то момент нам стало мало экранов. Что из этого вышло — читайте дальше!
Если вы работаете в диджитале, вы, скорее всего, знаете это ощущение.
Ты делаешь продукт, вкладываешься, споришь за пиксели, придумываешь сценарии, — а в конце у тебя:
Гордиться можно, но пощупать нельзя. У тебя нет ощущения «я сделал вот ЭТО» — в смысле прям в руке.
Параллельно с этим у нас в Екатеринбурге происходила другая история: архитектурный вуз выпускал промдизайнеров, и почти все… уходили в диджитал.
Мы спрашивали: «Почему вы не идете работать по специальности?»Ответ был примерно такой: «Промдизайн у нас — это какое-то уныние. Делать скучный пластик, который никому не нужен. В диджитале интереснее».
В какой-то момент эти две линии сошлись:
диджитал-дизайнерам хочется предметности, промдизайн вокруг кажется отстоем — а шило в одной известной части тела не дает сидеть спокойно.
Эта статья написана с опорой на два наших кейса – про пульт для ТВ-приставки и тифлофлешплеер, ссылки на эти кейсы целиком будут дальше по тексту.
Переломный момент случился довольно буднично.
Мы давно работаем с телеком-оператором: делали им мобильное приложение, несколько версий сайта, личные кабинеты, интерфейсы для ТВ-приставок.
И вот они приходят и говорят буквально следующее: «Ребята, вы же дизайнеры. Задизайньте нам пульт».
У нас за плечами — UX, UI, продукты, интерфейсы для ТВ, маркетинг. За плечами нет промдизайна.
В этот момент можно сказать: «Мы этим не занимаемся, найдите промышленного дизайнера».
А можно сказать: «Да! Конечно, сделаем». И уже потом разбираться, как именно.
Мы выбрали второй путь.
Для себя я грубо делю промдизайн на две большие части:
1. Инженерная
То, что делают люди с очень специальной любовью к допускам и материалам:
Для меня лично это «нудятина» (в хорошем смысле: кому-то это наоборот кайф). И это та часть, которую мы честно оставили профессионалам — инженерам и заводам.
2. Дизайнерская
То, в чем мы, как диджитал-команда, уже умеем жить:
И вот в этой дизайнерской части внезапно оказалось, что промдизайн — это тот же самый дизайн-процесс.
Просто:
Первое, что мы сделали с пультом, — устроили конкурентный анализ, как в любом UX-проекте.
Только вместо таблички в Notion на стол легла коллекция реальных пультов:
Мы щупали, нажимали, крутили в руках, фиксировали паттерны:
То же самое, что мы обычно делаем в диджитал с интерфейсами, только в этот раз — руками, а не глазами.
Когда мы взялись за плеер для людей с нарушением зрения, без ресерча вообще никуда.
Это девайс, который:
Мы собрали людей из целевой аудитории: разного возраста, с разным уровнем владения техникой, с разной степенью утраты зрения.
И вместо того, чтобы придумывать интерфейс из головы, задавали очень простые вопросы:
По сути — обычная фокус-группа и глубинные интервью, как в UX. Просто вместо прототипа интерфейса — макеты плеера и сценарии работы с ним.
Дальше все очень по классике.
Сначала — скетчи. Кто-то рисует только в фигме, я до сих пор обожаю карандаш и бумагу: форма, пропорции, сценарии хватов.
Потом — тот самый метод, который мило называют shit & sticks:
На этом этапе нам важно только одно: как это лежит в руке:
Да, это все еще далеко от красоты. Но мы не теоретизируем, мы в пробуем физическую форму.
Дальше наступает момент, когда нужно что-то, максимально похожее на реальный продукт:
Тут в ход идет 3D-печать:
Это все еще не серийное устройство и даже не золотой образец, но уже очень похоже — его можно дать пользователю и посмотреть, как он реально с ним живет.
Еще одна штука, знакомая любому графическому или брендинговому дизайнеру, — Pantone. Да, тот самый бумажный веер, который стоит как хороший смартфон и «должен обновляться раз в год».
Мы точно так же подбираем цвета:
Параллельно идет проектирование тактильных ощущений:
Иногда заводы помогают: партнеры присылают нам целые папки с образцами механизмов нажатия. Мы садимся и по нескольку часов:
Все это потом переводится в спецификации: «хотим вот такой клик, как в образце №24, и вот такую шершавость, как у корпуса №7».
Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
13238 тендеров
проведено за восемь лет работы нашего сайта.
Последний шаг перед запуском производства — golden sample, золотой образец.
Это почти серийное устройство:
Просто его сделали не десятками тысяч, а пять штук вручную. И каждая такая штучка стоит пару–тройку тысяч долларов.
Это тот самый момент, когда ты:
Иногда, как в ковид, без золотого образца приходилось жить: смотреть фото, 3D-модели, цвет у пульта с приложенным Pantone. Но с ним проще и спокойнее.
Все эти пляски с пенопластом, Pantone и 3D-печатью нужны не только для того, чтобы дизайнер порадовался.
Главная цель — непрерывный пользовательский опыт.
Сначала мы разработали интерфейс приставки с простой навигацией, где:
Потом мы под это спроектировали пульт:
То есть не было так, что «пульт уже есть, прилепим к нему наш интерфейс».Мы проектировали связку.
Удивительная вещь, которую легко пропустить: пульт — единственная часть продукта, которую человек держит в руках каждый день.
А пульт:
Это твой ежедневный контакт с брендом.
Поэтому мы сознательно делали пульт-центричный опыт:
Отдельная любимая история — маленькая текстильная петля на пульте.
Изначальная идея была практичной: бабушки смогут продеть туда шнурок и носить пульт на шее, чтобы не терять.
Внутри мы называли ее «теребонькой» — это просто была удачная внутренняя шутка.
На практике:
В обычной жизни люди, когда нервничают, начинают:
В итоге у пульта разбалтывается крышка, батарейки выпадают, все заматывается изолентой.
Наличие теребоньки спасло кучу пультов: люди теребят ее, а не крышку.
И самое прекрасное: когда документация поехала к заводским партнерам, слово «теребонька» перекочевало туда же — уже как официальный термин.
Если вам интересны подробности:
С плеером для людей с нарушением зрения мы прошли тот же путь, только в еще более жестких ограничениях:
Тут непрерывность опыта особенно важна:
Для нас как диджитал-команды это был мощный урок:
UX не заканчивается на экране. Иногда он вообще не про экран.
Если вам интересны подробности:
Вся эта история с промдизайном выросла из одной вещи — из желания залезать туда, где мы раньше не были.
Это иногда приводит к фейлам. Сейчас расскажу.
Однажды к нам пришел клиент и сказал: «Ребята, через две недели выставка. Нужен мобильный стенд».
Две недели, ограниченный бюджет, мы никогда не делали стенды.
«Мобильный» мы честно поняли как:
В итоге родился красивый стенд из массива дерева.
После выставки директор клиента собрал нас и произошел такой вот диалог:
— Ребят, помните, мы просили мобильный стенд? Так вот – один стол вышел весом в 150 кг, а их там было два! То есть наш «мобильный стенд» весил около полтонны…
Тут могла бы возникнуть неловкая пауза, но разговор пошел так:
— А у вас есть офис в Москве?
— Нет
— Так значит вам просто нужен офис! А классная мебель у вас уже есть!
Шутки шутками, но так у них появился офис в Москве и очень эффектная деревянная мебель)))
Да, мы промахнулись с определением «мобильный». Но при этом:
Если отмотать от всех историй к сути, получится примерно так:
Если вы диджитал-дизайнер и давно страдаете от того, что ваш продукт нельзя пощупать — я очень рекомендую однажды сделать что-нибудь физическое:
Это сильно меняет оптику.
А дальше, возможно, вы тоже окажетесь в ситуации, когда клиент скажет: «Вы же дизайнеры — сделайте нам пульт».
И вы ответите: «Да. Конечно, сделаем».
Если вам интересно обсудить эту тему или поделиться своими наблюдениями — пишите комментарии, мы будем рады диалогу.
Больше статей и полезностей — в нашем основном телеграм-канале, а внутрянки жизни наших дизайнеров — здесь. Подписывайтесь)
