Корисна та службова інформація в інтерфейсі

    За моїми спостереженнями, проектуючи користувальницьке взаємодія, дизайнери часто не дотримуються баланс між корисною і службовою інформацією, з перекосом у службове. Під корисною інформацією я розумію ту, заради якої людина приходить, наприклад на сайт. Під службовою — та, яка відноситься до навігації, бренду або інтерфейсній фурнітурі. Для наочності тези, покажу на приклади дисбалансу, застосувавши колірне кодування: червоним виділю службову, корисну зеленим.
 
1. Іпотечний калькулятор ВТБ24
Величезний перекіс у службову інформацію. Корисна інформація загубилася за інтерфейсом.
 
 image
 
2. Іпотечний калькулятор Ощадбанку .
Корисної інформації ні, поки не клацнеш на кнопку «Розрахувати кредит». Тому все червоне.
 
 image
 
3. Розрахунок іпотеки в банку Відродження .
Простирадло з місяців, процентних ставок і щомісячних платежів.
 
 image
 
Не існує золотого правила балансу — тут працює тільки здоровий глузд. Дизайнер повинен пам'ятати, користувачеві потрібна корисна йому інформація, все інше це доважок і спосіб її отримати. В ідеалі службової інформації бути не повинно. Щоб домогтися балансу не потрібно бояться нелінійності в інтерфейсах.
 
Приклади з оптимальним балансом.
 
1. Розрахунок вкладу в банку ТКС
 
 
 
2. Розрахунок внеску в рибі Зв'язкового банку
 
 
 
3. Вибір і пошук автомобілів в Яндекс. Авто
 
 
 
Що об'єднує хороші приклади:
— Контраст в подачі,
— Компактне розміщення службової інформації,
— Візуальний акцент на корисної інформації.
 
Резюме.
Зробили інтерфейс — виділіть службову і корисну інформацію. За необхідності збалансуйте, приберіть перекіс службової.
    
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.