Як представити веб-дизайн клієнту
Успіх вашого дизайну залежить не лише від вашої здатності створити щось візуально привабливе, а й від вашої здатності продати це.
Як професійний дизайнер, ви повинні знати, як спілкуватися з клієнтом і презентувати свій продукт найкращим чином. Чим краще ваша презентація, тим більше шансів, що ваш проект буде схвалений.
У цій статті ми поділимося деякими секретами ефективної презентації та деякими хитрощами, щоб ваші клієнти закохувалися у вашу роботу. Ми почнемо з кількості варіантів, які ви повинні надати своєму клієнту.
Скільки варіантів дизайну я повинен представити?
Шина Айенгар, всесвітньо відомий експерт із питань вибору та прийняття рішень, каже, що різноманітність вибору може привернути увагу споживачів, але водночас приголомшити та заплутати їх. Тобто, враховуючи занадто багато споживачів, вони просто виберуть щось, навіть якщо це не найкращий варіант.
Навіщо пропонувати кілька варіантів, у тому числі ті, у яких ви не впевнені? Якщо ви пропонуєте забагато варіантів, ваш клієнт цілком може проігнорувати ваш улюблений дизайн. Тому ми рекомендуємо представити лише остаточний прототип.
Однак це не означає, що ви повинні показати лише одне зображення. Розкажіть всю історію з самого початку, надаючи миттєві знімки вашого проекту на різних етапах. Поясніть прийняті вами рішення та те, як вони відповідають бізнес-цілям вашого клієнта. Проведіть свого клієнта через усі ітерації, через які ви пройшли, щоб знайти рішення його проблеми. Це підкреслить ваш досвід і доведе, що ви не просто перемалювали існуючий дизайн, а виконали великий обсяг роботи.
Головний герой вашої дизайнерської історії – ви. Клієнти спостерігатимуть і судитимуть вас за вашими словами та діями. Тому вам краще заздалегідь подумати про те, що ви говорите.
Як зачарувати клієнтів своєю презентацією
Іноді, презентуючи свій дизайн, ви можете викликати шквал спекуляцій, розкрити занадто багато інформації або змусити клієнта занудьгувати. Очевидно, це не те, що ви насправді хочете робити. Якщо ви хочете провести плавну презентацію, спробуйте організувати її за допомогою цих п’яти кроків:
1 Сформулюйте задачу
Що потрібно зробити в першу чергу? Установіть очікування для своєї аудиторії: повідомте, що ваші клієнти збираються побачити та що вони отримають від цього. Сформулюйте проблему, поставлену на вашій першій зустрічі, завдання, над яким ви працювали (наприклад, створити швидкий і чудовий дизайн веб-додатку для фітнесу), а також підходи, які ви використовували для вирішення цієї проблеми.
Крім того, ви можете почати з короткого підсумку того, що ваші клієнти вже бачили: останній дизайн, існуючий продукт або оновлений елемент. Ви також можете торкнутися останніх відгуків ваших клієнтів. Роблячи це, ви закладете основу для основної презентації та уникнете непотрібних запитань.
2 Зверніться до бізнесу свого клієнта
Спробуйте зробити свою презентацію більш особистою. Обговоріть бренд вашого клієнта та його цільову аудиторію. Ваша мета — показати, що ви розумієте бізнес свого клієнта. Припустімо, ви розробляєте веб-сайт для компанії Soft Blankets. Цей веб-сайт повинен відображати асортимент і ціни компанії, а також передавати відчуття тепла і затишку клієнтам.
Ви можете збагатити як свої макети, так і остаточний дизайн фотографіями компанії вашого клієнта замість стокових фотографій. Наприклад, якщо ви створюєте веб-сайт благодійної організації, реальні фотографії благодійного аукціону, проведеного компанією, матимуть набагато більший вплив на ваших клієнтів та їхніх потенційних покровителів.
3 Опишіть процес проектування
Дайте короткий опис кожного окремого етапу вашого процесу проектування та розкажіть про інформацію, яку ви отримали. Ви також повинні підкреслити, як ви використали цю інформацію для покращення загального дизайну. Тут дуже важливо представити компоненти дизайну як переваги для бізнесу вашого клієнта. Наприклад, ви можете пояснити, що ви використали більше червоного кольору для веб-сайту швидкого харчування, оскільки це підвищує апетит клієнтів і може спонукати клієнтів замовляти більше їжі. Тепер секрет McDonald’s і KFC розкрито.
4 Проведіть розмову
Презентація дизайну – це розмова. Якщо ви хочете отримати поінформований відгук, відповідайте на запитання, коли вони виникають, і пояснюйте все, що ваш клієнт пропустив. Переконайтеся, що ваша презентація зрозуміла вашому клієнту, і що ви знаходитесь на одній сторінці. Крім того, конструктивний діалог може принести нові ідеї та рішення.
5 Збирайте відгуки
Останній і, мабуть, найважливіший крок – отримати зворотній зв’язок. Дайте своїм клієнтам трохи часу, щоб оцінити вашу роботу. Час, який вам потрібно чекати, залежить від вашого клієнта, його навантаження та розміру вашого проекту. Очевидно, що для розгляду великих проектів потрібно більше часу, ніж для малих. Не панікуйте, якщо ваш клієнт не відповість протягом перших трьох днів. Веб-сайт, який ви розробили, є важливою частиною бізнесу вашого клієнта, і вони повинні бути впевнені, що він завоює їхню аудиторію.
Як правильно збирати відгуки
Іноді, однак, ви можете наполегливо працювати та все одно отримувати марний зворотний зв’язок або який ви не можете належним чином керувати, або відповідь може тривати місяцями. Як уникнути такої ситуації та визначити правильний напрямок для своїх клієнтів? Просто дотримуйтеся цих порад.
1 Плануйте наперед
Ми рекомендуємо вам прояснити всі питання, перш ніж збирати відгуки. Встановіть конкретну дату, коли ваш клієнт надасть відгук про вашу роботу. Поставтеся до цієї дати серйозно. З вашого боку було б непогано нагадати клієнту про дату зворотного зв’язку за кілька днів. Ви також повинні узгодити форму зворотного зв’язку – дзвінком, електронною поштою чи особисто.
2 Ставте цілеспрямовані запитання
Досить часто дизайн-презентації цілком перетворюються на обговорення контенту. Зрозуміло, що очікуються деякі обговорення контенту, але ваш клієнт не повинен присвячувати всі свої відгуки цій темі. Якщо ви хочете отримати корисний відгук, ставте конкретні запитання та спрямовуйте розмову на те, про що ви дійсно хотіли б почути відгук.
Не запитуйте своїх клієнтів: «Що ви думаєте?» Замість цього запитайте їх, чи відповідає ця концепція їхнім бізнес-цілям або в чому вона не виконує їх, або запитайте їх, чи відповідає палітра кольорів позиціонуванню бренду.
3 Зрозумійте справжнє значення
Коментуючи ваш проект, клієнти часто пропонують рішення, а не вказують на проблему: «Ви можете зробити цю кнопку більшою? Чи можете ви додати більше зелені?» Ваше завдання полягає в тому, щоб визначити основну проблему або виклик, що ховається в цьому відгуку.
Завжди запитуйте їх чому: «Чому ви хочете, щоб ця кнопка була більшою? Чому ви вважаєте, що більше зелені буде кращим для вашого сайту?» Дастін Кертіс, засновник Svbtle, ставить щонайменше три запитання своїм клієнтам щодо їхньої думки.
4 Застосовуйте логіку та цитуйте відомі бренди
Якщо ви не поділяєте ту ж думку, що і ваш клієнт, не починайте його критикувати та дискредитувати. Натомість підтверджуйте свої аргументи фактами, дослідженнями та дослідженнями. Нехай ці факти говорять самі за себе. Крім того, як приклад можна навести відомі компанії.
Уявіть, що ваш клієнт попросив вас зменшити розмір шрифту з 22 до 12 пт. У цьому випадку ви можете відповісти щось на зразок «Це цікавий момент. Але ви знаєте, нещодавно я прочитав дослідження, яке показало, що більший розмір шрифту може викликати сильніші емоційні зв’язки з брендом. До речі, Medium також використовує шрифт 22pt».
І не використовуйте фрази в стилі «я ж вам казав». Спробуйте проявити співчуття: «Так, я теж був шокований, коли почув це».
5 Поважайте думку клієнта
Навіть якщо ви, ймовірно, маєте набагато більше досвіду у веб-дизайні, ваш клієнт все одно знає свій бізнес краще за вас. Саме вони будуть користуватися дизайном щодня. Тому вони повинні відчувати себе комфортно на веб-сайті, який ви розробили.
Якщо ваш клієнт залишається незадоволеним вашим дизайном, перегляньте вашу роботу разом. Спробуйте знайти компроміс і адаптувати дизайн на основі відгуків клієнта. Пам’ятайте, що симбіоз знань вашого клієнта та вашого досвіду може дати справді успішний продукт.
Тепер ви вже знаєте теоретичну частину: як діяти і що говорити, презентуючи свою дизайнерську роботу. Але незрозуміло, в якій формі ви повинні оформити свій дизайн. Як має виглядати ваш прототип?
Який тип прототипу мені вибрати?
Ми не можемо дати вам універсальну відповідь і сказати «просто намалюйте це так». Але ми можемо полегшити вашу роботу, запропонувавши кілька корисних порад щодо процесу створення прототипів. Ми радимо вам вибрати тип прототипу та інструменти, які ви використовуєте для його створення, залежно від стадії проектування, на якій ви зараз перебуваєте – ранньої чи завершальної. Давайте детальніше розглянемо обидва ці етапи.
Початкова стадія
На ранньому етапі ви продумуєте логіку та функціональність веб-сайту: макет, функції, з’єднання та переходи. Пам’ятаючи про свою цільову аудиторію, ви формуєте елементи, які зроблять веб-сайт інтуїтивно зрозумілим для користувачів. Ваша основна мета – перевірити працездатність виробу.
Тому на цьому етапі ви можете представити прототип низької точності у вигляді простих схематичних екранів, як правило, у основних кольорах і без візуальних ефектів чи деталей.
Щоб створити прототип низької точності, ви можете спробувати такі інструменти:
- Wireframe.cc – один із найпростіших інструментів, який дизайнери можуть використовувати для створення каркасів. Його головні переваги — простий інтерфейс і можливість розпочати проектування каркасів одразу без будь-якої реєстрації.
- Moqups.com – веб-програма, яка допомагає створювати каркаси, макети та прототипи. Moqups пропонує вбудовану бібліотеку з тисячами наборів значків, хмарне сховище, а також функції коментарів і відгуків.
- Pencil Project (pencil.evolus.vn) – безкоштовний інструмент створення прототипів із відкритим кодом для настільних і мобільних платформ. Pencil Project надає вбудовані колекції (фігури, елементи блок-схеми тощо), підтримку малювання схем і міжсторінкові зв’язки.
З прототипом низької точності потрібно бути обережним, оскільки ви можете зіткнутися з нерозумінням і негативними зауваженнями з боку клієнта: «Чому екрани такі прості? Чому ви використали таку погану колірну схему?» Якщо це станеться, знайдіть час, щоб пояснити своєму клієнту, що таке UX і наскільки це важливо для його продукту, що UX є серцем і душею їх майбутнього веб-сайту, і що цей прототип ще далекий від остаточної версії.
Завершальний етап
На завершальному етапі вам потрібно надати клієнту прототип високої точності: додати інтерактивні елементи, такі як мікровзаємодії, навігація від екрана до екрана та інші анімації.
Високоточний прототип — це комп’ютерне інтерактивне представлення, створене якомога ближче до остаточного дизайну (з точки зору деталей і функціональності), щоб дозволити вашому клієнту перевірити зручність використання продукту та зробити висновки щодо поведінки користувача.
Високоточні прототипи дозволяють відчувати переходи та функції веб-сайту більш реалістично, ніж прототипи низької точності, і виявляють потенційні помилки чи труднощі на цьому етапі перед створенням інтерфейсу користувача.
Якщо ви не впевнені, які інструменти використовувати для анімації свого прототипу, спробуйте:
- InVision (invisionapp.com) – цифрова платформа для розробки продуктів, яка дозволяє створювати інтерактивні прототипи за лічені хвилини. Використовуючи InVision, ви можете створювати таблиці стилів і генерувати реальний код для будь-якого елемента дизайну. Крім того, InVision дозволяє вашим клієнтам, членам команди та зацікавленим сторонам коментувати безпосередньо ваші проекти.
- Adobe XD (adobe.com/products/xd.html) – комплексне рішення UI/UX, яке допомагає перетворити ваш статичний макет на інтерактивний прототип одним клацанням миші. За допомогою Adobe XD ваш прототип автоматично оновлюється з кожною внесеною вами зміною: синхронізація не потрібна.
- Principle (principleformac.com) – інструмент створення прототипів, який дозволяє розробляти анімовані та інтерактивні інтерфейси користувача незалежно від того, чи ви розробляєте потік багатоекранної програми чи нові анімації та взаємодії.
Чи готові ви представити свій веб-дизайн?
Форма, у якій ви презентуєте свій дизайн, залежить від типу продукту, компонентів дизайну, які ви представляєте (наприклад, компонування чи функціональність), і етапу процесу проектування, на якому ви перебуваєте. На ранньому етапі ви можете дотримуватися низького -точні прототипи, тоді як пізня стадія вимагає якнайшвидшого підходу до кінцевого продукту та доставки високоточного інтерактивного прототипу.
Звичайно, успіх вашої презентації залежить від вашої впевненості та даних, якими ви володієте: тримайте під рукою факти та логічні аргументи, щоб підтвердити свою думку. І не бійтеся запитати свого клієнта «чому?».
Ви пробували якісь із цих порад? Чи знаєте ви ще якісь секрети виграшної презентації? Поділіться своїми думками в коментарях нижче.