Професійні секрети по UX: пальці не мишка!

У нашій класній збірці ви знайдете не менш класні поради по UX від американського дизайнера Джоела Марша. Якщо ви тут вперше – то краще розпочніть з першого секрету.

Секрет четвертий – пальці не мишка

Ви коли небудь помічали, що кішка кидається на курсор мишки, який рухається по екрану, але їй абсолютно пофіг на ваш палець, який ви рухаєте по тачпаду?

Коли ви проектуєте щось (неважливо, пов’язано це з цифровими технологіями чи ні), в першу чергу потрібно думати над тим як цим будуть користуватися – в фізичному сенсі. У випадку з діджіталом, засобом введення виступає щось на кшталт миші, ну наші ж пальці.

Саме так, миша – це пристрій в нашій руці, яке рухає маленьку стрілочку на екрані – за допомогою координації рухів і зору. За допомогою курсору можна потрапити навіть у певний піксель, але куди приємніше нею натискати в зону площею 8-10 пікселів. Можна клікати, кликати і перетягувати, тягти і кидати, вибирати область або список пунктів і ще багато чого.

Ваш палець прикріплений до вашого тіла, і ви відчуваєте все дотику. Управління вашим пальцем і рукою – це одна з базових задач мозку. Залежно від розміру пальця, він може ткнути в область від 30 до 50 пікселів. І так, палець може тикати, тикати і тягти, тягти і кидати (і знову, перетягнути і кидати), і навіть управляти, вимальовуючи всякі закарлюки на екрані (вони називаються жестами). За допомогою декількох пальців можна робити різні жести: наприклад, затиснути або серветки, а також можна перетягувати щось, скролити і т.д.

Але, це різні речі, і тому їм потрібні різні підходи при проектуванні 😉

  • Справжні метафори

Коли ми торкаємося до тачскріну, між нами і кнопкою на екрані немає ніякої мишки. Ми в буквальному сенсі натискаємо кнопку. А курсор миші натискає її лише в метафоричному сенсі. Правда в тому, що ніякої ложки немає.

Клік миші – це дія в два етапи: кликни мишкою = натисни на кнопку = дію. За допомогою пальця дія відбувається в один етап: натисни на кнопку = дію.

Кішка грає з курсором, тому що він ніби рухається сам по собі. А якщо розглядати з точки зору мозку, для переміщення курсору потрібно більш потужний ресурс, ніж для управління пальцем.

  • Відносне/реальне розташування

Якщо вимкнути екран і поворухнути мишкою, то де ж курсор? Поняття не маю. Якщо вимкнути екран і поворухнути рукою, то де ж палець? Ясна річ. Ця невелика особливість має величезне значення в розумовому плані. Якщо хочете зрозуміти, наскільки неприродно управляти мишею, розгорніть її задом наперед і спробуйте попрацювати.

  • Підказка при наведенні курсору

Комп’ютер завжди знає, де знаходиться курсор. Коли курсор наведений на кнопку, вона часто змінює колір. Це такий цифровий еквівалент “дотику” кнопки, коли ми “торкаємося” до неї мишею (ефект, який відчувається при допомоги зору).

Однак комп’ютер поняття не має, де знаходиться палець, доки їм не ткнуть в екран. Таким чином, зворотній звязок стає не потрібен, адже ми тепер знаємо, що торкаємося … Ми робимо це своїм же пальцем. Тому все, що можна натиснути, має бути виділено по-особливому, чітко – адже підказок при наведенні вже не буде.

  • Видимість

Коли ти тикаєш в екран, місце, в яке ти тикаєш, закрито пальцем. Якщо ти щось перетягувати, тобі навіть не видно що ти перетягуєш. Скориставшись мишкою, ти будеш чудово бачити все, що знаходиться під нею. Спробуй надрукувати що-небудь на iPhone, і побачиш, що буква, яку ти натискаєш, відображається над відповідною кнопкою.

  • Поріг

Досить просто клікнути кудись. Ще простіше зачепити щось. Помилково. Я частенько торкаюся обличчям до клавіатури, коли  дзвоню по своєму iPhone. Тому операції на кшталт “видалити”, “скинути” або “пожертвувати все на благодійність”, обов’язково повинні вимагати підтвердження (Ви впевнені?)

  • Сам пристрій

Пам’ятайте, що при взаємодії з тач-скрін, в гру вступає сила тертя. Тому рух буде повільнішим, ніж у випадку з мишею. Іноді палець може “забуксували”, тому тягнути щось через весь екран пальцем менш зручно, ніж мишкою. А ще, пристроями з тач-скрін дуже часто керують тією ж рукою, якою їх тримають. Тому в нашому розпорядженні може виявитися тільки великий палець!

Насправді ваші пальці не товсті. Вони красиві. Ідеальні. І нормальні. Але будь-який палець набагато більше курсора. По маленькому текстовому посиланню класно переходити за допомогою миші, але для “нормальних” пальців більше підходять великі і товсті кнопки.

Саме тому пальці і миша – це різні речі 🙂

_______

Попередній секрет – що таке лендінг?

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки

Залишити відповідь