Игра в дизайн
128 subscribers
19 photos
1 link
Создатель: @vadiskov
Download Telegram
18🔥7❤‍🔥3👻1
Паттерны оффлайна. Радиальный физический паттерн.

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


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

А вот ipod использует диск по другой причине. С помощью колесика Click Wheel, можно листать песни и управлять всем интерфейсом. И это был прорыв. В то время, как конкуренты предлагали нажать кнопку 100 раз, чтобы найти 101 композицию, Apple предложили новый способ: достаточно сделать несколько оборотов колесика, и вы уже нашли нужное.
При этом, в первых версиях, колёсико крутилось физически, и лишь позднее, было заменено сенсорным.

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

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

Винил и Teenage engineering TP–7
Винил снова набирает популярность, как где-то слышал, что причины его успеха сейчас в том, что это дорого и неудобно) Ну а если серьёзно, один из лучших аналоговых способов хранить музыку, для которого страшны только агрессивные физические воздействия. Поскольку музыка физически записана на пластинке, то можно удобно перемещаться по ней и даже вообразить себя диджеем и поделать вжук-вжук.

Также похож на винил и аудиорекордер от Teenage Engineeriring. При проигрывании аудио, диск вращается на лицевой панели устройства. А если нужно перемотать аудио вперёд или назад, то можно просто повернуть диск, так же как и виниловую пластинку)

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

А какие ещё примеры физических паттернов вы знаете?)
4🔥3
Начни с конца
Когда я был джуном и показывал свои дизайн решения команде, мне всегда задавали кучу вопросов: "а почему тут сделано так, а не иначе?", "а есть ли другие варианты?"

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

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

По сути, презентация — это твоя страховка так же, как всегда брать с собой зонт, даже когда по прогнозу солнечно

Она помогает:
- быстро объяснять, что уже готово, а что в работе
- просто погружать новых людей в проект
- держать процесс под контролем

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

Презентация — это тоже интерфейс, только для результатов твоей работы. От того, насколько она удобная, зависит, насколько с тобой комфортно работать.

А в следующем посте расскажу, из чего по блокам может состоять такая презентация.
13
А ещё новость — у нас с WANNABE грядет коллаборация. Я буду приглашенным экспертом на июньском потоке Superpowered UX/UI.

– Расскажу, как дизайнеру создавать продукт через ясность: как на каждом этапе работы понимать, почему мы тут оказалась и куда мы идём, а не просто накидывать что-то через вдохновение.

– Покажу, как связать в единое целое человекоцентричность и заботу вместе с логикой и метриками.

– Предложу ученикам решить реальное тестовое из Avito, а затем расскажу, как это устроено у нас изнутри, и какими навыками нужно обладать, чтобы пройти отбор.

Вместе со мной на интенсиве будет Миша Розов и другие дизайнеры из Uzum и Альфы. Учёба начинается уже 10 июня, а присоединиться и забрать скидочку можно до 17 июня
👏76
Мой топ AI-инструментов, которые я постоянно использую в работе:

- Chat GPT
- Claude
- Perplexity
- Dovetail
- Attention insght
- Nano Banana
- Midjourney

А на карточках собрал, как на каждом этапе их применяю
🔥8