5 заметок с тегом

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

Движение вперёд на экране

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

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

Движение истории и её героев чётко ощущается на общих, длинных планах. Тёмные холмы и горы на фоне создают контраст. Глаз прикован к шагающим направо хоббитам:

Фродо и Сэм отправляются в путь

Сэм останавливается и заставляет Фродо обернуться. Холм и кустарник на горизонте работают как направляющие линии: визуально указывают на Сэма. Фродо и полевое пугало тоже смотрит на хоббита. Все элементы кадра заставляют зрителя смотреть влево. Слева уютный дом, а справа пугающая неизвестность:

«Если я пройду ещё шаг...то окажусь так далеко от дома, как никогда ещё не заходил»

После победы над злом меняется направление движения:

Хоббиты возвращаются домой

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

«Те, кому нечего ждать, отправляются в путь»

В клипе U2 главный герой покидает тюрьму. На выходе его ждёт дочь и это тревожная встреча. Слева привычное прошлое, а справа пугающая свобода. На 4-й минуте заключённый мешкает и останавливается, камера опережает героя и он оказывается на стороне «отступления». Следующий путь зритель словно тянет заключённого за собой, не волю. Только к концу сцены герой берёт себя в руки и опережает камеру. Сомнение, преодоление, движение.

***

На экранах, в интерфейсах мы также ограничены двумя сторонами. Левая — шаг назад, а правая — движение к цели. Логин в Гугл-аккаунт, отправка сообщения в Телеграме, свайп в Тиндере и т. д. Мне нужен был ответ, почему кнопки располагаются так, а не иначе.

Кажется, очевидное расположение кнопок можно объяснить приёмами из кинематографа. Мне нравится такой аргумент.

Пойду поставлю кнопку «далее» в правой части модуля. Даже если это нарушает вектор чтения или конструкцию модуля.

3 февраля   взаимодействие   кино   композиция

Закон Теслера

Или «Закон сохранения сложности».

Любой продукт стремится к максимальному пределу сложности. В критический момент встаёт вопрос кому страдать. Разработчикам от костылей в коде или пользователям от недостатка функционала? Но не важно, по какому пути продолжит развиваться продукт. Пользователи использовали и продолжат использовать его для более сложных задач:

2018   взаимодействие   продукт

Закон Якоба Нильсена

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

2018   взаимодействие   продукт

Порог Доггерти в интерфейсах

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

Запуск Фотошопа, переключение треков в Айтюнсе и создание задачи в Джире длятся целую вечность. А вечность равна 0,4 секунды — столько нужно времени, чтобы человек устал ждать следующего шага.

Скорость обратной связи тоже подчиняется этому наблюдению. Если анимация длится дольше чем 0,3 секунды, то это — самая важная анимация в сценарии.

2018   взаимодействие   интерфейс

Эффект эстетики

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

Треть моделей Макбук Про 2016 года выпустили с бракованной клавиатурой. Но всё равно хочется:

2018   взаимодействие   интерфейс