Дизайн впливає на просування інтернет-бізнезу. Як саме?

фотосток Unslash/

Hal Gatewood

• Що таке UX дизайн

• Що таке UI дизайн

• Базові принципи роботи з ними

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

Що таке UX дизайн?

User Experience Design ( UX ) в перекладі - дизайн взаємодії з користувачем. Визначає наскільки сайт зручний для зчитування інформації саме користувачу. Мова йде не про привабливий зовнішній вигляд, а про найбільш вдале розміщення елемістів сторінки. Тобто дизайн, головною метою якого є якомога доступніша подача продукту майбутньому споживачу. Його ціль - найкоротшим шляхом скоординувати покупця до замовлення. Принцип базується на мінімуму маніпуляцій, що приведуть користувача до бажаного. Важливо усунути весь можливий візуальний шум - об'єкти, які відволікають, несуть абсолютно непотрібну інформацію. Швидкий та легкий доступ до важливого - респект. До початку створення структури SEO-фахівцю важливо врахувати особливості цільової аудиторії, схеми взаємодії з нею.

• userful - корисний

• satisfiable -задовільний

• convenient - зручний

• credible - достовірний

• desirable - бажаний

• accessible - доступнийцінний

• valuable - цінний

Умови комфортного перебування клієнта на сайті:

1. Читабельний шрифт

2. Легкість пошуку інформації

3. Візуальне оформлення

4. Адаптація під гаджет

5. Фільтрування

!. Читабельні шрифти

( вдале поєднання різних шрифтів, їх масштабу, кольорового рішення тощо )

Зрозумілі та доречні в своєму поєднанні шрифти. Їх ділять на 5 видів: рукописний, для заголовуів, брусковий, із зарубками, без зарубок. Тенденція до мінімалізму не дарма зачіпила і цей пукт. Оригінальний шрифт - це не те, чим має запам'ятатись сторінка. Навпаки, це відволікатиме клієнта від запропонованих товарів чи послуг.

2. Легкість пошуку інформації

( Грамотна структура, навігіція, вільний доступ до шуканої інформації )

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

3. Візуальне оформлення

( Наскільки помітні й зрозумілі головні елементи сторінки )

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

4. Адаптація під гаджет

( комфортне замовлення в будь-яких умовах )

Можливість оформити замовлення як з персонального комп'ютера, так і з смартфону. При користуванні різними гаджетами сторінка не має втрачати свою функціональність.

5. Фільтрування

( швидкий доступ до бажаної інформації )

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

Що таке UI дизайн ?

User Interface Design ( UI ) в перекладі - дизайн інтерфейсу користувача. Це наповняння сайту візуальними об'єктами. Шрифти, анімації, зображення, кнопки - все що бачить користувач.

• typography - типографіка

• images - зображення

• formes - форми

• buttons - кнопки

• content - вміст

• color scheme - кольорова схема

1. Типограграфіка

( чіткість, читабельність, естетика )

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

2. Форми

( де і які форми застосовують )

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

класифікація форм в дизайні

3. Зображення

( якість зображень, візуал )

Переходьте за посиланням та читайте рекомендації:

• Тенденції візуалу корисні СУЧАСНОМУ дизайнеру

• Колір ВАШОЇ цільової аудиторії

4. Кнопки

( чи зорієнтується користувач як саме взаємодіяти на сайті )

Чи помітні кнопки взаємодії на сторінці? Чи виділяються вони розміром,кольором, формою, чи, може, анімацією? Про це, однозначно, варто подбати.

5. Вміст

( увесь вміст має відповідати заданій темі )

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

6. Кольорова схема

( поєнання кольорів + викликані ними асоціації )

Завдання колірної схеми - створити

єдність композиції. Втілення в проєкт

правил, таких як 60/30/10, тріадичної

або тетрадичної схем, принципів

монохромотичності, ахроматичності чи

комплементарності, дійсно доступніше

подають зміст сторінки ніж рандомний

вибір кольорового рішення. Щоб

користуватися ними не потрібно вивчати

всю теорію мистецтва. Достатньо зрозуміти

прицип застосування кількох універсальних Приклади поєднання/фото сайту wanna

прийомів. Кілька прикладів побачи нижче.

Поєднання двох/трьох/чотирьох кольорів

фото з сайту wanna