12 основных принципов NUI дизайна

в 16:10, , рубрики: NUI, usability

Доброго времени суток, читатели. Хочу поделиться с вами ответом Дэна Сэйфера c Quora на вопрос об основных принципах натурального пользовательского интерфейса и очень полезным сайтом Design Principles FTW.

Основные принципы NUI дизайна

1. Дизайн для пальцев, не для курсора
Сенсорные элементы должны быть больше десктопных: 10-14 мм для пальцев, 8-10 для курсора.

2. Помните о физиологии и кинезиологии
Не заставляйте пользователей масштабировать и совершать повторные действия.

3. Никаких рук гориллы
Люди не должны выполнять множество задач с вытянутыми руками в течении длительного времени (калибровка, QR ридеры, сканеры и др). Извиняюсь за столь узкий момент.

4. Охват экрана
Совершая какие-либо жесты пальцами руки, в которой находиться устройство, пользователь сам себе загораживает экран. Старайтесь размещать необходимые элементы управления на видном месте.

5. Знайте технологии
Понимание возможностей сенсора или камеры позволяет определить какие жесты вы можете спроектировать.

6. Чем больше сложных жестов, тем меньше людей будут выполнять или захотят выполнять их

7. Инициализируйте действия при отпускании, а не при прикосновении

8. Притягательные возможности
Используйте простые жесты, для того чтобы пользователя начали пользоваться системой.

9. Избегайте неумышленных действий
С разнообразием ежедневных движений пользователя некоторые действия могут выполняться случайно. Избегайте.

10. Элементы управления и жесты
Обеспечивайте простой доступ к функционалу (кнопки, слайды, меню) и продуманные запоминающиеся жесты для шорткатов.

11. Необходимость разнообразия
Есть множество способов выполнения любого жеста.

12. Комбинируйте сложность выполнения жеста с частотой выполнения функции за которую он отвечает
Задавайте простые жесты для простых и частых задач.

Рекомендую также почитать на этом сайте:

Спасибо всем за внимание.

Автор: ilusha_sergeevich

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js