Створення кращого дизайну за допомогою підходу «Перш за все вміст».

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

Якщо ви деякий час були у світі веб-дизайну, то, мабуть, чули про концепцію «вміст спочатку». У цій публікації ми дізнаємося, що таке цей підхід, і наведемо приклад вмісту. перший дизайн в дії.

Базове розуміння підходу «Насамперед зміст» – як працює процес

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

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

Використовуючи підхід, орієнтований на зміст, вони починають із представлення розмов, які вони хотіли б вести зі своїми споживачами через веб-сайт або продукт. Вони можуть відповідати на такі запитання, як «Чому ви сюди потрапили?», «Куди б ви хотіли піти далі?» або «Що ви шукаєте?»

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

Разом професіонали, пов’язані з проектом, вирішують важливі елементи дизайну, які впливають на розбірливість і читабельність вмісту, як-от кольори, міжрядковий інтервал, шрифт, форматування посилань тощо. Це фактори, які можуть зробити або зламати веб-сайт або продукт. Споживачі прагнуть взаємодіяти з вашим продуктом через вміст. Коли ви спершу наголошуєте на вмісті, стає неминучим, що ви ставите споживачів у центрі уваги.

Перехід від "Lorem Ipsum"

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

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

Вміст пропонує повну картину

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

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

Дизайн і вміст не є лінійними

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

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

Обов’язково завчасно плануйте типи вмісту

Вміст не можна пов’язувати лише з фрагментами тексту, оскільки він може приймати форму діаграм, списків, інфографіки, електронних книг, відео, офіційних документів, потокового аудіо тощо.

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

Сила оповідання історій завдяки підходу до дизайну, орієнтованого на вміст

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

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

Підходьте до свого веб-сайту як до фільму. Змістом будуть репліки, які говорять актори. А тепер уявіть собі сцену, коли Раян Гослінг шепоче слова любові та захоплення і при цьому ховається від психа-вбивці на горищі свого діда. Сюжет виглядає заплутаним, чи не так? Розбіжності між вашим вмістом і дизайном можуть призвести до подібних типів плутанини серед відвідувачів.

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

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

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

Потім кожну з цих сторінок можна розділити на різні розділи. Ці розділи теж мають мати певні цілі.

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

Під час підготовки вмісту зосередьтеся на використанні власних слів. У будь-якому випадку, отримуйте відгуки про виконану роботу та редагуйте, доки не будете задоволені результатом.

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

Чому вам потрібно прийняти підхід, орієнтований на зміст?

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

• Співпраця та узгодженість: ви можете бути знайомі з прислів’ям «багато рук роблять легку роботу», і це стосується особливо планування та створення вмісту. Можливо, є речі, які розуміють дизайнери, але ні копірайтери, або стратеги, а розробники фронтенду — ні тощо. Отже, щоб швидко виявити проблеми та знайти можливості, належна співпраця між різними відділами сприяє узгодженості. Таким чином, коли всі знаходяться на одній сторінці, це зменшує або усуває непотрібну плутанину.
• Ефективність: застосовуючи реальний або протоконтент у дизайнах і прототипах, ви швидше ознайомитеся з потенційними проблемами. А також бути в змозі вирішити їх негайно, а не чекати тижнями чи місяцями (або роками). Таким чином, набагато менше часу буде приділено повторюванню дизайну та контенту, оскільки команда вже обговорила проблеми разом під час роботи над створенням контенту.
• Багаторазове використання та гнучкість. Замість того, щоб розглядати цифровий досвід як форми сторінок і окремих елементів, сприймайте їх у термінах багатогранних структур або кластеру рішень, які можна комбінувати та змінювати за потреби. Таким чином можна створити більше продуктів, які є гнучкими та мають тривалий термін зберігання.
• Більше взаємозв’язку всередині відділів: Content-First означає обмін думками між відділами з самого початку. Тепер кожен відділ надаватиме важливу інформацію на різних етапах із різним рівнем інтенсивності. Це означає, що ми всі будемо брати участь у більшій кількості зустрічей і спілкуватися з потрібними людьми.
• Прості та зрозуміліші вказівки: ви можете відчувати себе більш стриманими в тому, наскільки креативними ви можете бути, коли мова йде про дизайн. Але під час проектування та розробки веб-сайту вам потрібна міцна структура та історія. Підготувавши дизайн навколо певного вмісту, вам більше не доведеться змінювати дизайн, щоб відповідати вмісту, який явно йому суперечить.
• Краща якість вмісту: завдяки дизайну, орієнтованому на вміст, вам не доведеться просити свого автора налаштувати чи додати до вмісту дрібниці, оскільки написане не відповідає попередньо схваленому дизайну. Повідомлення вашого веб-сайту можна зберегти в призначеному та початковому стані, якщо ви творчо сформуєте дизайн навколо нього.
• Підвищена узгодженість: коли кожен елемент розвивається окремо один від одного, в об’єднанні, як правило, чогось не вистачає. Вміст може бути відредагований, дизайн може бути змінений в останню хвилину, або історія може виявитися непослідовною. Контент і дизайн повинні використовуватися в ідеальній співпраці один з одним як єдине ціле, а це може статися лише тоді, коли контент стоїть на першому місці.
• Підвищує продуктивність: підхід до веб-розробки, який орієнтований на першочерговий дизайн, призводить не лише до конфліктів між історіями, зображеними на сайті. Це також призводить до конфліктів між членами команди, оскільки творці контенту дивляться на історію під одним кутом, а дизайнери — під іншим. Замість того, щоб витрачати час на визначення того, який кут має більше сенсу, ви зберігаєте свою продуктивність, логічно співпрацюючи над історією свого сайту.
• Спрощує процес: процес, який ви виконуєте зараз, може здатися зручним і ефективним, але якщо ви розробляєте свої веб-сайти не на основі надійного вмісту, то вам, імовірно, доведеться боротися з непередбачуваними часовими рамками та масштабами проекту. Ви будете здивовані тим, наскільки зручно оптимізувати ваш процес за допомогою цього підходу, який спершу надає вміст.
• Вища маржа прибутку: якби вам довелося передбачити, де ваш бізнес втрачає найбільше грошових ресурсів і імпульсу, чи правильно було б сказати, що це походить від клієнта? Їм може не подобатися, як щось написано. Вони можуть виявити, що дизайн не відповідає повідомленням, які вони змусили вас переглянути. Або вони можуть бути незадоволені тим, скільки часу все це зайняло, хоча вони просили більше переглядів. Якщо ви часто отримуєте скарги або запити на перегляд від своїх клієнтів, дизайн, орієнтований на вміст, зменшить втрату часу та дозволить вам більше зосередитися на створенні добре спланованих веб-сайтів.

Кінцева виноска

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