Зміст
Інтерактивний дизайн - це складна і недостатньо зрозуміла галузь - врешті-решт, їй лише десятки років. Аутсайдеру здається простим, хоч і технічним процесом («створити веб-сайт»), насправді є складною комбінацією десятків дисциплін, що переплітаються в цілому спектрі.
На цей процес впливає незліченна кількість факторів: власники проектів із різним рівнем знань, бізнес-стратегії, що визначають досяжні цілі, аналіз поведінки клієнтів тощо. Хороший веб-дизайн повинен зайняти кілька тижнів, перш ніж на екрані буде намальовано один піксель. І під «хорошим» я маю на увазі «ефективним»: такий, який допомагає власнику проекту (ipso facto клієнту) краще вести свій бізнес.
Рецепт швидкого харчування
Щось досить тривожне відбувається. Я вже деякий час важко розрізняю веб-сайти. Це трапляється з веб-сайтами, на які я натрапляю через producthunt.com, або раз у раз рекомендації через Twitter. У мене таке дивне відчуття, що я бачив усе це раніше.
Уявіть собі: простий білий слоган, встановлений геометричними білими літерами, накладений на приголомшливу повноекранну фотографію заходу сонця над пишним гірським хребтом, віддзеркаленим в озері. Односкладове слово, встановлене білими жирними літерами у верхньому лівому куті, і стильне «Зареєструватися» на кнопці у формі таблетки у формі волосся у верхньому правому куті.
Ви ніколи раніше не бачили цей веб-сайт, бо я щойно його вигадав. Але ви це впізнали. І саме в цьому проблема. Чи лінуються дизайнери, чи ми досягли особливості дизайну? Чому речі починають виглядати однаково?
Особливість дизайну
Інтернет, яким ми його знаємо, існує близько 20 років. Веб-дизайн виріс із експериментального періоду, подібно до того, як студент коледжу залишив свою фазу підліткового панк-готу. Тепер, коли Інтернет доступний для всіх, це стало першочерговим пріоритетом для будь-якого поважаючого себе бізнесу, продукту, любителя котів, власника котів чи стартапів, який має власний веб-сайт.
Це як золота лихоманка Клондайку 1896 року: веб-сайт може бути у кожного! Подібно до події у Клондайку, коли Інтернет став відкритим для всіх, підприємства відкрилися для обслуговування тих, хто шукає допомоги. Системи управління контентом, такі як WordPress, працюють на шаблонах без зайвих клопотів, і тому індустрія шаблонів була розгорнута. Обіцянки пишних кольорових схем, сучасної типографіки та гнучких навігаційних рішень, доступних після установки одним клацанням миші, заманили неосвічених власників бізнесу. Лише після транзакції (і ночей розчарованих суєт), зрозуміло, що їхній сайт ніколи не буде виглядати так добре, як рекламується.
До речі, приблизно в цей же час стартапи веб-сервісів виходили з вологого ґрунту, як гриби, і у них була зовсім особлива причина розвивати свою присутність в Інтернеті: набирати зчеплення, щоб покращити шанси на отримання вибухонебезпечного доходу та / або викуп долара. Найкращий спосіб зробити це - зібрати маси користувачів, а це означало калібрувати веб-сайт, щоб зробити процес виявлення та інкорпорації якомога безболіснішим.
Однорідний суп
Усе це призвело до рецепту, який я описав раніше: переконливий повноекранний візуальний ключ, жорстоко проста виплата та чіткий заклик до дії до реєстрації. Airbnb став з ним надзвичайно успішним; це працювало на Path, Snapchat та Square. І сьогодні ми бачимо цю стратегію скрізь. Клієнти часто вимагають подібного вигляду та відчуття, сподіваючись, що цей вигляд зіпсує його успіхи. Швидкий огляд Producthunt.com та land-book.com підтверджує саме це: це однорідний суп із не зобов’язаних текстів, розміщений у геометричних шрифтах над великими зображеннями з кнопкою внизу. Просто спробуйте це: перевірте п’ять випадкових сайтів, а потім спробуйте згадати, який з яких був.
За словами Еммета Конноллі, директора з дизайну продуктів Intercom, "Це світ, де ваш постачальник кредитних карток і служба передплати на шкарпетки виглядають точно такою ж компанією". Це майже так, ніби все зроблено як задум.
Живильні властивості
Це підводить мене до суті проблеми: цифровий дизайн надзвичайно швидко дає задовільні результати, якщо ви знаєте, як змішувати інгредієнти швидкого харчування. Але подібно до фаст-фуду, такий дизайн згубний для здоров’я вашого бізнесу. Замість того, щоб спонукати вашу компанію будь-якими живильними властивостями, вона просто насичує вашу негайну тягу мати професійний веб-сайт.
Професійний веб-сайт для постачальника платіжних послуг не повинен просто шукати частину: він знає, хто ти, що ти прийшов, і накрив для тебе стіл. Він відповідає на ваші найглибші занепокоєння, тримає вас за руку і показує, як продовжувати рухатися після того, як ви прийняли своє рішення. Існує дуже вагома причина, чому Squarespace настільки доступний: він не робить жодної роботи для вас. Це не буде турбувати про вашу бізнес-модель або про те, якими є ваші відвідувачі. Все, що він робить, - це дати вам інструменти для розміщення вашого вмісту в задовільних інтерфейсах веб-сайтів.
Процес проектування
Процес проектування робить або порушує будь-який дизайн сайту. Це завжди починається з розуміння або дослідження. Незалежно від того, як дизайнери посилаються на цей крок: це звичайне старе дослідження. Ми гуглюємо ваш бізнес, аналізуємо ваших конкурентів, намагаємося зрозуміти сили на вашому ринку та те, що змушує ваших бажаних клієнтів відмітити.
Дизайнер поставить вам багато запитань, деякі з яких можуть викликати дискомфорт, оскільки ви не уявляєте, як на них відповісти. Це добре: нам усім потрібно періодично розмірковувати над своїм бізнесом. Редизайн - це часто стратегічний сигнал пробудження. Перефразовуючи Майка Монтейро, те, що починається з веб-дизайну, часто закінчується реструктуризацією компанії.
Тільки після глибокого розуміння контексту вашого бізнесу доцільно розробити стратегію дизайну: це люди, на яких ви націлюєтесь. Саме так ви продаватимете свій товар. І це набір досяжних цілей, за допомогою яких ми вимірюватимемо, чи правильним є ваш сайт.
А після цього, нарешті, ми можемо потурбуватися про дизайн, який ви бачите: структуру веб-дизайну, кольорові схеми, гарнітури тощо. Якщо після всього цього ваш дизайнер переконаний, що рецепт фаст-фуду все-таки є вагомим результатом, тоді це добре для вас: принаймні ви зробили своє дослідження, щоб підкріпити його, і повісили деякі жорсткі цілі, щоб переконатися, що ви всі працюєте до того самого результату.
У наступних тенденціях немає нічого шкідливого: вони є сутью нашої галузі, і вони прийдуть і підуть. Такі тенденції є скрізь; в редакційному дизайні, архітектурі та моді. Різниця між цими галузями та нашою інтерактивною індустрією полягає в надмірній доступності ресурсів та інструментів, доступних для недизайнерів, з їхнім особливим наміром зробити речі прохідними або професійними, коли вони насправді не є. Подібно до кольорових номерів Мона Лізи: ви можете відтворити, як виглядав шедевр, але він не відображатиме жодного блиску чи проникливості майстра.
Слова: Девід Віланд
Девід Віланд - керівник дизайну в Grayscale. Ця стаття спочатку була опублікована у випуску 174 журналу net.
Сподобалось? Прочитайте це!
- Прискоріть процес розробки, кодуючи із співпереживанням
- Найкращі фоторедактори
- Посібник дизайнера по роботі вдома
