Зміст
Послідовність необхідна для зменшення когнітивного навантаження вашого інтерфейсу. Коли ваш дизайн узгоджується, кожна взаємодія відчувається плавно і без тертя. Коли це занадто непослідовно, користувач повинен витратити зайві зусилля.
Але послідовність у розробці взаємодії є трохи більш конкретною, ніж просто повторювати одні і ті ж речі знову і знову - існують певні види узгодженості та конкретні сфери, в яких послідовність є важливішою за інші.
На додачу до цього, повторювання одних і тих самих речей знову і знову дасть нудні, однакові конструкції. Ви повинні знати, коли порушувати консистенцію, не ведучи до дизайнерського хаосу. Ключовим фактором, як це найчастіше трапляється у дизайні, є рівновага.
У цій частині ми детально розберемо, що означає узгодженість для веб-дизайну, чому це важливо, та опишемо, як узгоджувати те, що очікують користувачі (зовнішня узгодженість).
Чому послідовність має значення
Дизайн взаємодії покладається на навчальність вашої системи.
Простіше кажучи, коли користувальницький інтерфейс працює послідовно, він стає передбачуваним (у хорошому сенсі), що означає, що користувачі можуть зрозуміти, як використовувати певні функції інтуїтивно та без інструкцій.
Це робить виріб простішим у використанні, що є сходинкою для того, щоб зробити його більш бажаним. І навпаки, коли користувальницький інтерфейс суперечливий, це заважає вивченню, викликаючи розчарування у користувача та призводить до поганого досвіду.
Але послідовність не обмежується лише зовнішнім виглядом та поведінкою вашого інтерфейсу.
Ваші користувачі не витрачають весь свій час лише на ваш продукт - більшість свого часу приділяється іншим продуктам, і весь час вони генерують ідеї та очікування від цього іншого досвіду. Тож якщо ви погоджуєтесь із цим зовнішнім досвідом, то засвоюваність вашого інтерфейсу зросте без зайвої роботи з вашого боку.
Найменше здивування
Якщо ви сумніваєтеся, зверніться до Принципу найменшого подиву. Чудові сюрпризи - це чудово (наприклад, як MailChimp дивує користувачів гумором та веселощами), але ваші основні функції не повинні занадто віддалятися від норми.
Перегляд не означає те саме, що і "Підтвердити". Відео не слід сприймати як зображення. Не робіть так, щоб кнопки основних дій відображалися лише при наведенні курсора.
Насправді, якщо ви все ще ставите під сумнів характер узгодженості цифрового дизайну, Apple's iOS Human Guidelines досить добре спрацьовує узагальнення стандартів узгодженості своїх програм. За їхніми власними словами ...
- Чи відповідає програма стандартам iOS? Чи правильно він використовує системні елементи керування, подання та піктограми? Чи включає він функції пристрою так, як очікують користувачі? "
- Чи послідовна програма сама по собі? Чи використовує текст єдину термінологію та стиль? Чи однакові ікони завжди означають одне і те ж? Чи можуть люди передбачити, що станеться, коли вони виконуватимуть однакові дії в різних місцях? Чи виглядають і поводяться користувацькі елементи інтерфейсу однаково в усьому додатку?
- В межах розумності, чи відповідає програма попереднім версіям? Чи залишились незмінними терміни та значення? Чи основні поняття та основна функціональність по суті незмінні? "
З того, що ми обговорювали вище, можна розділити узгодженість дизайну на дві категорії: зовнішня та внутрішня узгодженість. Зовнішній стосується узгодженості вашого інтерфейсу з іншими продуктами, тоді як внутрішній - його узгодженості з ним самим. Давайте поглянемо на деякі з найкращих практик, які ми обговорюємо в послідовності в дизайні інтерфейсу.
Зовнішня консистенція
Зовнішня узгодженість - це не тільки те, наскільки ваш продукт узгоджується з іншими подібними продуктами, він може посилатися на його узгодженість з усіма продуктами на вашій платформі, усім програмним забезпеченням загалом і навіть нецифровими взаємодіями в реальному світі.
То чому зовнішня узгодженість має значення? Підводячи підсумок, мова йде про те, щоб задовольнити очікування користувачів.
Для того, щоб створити дизайн, який збігається з тим, що очікує ваш користувач, ви повинні спочатку зрозуміти, які ідеї вони приносять із собою, перш ніж вони взагалі використовують ваш сайт або додаток. Це поняття, яке експерт юзабіліті Джаред Спул називає поточним знанням.
На поточні знання ваших користувачів впливає безліч зовнішніх факторів, що завгодно - від останнього веб-сайту, який вони використовували, до надуманих очікувань від улюбленого науково-фантастичного фільму. Хоча не хвилюйтеся - здебільшого очікування ваших користувачів будуть обґрунтованими.
Розробка на основі того, що вже відомо вашим користувачам, - не нова концепція. Ця ідея існує протягом багатьох років, переростаючи в загальноприйняті правила дизайну, які ви побачите сьогодні практично в будь-якому додатку чи веб-сайті.
Карусель зображень, піктограма конверта, що представляє електронну пошту, клацання на логотип сайту, щоб повернутися на домашню сторінку ... все це називають шаблонами інтерфейсу користувача.
Наступна сторінка.
