Посібник ніндзя, як покращити веб-дизайн
Раніше веб-сайти створювали складно, починаючи з нуля, без будь-якого типу виконання заздалегідь запланованих форматів чи стилів. Таким чином вони були значно вдосконалені.
Тож натякайте на це як на гостру правду чи міф, але раніше сайти були більш креативними та примхливими з вкрапленнями диких відтінків та експериментального дизайну, а деякі навіть мали відео, що відтворювалося у фоновому режимі. У кожному разі це було набагато веселіше та крутіше, ніж зараз.
У наші дні кожен інший веб-сайт, який ви відвідуєте, певним чином нагадує будь-який із них, ніби вони побудовані в пакетах. Кілька поширених особливо помітних речей: наявність зображень героїв або слайдерів на веб-сайті. Супроводжується панеллю навігації у верхній частині екрана. Деякі збільшені рядки, написані деякими налаштованими шрифтами разом із кнопками, які використовуються для прокручування сторінки. І з усім цим коротким описом продукту чи послуги, які пропонує організація.
Здається очевидним, що цього року також переважатиме подібне, однак, щоб придумати щось нестандартне, потрібно мати на увазі кілька речей і те, що ви отримаєте сьогодні.
Причина втрати творчості веб-дизайну
Як сумнівну правду, можна без особливої натяжки висловити, що архітектура веб-сайтів у старих умовах іноді була дещо кепською, а стиль проникливий, однак мав саме втілення творчої енергії та експериментів. Рівнозначно тим, здається, що ми переглядали щось порівняльне лише з невеликою зміною в плані домовленостей і затінення.
До подальших повідомлень абсолютно безпомилково, що веб-планування перетворилося на винятково мляве щодо унікальності та винахідливості. Це тому, що ми зробили його відносно менш вимогливим? Швидше за все, з появою готових структур кожен модник може легко створити декоративну ділянку в будь-який мислимий час.
Наприклад, у випадку, якщо ми розглядаємо використання Bootstrap за попередні пару років, він буде видатним серед найбільш використовуваних у плануванні сайту. Більш ніж 25% сайтів, які ми відвідуємо практично щодня, окреслені за допомогою Bootstrap.
Основна мета його основного використання полягає в тому, що Bootstrap миттєво надає компоненти, які потрібні автору, пам’ятаючи про кінцеву мету для планування сайту. Таким чином, його використання ніби оживляє процедуру.
У будь-якому випадку це може призвести до того, що винахідливість і унікальність будуть назавжди втрачені, тому ми розглянемо певні фундаментальні істини, які дозволять творцеві надати своїй творчій енергії іншу форму та перетворити сайт на винятковий, навіть використовуючи миттєво доступні компоненти.
Отже, що ви насправді думаєте про свій сайт? Це лише місце, де зберігаються та комплектуються вдосконалені дані про вашу асоціацію, програму чи елементи? Дійсно, у випадку, якщо ви шукаєте точки зору спеціаліста, сайт має бути чимось, що зображує казку про ваш імідж і залучає своїх відвідувачів усіма мислимими засобами та тримає їх зачарованими.
Незважаючи на те, що історія може починатися з невеликого роздуму та нашкрябання на папері за допомогою ручки. Саме веб-композиція вдихне в нього життя. Тож ми маємо продовжити шляхи, які допоможуть вам окреслити чудовий сайт.
1 Використовуйте зображення для залучення
Основна мета, яку повинен пам’ятати кожен модник, полягає в тому, що план, який він/вона використовує, має бути зовні захоплюючим. До такої міри, що це привертає увагу гостя та спонукає його переглянути всю сторінку.
Вагомі фотографії, анімаційні малюнки або записи, які можуть зачаровувати, допомагають привернути увагу спостерігача. І, крім того, початкове знайомство з кінцевою метою, щоб воно тривало достатньо довше, щоб перетворити спостерігача на потенційного клієнта.
Однак ключова ідея полягає в тому, щоб виглядати, а не розповідати та тримати все в порядку, що має бути.
Історія має бути наповнена символізмом, як зовні через схему, так і через слова, що з’являються на екрані. Створіть палітру відтінків, яка чудово вписується в історію, яку ви розповідаєте, з частинами, які спонукають гостей до виконання мети чи доручення в плані. Хороша історія допоможе вивести гостей. Крім того, контур має бути перевіреним візуальним збігом.
2 Зосередьтеся на розробці символів для свого сайту
Розробляючи сайт, ми регулярно говоримо про клієнта. Правду кажучи, це одна з ключових складових процесу просування. Таким чином, представлення персонажа у вашій історії, до якого клієнти можуть позитивно ставитися, виводить її на абсолютно новий рівень.
Персонаж може бути справжнім і рухатися від початку до кінця плану або його можна розглядати як голос, близький за змістом.
Наприклад, ви можете розглянути добре відомого персонажа, який використовував етап електронної пошти Mailchimp-Freddie. Цей мультяшний талісман, який ми бачимо в плані, у прогресі в блогах і в спливаючих вікнах з логотипом, справді робить кілька речей для організації.
- По-перше, персонаж допомагає висвітлити назву організації. Як імітували себе в хрестовому поході з використанням вірусної реклами, була скарга з назвою організації «Mailchimp». Проте шимпанзе, що з’являється поруч зі словами, начебто легітимізує назву.
- Окрім персонажа, окреслює веселу природу, яку організація хоче зобразити за допомогою світлого тону та основних візуальних елементів.
- Фредді дає організації історію, коли вони не мають значної кількості різних речей для обговорення в спеціальних точках зору. Як з’явився шимпанзе? звідки взялася його назва? і так далі. Персонаж залишається з чіткою історією та просувається вперед.
3 Викликайте участь через дизайн
Збільште цінність плану за допомогою інтуїтивно зрозумілих компонентів, які поєднуються з регулярними заходами. Додайте штрихи активності до моментів, які клієнти повинні помітити, або допоможіть звернути увагу на конкретні компоненти за допомогою вказівників, наприклад, болтів або зображень, які «схиляються» до цього інтелектуального компонента.
Розглянемо різні впливи, які можуть залучити клієнтів у історію. Паралаксний вигляд, наприклад, є надзвичайно захоплюючим підходом, який допомагає розширити можливості розвитку на екрані. Це одна з причин, чому цей метод настільки популярний.
Пристойна історія не повинна бути приголомшливою. Люди розповсюджують свою історію за допомогою базових рухів дрейфу в поєднанні з груповими фотографіями, щоб допомогти вам познайомитися з широким населенням, що стоїть за організацією. Це просто і переконливо. (Також зверніть увагу на фотографії співробітників. Веселі пози та зовнішній вигляд дозволяють випромінювати характер кожного колеги.)
4 Продовжуйте значущі мікровзаємодії
Розглянемо другорядні компоненти в структурі, з якими клієнти будуть взаємодіяти. Веб-сайти соціальних мереж особливо стимулюють таку активність, оскільки вони здійснюють основні зустрічі за допомогою мікровзаємодії.
Щоб відновити пам’ять, мікровзаємодії – це незначні хвилини, коли клієнт починає розробляти план. Щоразу, коли ви змінюєте налаштування, повідомляєте щось конкретне, входите в обліковий запис або ставите лайк статусу, ви бачите мікровзаємодію. Від торкання серця в Instagram (і споглядання, як воно стає червоним) до торкання для ретвіту, ці кола критики – це те, що змушує клієнтів повертатися.
Значні мікровзаємодії становлять інтерес для схеми. Він включає рівень потенціалу для клієнтів, який робить загальний досвід корисним.
Мікровзаємодії додатково роблять план сприятливим або бажаним. Інтерфейс цих хвилин для ключових цілей вашого сайту. Це може бути що завгодно: від дозволу клієнтам поділитися щойно отриманим предметом до додавання чогось до списку речей, щоб отримати згоду прийняти застереження.
5) Нехай ваша історія буде розповіддю
Кожна історія має початок, центр і кінець.
У випадку, якщо ваша веб-архітектура не спілкується з цим потоком історій, клієнти можуть бути збиті з пантелику або загубитися. Ось найменше складне рівняння:
Початок: логотип і функція. Розкажіть клієнтам про себе та про те, чому вони на вашому сайті.
Центр: уся допоміжна історія, яка робить вас незвичайним. Що б ви могли зробити для людей, які перебувають на вашому сайті? Що було б гарною ідеєю для них передбачити?
Кінець: незаперечна пропозиція вжити заходів, наприклад, рамка, можливість зробити покупку або зв’язок з чимось іншим.
6) Дотримуйтеся основної, простої сюжетної лінії
Це може здатися суперечливим до згаданого вище, але історія має бути основною. Це не том на 1500 сторінок. Простий сюжет – це той, який ви можете розкрити за 5 секунд або менше.
Ця історія має негайно зацікавити клієнтів, справити враження та змусити їх повернутися. Так, ви можете зробити це за допомогою початку, центру та кінця.
Upstream робить усе це на цільовій сторінці – клієнти можуть шукати більшу частину «центру» історії, але є погляд на всі три розділи на цільовій сторінці. Візуальні елементи та вміст розповідають про потреби та людей, які звертаються до Upstream, щоб запропонувати допомогу. На екрані є напис «долучайся», і зображення настільки вражає, що тобі потрібно запропонувати допомогу.
Історія проста і потужна. Клієнти, мабуть, згадають, що це … і ви.
7) МОБІЛЬНА ДРУЖНІСТЬ
Наразі зазвичай переходити на сайти з численних гаджетів із різними розмірами екрану, тому важливо враховувати, чи ваш веб-сайт оптимізований для мобільних пристроїв. Якщо ваш веб-сайт не оптимізований для мобільних пристроїв, ви можете або змінити його в адаптивному дизайні (це означає, що ваш сайт змінюватиметься відповідно до різної ширини екрана), або ви можете створити спеціальний мобільний сайт (окремий веб-сайт, спеціально оптимізований для мобільних користувачів).
Створити красивий і корисний сайт, просто пам’ятаючи про ці компоненти, непросто. У вас є веб-композиція, яку потрібно дослідити чи покращити? Або, з іншого боку, можливо, ви облаштовуєте ділянку і сподіваєтеся отримати ідеальний план, починаючи з самого раннього етапу. У будь-якому випадку ці стандарти потужної архітектури веб-сайту можуть допомогти вашому сайту стати ще більш захоплюючим, цінним і значущим для відвідувачів.
8) Оновіть себе за допомогою нових технологій
Світ комп’ютерних технологій змінюється практично щодня, і щоб не відставати від нього, веб-фахівцю необхідно інноваційно налаштуватися на зміни в бізнесі. Виріжте фрагмент свого робочого дня або тижня і присвятіть його адаптації новинок у своїй сфері. Дізнайтеся, що нового, що похило, а що завалюється на узбіччя. Якщо ви не бажаєте бачити, як ваші конкуренти забирають ваш бізнес, маючи всі ознаки бути актуальнішими та свіжішими за вас, зверніть увагу на цю пораду.
Пристойний спосіб залишатися винятковим — це спостерігати за тим, що переважає на темі чи макеті комерційного центру, такого як Envato Market. Перевіряючи найпопулярніші теми, ви можете помітити відхилення в тому, що шукають клієнти та що пропонують різні планувальники.
До вас
Веб-планування – це поле для тестування. Досягнення в цій галузі справді вимагає стійкості та впевненості, щоб пристосуватися до будь-якої ситуації, яка постає, і ніколи не бути калікою, коли б щось не піде, як це не дивно. Те, що вам знадобиться для конкретної кінцевої мети, щоб досягти успіху у вашій професії у створенні веб-сайту, — це старанність і манера «ніколи не здаватися». Значна кількість із вас на даний момент має добре відрепетирувати одну чи велику частину цих порад у своєму професійному житті; Проте я маю на увазі керувати тими, хто не усвідомлює цих обчислень досягнень дотепер, і нагадати людям, які точно їх добре знають.