5 порад для спрощення веб-дизайну

Правила простоти! Це робить веб-сайти виглядають гладкими, зменшують плутанину наваг і допомагають досягти бажаних цілей і результатів (тобто, більше реєстрацій, абонентів і продажів). Але надто часто здається невловимим спрощення дизайну веб-сайту. Незалежно від того, як сильно ви намагаєтеся, ви не можете зробити вашу роботу схожою на Apple. Так що ж дизайнеру сайту дійсно потрібно зробити? Не турбуйтеся, бо є 5 початкових пунктів для спрощення дизайну веб-сайту.

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

Готові почати спрощувати дизайн вашого сайту? Високий. Без подальших сутичок 5 початкових пунктів для спрощення дизайну веб-сайту.

1. Орієнтуйтеся лише на основні елементи

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

Використовуйте правило 80-20

Що 20% того, що на сторінці, дає 80% вартості та вмісту, на яке вони йдуть? Наприклад, це може бути копія, деякі соціальні докази (фрагменти огляду, відгуки, значки носіїв), а також форма реєстрації або заклик до дії. Це саме 20%. На вашому сайті, а також на кожній окремій сторінці, зосередитися на відображенні лише 20% елементів сайту, які забезпечують 80% цієї корисності.

Це не технічний крок, а принцип, який можна використовувати як керівництво для постійного спрощення дизайну веб-сайту. Правило 80-20 допоможе спростити дизайн веб-сайту, підштовхнувши вас до того, щоб урізати елементи сайту до найважливішого. Що дійсно здорово, що правило 80-20 може також допомогти збільшити бажані результати, які ви сподіваєтеся досягти на вашому сайті. Наприклад, підвищений рейтинг конверсій у відвідувачів, які підписалися, зареєструвалися або придбали. Як? Ви робите це так, щоб було менше відволікань і речі для відвідувачів, щоб натиснути, щоб залишити сторінку.

Як ми всі знаємо, ми завжди шукаємо виправдання, щоб не купити що-небудь на заключному кроці, і будь-яка причина, щоб пересуватися - хороша. Зменшіть ці причини та параметри клацання з правилом 80-20.

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

2. Позбутися всіх непотрібних елементів

Ми продовжуємо правила 80-20 тут.

Тепер, коли ви визначили 20% елементів веб-сайту, які дадуть вам 80% бажаних результатів, настав час позбутися всіх непотрібних елементів. Іншими словами, 80% елементів веб-сайту, які дадуть вам лише 20% результатів. Це можуть бути віджети для спільного доступу до соціальних медіа, елементи бічної панелі, детальні відомості про повідомлення в блогах (дата, час, автор, кількість коментарів тощо) або посилання в нижньому колонтитулі (це особливо величезний винуватця багатьох часів, особливо коли відвідувач шукає вищезгаданий привід, щоб перейти від сторінки).

3. Зменште кількість сторінок

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

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

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

4. Отримати більше змісту над Fold

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

Це включає не більше, ніж зміна значення "висоти" заголовка у вашій таблиці стилів (зазвичай style.css або stylesheet.css). Крім того, переконайтеся, що форма або кнопка реєстрації розташована нижче. Перемістіть цей елемент вище на сторінці, так що це перше, що бачить відвідувач. Адже що є бажаний заклик до дії відвідувача, щоб зменшити роботу, необхідну для її досягнення (тобто прокручування).

5. Обмежте схему кольорів

Легко захопитися кольорами. Навіщо приймати 2 або 3 кольори, коли можна мати 12 або 13 кольорів? Але для того, щоб візуально спростити дизайн веб-сайту, потрібно обмежити колірну схему. У сумнівах використовуйте менше кольорів. Це, звичайно, буде змінюватися залежно від вашого дизайну, але спробуйте залишити не більше 2 або 3 кольорів, щоб почати. Якщо вам потрібна більш тонка і текстурна обстановка для візуального дизайну, використовуйте відтінки одного кольору - блакитного для тла і темно-синього для заголовків і пунктів меню.

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

Виникли проблеми з вибором кольору для початку? До після Журнал має корисну безкоштовну електронну книгу про те, як знайти ідеальний колір тут. Потрібна допомога у виборі колірної схеми? Спробуйте цей зручний генератор колірної схеми.

Останній, але не менш важливий

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

Нагадаємо, тут наведено 5 вихідних пунктів для спрощення дизайну веб-сайту:

1. Зверніть увагу лише на основні елементи
2. Позбутися всіх непотрібних елементів
3. Зменште кількість сторінок
4. Отримайте більше вмісту над згином
5. Обмежте колірну палітру

Пов'язані статті

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

Над вами: які ваші улюблені дизайни веб-сайтів спрощують поради? Чи бачили ви збільшення бажаних результатів за рахунок спрощення дизайну?

Примітка редактора:Це повідомлення написано Олег Мохов для Hongkiat.com. Олег Мохов є наймобільнішим електронним музикантом у світі, ентузіастом веб-дизайну та візуальним дизайном, а також співзасновником музичного магазину з музичною підтримкою високого класу Soundtrackster.