Артём
27 июня 2016
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Что такое динамизация?

(Часть четвёртая: динамизация взаимодействия)


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

Самое простое — изменять взаимодействие во времени, например импульсами.

  • В тризе

    В опасных по газу шахтах используют электрооборудование во взрывобезопасном исполнении. Такое оборудование сложно и громоздко. Было предложено использовать ток с «паузами» (из ста полуволн в секунду «вырезана» одна полуволна): несложное и открытое оборудование производит коммутацию тока только в «паузах», когда можно развести или свести контакты без образования дуги.

    Г. Альтшуллер. Найти идею

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

В тяжёлом роке применяется «палм-мьютинг» — ритмичный, импульсный чёс по приглушённой струне электрогитары, звучащий даже более тяжеловесно, чем открытые длинные аккорды:

В хеви-металле

Металлика: Eye of Beholder. Фрагмент

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

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

Народная мудрость знает о динамизации взаимодействия:

Обнявшись веку не просидеть

Разлука для любви, как ветер для огня: слабую любовь гасит, а большую — раздувает

Информационное воздействие регулируется, чтобы не утомить пользователей:

  • На сайте знакомств

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

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

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

Обычные ботинки

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

С динамизированными шнурками

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

Следующая ступень развития верёвки (помните предельное дробление?) — эластичный упругий жгут. Жгут не просто гибкий, он обладает внутренней энергией упругости, это энергетическая верёвка.

В технике и аналоговых приборах импульс взаимодействия имеет естественную плавную форму:

  • В леверных кофемашинах

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

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

Цифровой импульс

Идеальный цифровой импульс имеет прямоугольную форму

Аналоговый импульс

Физический аналоговый импульс имеет фазы плавного нарастания и затухания
англ. lever, рычаг

Современные цифровые системы и интерфейсы имитируют инертность и плавные формы физического взаимодействия:

Илья Бирман объясняет, как сделать более естественным взаимодействие с экраном телефона

Сила взаимодействия регулируется специальными алгоритмами не только ради естественной обратной связи интерфейса, но и для безопасности пользователей:

  • В автомобилях

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

    Похожая система применяется и для ускорения. Система «кикдаун» автоматически переключает коробку на пониженную передачу, если водитель резко нажимает на газ, дополнительно увеличивая мощность и ускорение.

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

Мнемоническая схема постепенной динамизации систем:

Элементы

Шарнир → Цепочка → Гибкая система

Взаимодействие

Переключение → Много импульсов → Плавная волна

Библиотека функций сглаживания на Яваскрипте

P. S. Это был понедельничный совет о решении дизайнерских задач. Хотите знать всё о полезном действии, разрешении противоречий, работоспособных системах, законах, приёмах и формулах? Присылайте вопросы.

P. P. S. Дата следующего набора в Школу стажёров пока неизвестна.

 
Мы напишем вам, когда будет открыт набор. Без спама.

Поделиться

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

Расскажите об управляемости. Часть десятая Что там дальше с решением задач? 6 Что такое динамизация? Часть шестая 1 Что такое динамизация? Часть пятая 1




Недавно всплыло

Столкнулся с проблемой, когда долго общаешься с клиентом, и потом выясняется, что его не устраивает порядок цен. Часть 1 2 5 Как создавался новый сайт бюро. Часть вторая 2 У меня остаётся ощущение, что я идиот, «рассыпала бобы», но на конкретных ошибках не могу себя поймать 3