Як правильно проектувати інтерфейс

Share the post "Як правильно проектувати інтерфейс / сайт / Лендінгем"

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

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

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

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

Проектування, засноване на персонажа

У центрі всього процесу виявляється якийсь вигаданий образ - персонаж з ім'ям, фотографією і навіть історією життя, у якого є свої вагомі причини використовувати ваш продукт або сайт.

Ви повинні придумати справжню історію: чому він вирішив використовувати ваш продукт / зайти на ваш сайт, що він робив до цього, що він очікує отримати.

Завдання досвідченого проектувальника виявити цих самих персонажів з безлічі всілякої аудиторії, визначити їх потреби (очікування) і реалізувати відповідні інтерфейсні рішення.

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

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

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

Як створити персонажа?

Як і у випадку зі звичайними пологами, персонаж є результатом попередньої роботи, в нашому випадку - досліджень.

Спершу необхідно провести серію інтерв'ю з усіма відповідальними сторонами. Такими сторонами можуть бути:

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

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

Тепер справа за картою емпатії (Empathy Map). Вона необхідна для формування повноцінного способу кожного персонажа і виглядає приблизно ось так:

Заповнити її після інтерв'ю буде досить просто і при цьому до цього процесу краще залучати ще кілька людей, тому що в силу стереотипів мислення однієї людини, деякі значущі варіанти дуже легко втратити.

Чек-лист персонажа

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

ім'я
Підлога
вік
професія
Середній дохід / джерело доходу
Час доби, коли він взаємодіє з продуктом
очікування
Попередній досвід взаємодії з продуктом / аналогом / конкурентом

Що з усім цим робити?

Тепер залишається тільки пріоритезувати потреби (найважливіші закриваємо відразу, решта по ходу) і зіставити їм інтерфейсні рішення. Рішення можуть бути як і елементами сайту, так і елементами бізнес-системи (нарахування балів або бонусів, повідомлення якого-небудь пропозиції або рішення).

Тепер, коли є розуміння цільової аудиторії, персонажі і їхні потреби, з'являється поле для справжньої діяльності. Замість расталкивания по макету стандартних блоків на кшталт: «чому 99% клієнтів вибирають нас», «поспішайте на акцію», і, що ще важливіше, замість того, щоб розбивати собі лоб, коли ніхто з клієнтів, що проходять повз ларька зі свининою в мусульманському районі , не зупиняється, щоб купити собі свининки, тепер можна буде робити все по-розумному.