В сообщении под названием « Использование движения для выражения изменений » дизайнер и инженер Гутенберга Матиас Вентура подробно рассказывает о том, как можно применить анимацию к интерфейсам для воспроизведения реалистичного движения. Эти анимации могут иногда более четко сообщать об изменениях, особенно в отношении действия по перемещению или изменению порядка элементов на странице.
«Несмотря на то, что мгновенное преобразование интерфейса является точным, оно может быть не самым ясным выражением только что произошедшего изменения», – сказал Вентура. «Связь между намерением и следствием может стать труднее понять. Движение может быть большим подспорьем в установлении взаимоотношений и более интуитивном объяснении произошедших изменений ».
Это создает интересный выбор для дизайнера интерфейсов. Хотя мгновенные изменения можно реализовать, мозгу пользователя может потребоваться больше времени для их обработки. В случае редактора любая дополнительная когнитивная обработка может вывести пользователя из процесса написания. Вентура устанавливает хорошее практическое правило для определения того, добавляет ли анимация ценность взаимодействию:
Можно сказать, что анимация заслуживает присутствия, если ясность изменения, которую она обеспечивает, больше, чем время, необходимое для когнитивной адаптации к новому состоянию в его отсутствие.
Вентура иллюстрирует эту концепцию двумя демонстрационными видеороликами в своем посте: в одном показано, как переупорядочение блоков в настоящее время выглядит в редакторе WordPress, а во втором – с примером того, как его можно улучшить с помощью тонкой, со вкусом выполненной анимации. Это ранний прототип, но очень убедительный:
Когда Гутенберг все еще находился в стадии продажи, прежде чем был объединен с ядром, некоторые говорили, что продвижение вперед – это просто вопрос переобучения мышечной памяти для работы с новым редактором. Однако в то время все еще существовал ряд явно ошибочных взаимодействий, которые не казались естественными и даже раздражали пользователя. В устаревшем редакторе не было блоков для изменения порядка или многих других взаимодействий, представленных новой парадигмой блоков, поэтому не было большого предшествующего контекста для сравнения.
Отзывы пользователей жаловались на когнитивную нагрузку, которую добавляет Гутенберг, и продолжали выявлять проблемные взаимодействия с основными блоками. К сожалению, во многих горячих обсуждениях, которые происходили в комментариях и обсуждениях до выпуска WordPress 5.0, эти опасения часто игнорировались как исходящие от людей, которые сопротивлялись изменениям.
У многих из рецензентов, возможно, не было правильных слов, чтобы передать то, что они испытывали, но когнитивная нагрузка может быть одной из самых веских причин, по которым плагин Classic Editor имеет более 5 миллионов активных установок.
Предложение Матиаса Вентуры добавить движение, чтобы выразить изменения в редакторе, может решить некоторые из этих неинтуитивных взаимодействий. В репозитории Гутенберга теперь есть проблема, посвященная изучению и обсуждению использования движения, чтобы добавить ясности к действию переупорядочения блоков.
Сообщение Вентуры – обнадеживающее чтение, которое демонстрирует мысли и мастерство, которые вкладываются в архитектуру интерфейса, необходимого для удовлетворения потребностей миллионов пользователей. Если вы, как и я, были нетерпеливы по поводу прогресса Гутенберга, важно признать, что такие уточнения взаимодействий требуют времени, чтобы проникнуть в них. Воспроизведение реалистичного движения происходит из размышлений о том, как мы взаимодействуем с известным миром, и понимания того, как это влияет на цифровые ожидания пользователей.
