Створення незабутнього дизайну: 7 корисних порад
Відео: 3. 7 золотих правил створення мобільної версії сайту
Успіх будь-якого сайту залежить від того, наскільки цікавим чи корисним він є для користувачів. Якщо користувачі повертаються знову і знову, то все в порядку: значить, їм подобається контент, їм зручно взаємодіяти з сайтом і вони розповідають про нього іншим людям. Вони пам`ятають, що такий сайт є.
І це не випадково. Дизайн, що запам`ятовується є інструментом, який дозволяє увійти в контакт з користувачем. Є безліч способів створити незабутній дизайн, але по-справжньому дієвими з них є всього сім. Про них і піде мова.
враження
Багато користувачів добре пам`ятають, що вони робили після того, як відкрили сайт і запам`ятовують останнім свою дію. Цей психологічний феномен можна використовувати в своїх цілях. Наприклад, можна розмістити вражаючі візуальні ефекти на стартовій сторінці і потім в декілька етапів плавно підвести користувача до завершення сесії.
Даний прийом використовується на сайті Tosco Music: стартова сторінка виглядає дуже сильно і залишає гарне перше враження. Ефект був досягнутий за рахунок меню, розташованого ліворуч, сильного контрасту між елементами, якісного відеоконтенту і красивою типографіки.
У дизайні немає нічого зайвого, все працює на зміст, сайт виглядає дуже привабливо. Користувачі можуть більше дізнатися про цікаві їм події зі світу музики, залишити заявку про участь або підписатися на розсилку, заповнивши просту форму, яку неможливо пропустити. Кожна дія є дуже простим, переміщення між сторінками не викликає ускладнень, тому користувачі постійно переглядають сайт в пошуках цікавих новин.
Сторітеллінг
Створення сайту - це хороший спосіб відкрити себе світові. Це можливість розповісти людям про себе, про те, хто ви і що для вас важливо. Незалежно від того, чи буде це історія бренду або записки блогера-мандрівника, цікаву розповідь привертає увагу користувачів, багато з яких обов`язково стануть постійними відвідувачами. В основі успішного сторітеллінга лежать дві складові: сильний, емоційно насичений текст і якісний візуальний контент. Правильне поєднання цих двох елементів може привести до вражаючих результатів.
Історія компанії Walkwest починається зі сміливого заяви, а потім йде розповідь про те, що пропонує фірма своїм клієнтам. І якщо користувач зацікавлений в їх послугах (зв`язки з громадськістю та маркетинг), то, швидше за все, він перетвориться в клієнта. Історія Walkwest розказана дуже зрозуміло, на сайті багато красивих зображень і короткий інформативних текстових блоків.
Однак сайт виділяється не тільки цікавою історією, а й тим, як дизайнер вирішив її розповісти. При прокручуванні користувач бачить плаваючі блоки, що додає сайту інтерактивності, а візуальні ефекти роблять сайт запам`ятовується. Користувач починає взаємодіяти з сайтом і буквально з першого кліка занурюється в процес. Все відбувається за лічені секунди - така сила сильного дизайну і цікавого сторітеллінга.
Ефективне використання кольору
Занадто яскраві кольори або невдала колірна гамма можуть відштовхнути користувача і він закриє сайт. Занадто мало кольору теж погано: такий дизайн не запам`ятовується. Тому потрібно прагнути до того, щоб знайти цікаве поєднання кольорів, яке сподобається більшості відвідувачів.
Хитрість полягає в тому, щоб створити таку цифрову палітру, яка буде вигідно відтіняти представлений на сайті контент і при цьому буде контрастувати в плані дизайну з іншими сайтами, які регулярно відвідують користувачі. Якщо вдуматися, то будь-яка людина щодня відвідує безліч сайтів, де в колірній палітрі переважає синій колір. Вже один відмова від синіх відтінків може зробити дизайн, що запам`ятовується.
На сайті компанії Hillman Living ми бачимо чорно-біле зображення на весь екран і кольорові акценти, що привертають увагу користувача до продукції фірми - стільців. Але це стартовий екран. Якщо почати прокручувати сторінку, похмурий дизайн змінюється на набагато більш традиційний і позитивний, проте упор як і раніше робиться на акцент. Забути про сайті з дивними стільцями білого кольору з червоними, помаранчевими або синіми сидіннями дуже важко, а значить, дизайнер впорався з поставленим завданням - користувачі запам`ятають цей сайт і можливо, задумаються про покупку стільців.
кумедний дизайн
Відео: Дизайн інфографіки: секрети створення і особливості продажу (відкритий урок П. Лебедєва) [Skillsup]
Що спадає на думку при думці про «прикольному» сайті? Смішні картинки? Ігри? Трейлери фільмів? Або щось інше, наприклад, сайт, в дизайні якого використовуються яскраві кольори, образи, що запам`ятовуються і ефектна типографіка? Будь-який з цих елементів може зробити дизайн більш забавним. Усміхнені люди на картинках або відео, насичена колірна гамма, елементи гри, легкий мову подачі - все це працює.
Сайт Newcastle Now - гідний приклад радісного дизайну. Це сайт району з цікавими місцями і закладами, району, який намагається привернути до себе увагу, тому в дизайні використовуються яскраві відтінки, а фото показують щасливих людей, які роблять те, що їм подобається. Подача контенту викликає співпереживання, користувач починає асоціювати себе з персонажами, представленими на сайті, і таким чином запам`ятовує дизайн.
Відео: DIY Life Hacks - DIY Ідеї для творчості - Лайфхак - Корисні поради, щоб зробити життя простіше і красивіше
Почуття і відчуття
Дизайн, що запам`ятовується це не тільки цікавий текст і гарні ілюстрації, це ще й емоції користувачів. Один із способів запам`ятатися людям - це почати з ними взаємодіяти і отримати зворотній зв`язок. Наприклад, користувач здійснює дію і отримує миттєвий результат, який йому подобається. Це інтерактивний дизайн. Однак можна запам`ятатися можна, апелюючи до почуттів людей, наприклад так, як це зроблено на сайті компанії Coffee Times. На першому екрані стартової сторінки ми бачимо широкоформатне відео, яке демонструє процес обсмаження кави. А потім свіжозаварений кави розливають по чашках. Незважаючи на те, що звуку немає, багато представлять шерех кавових зерен в апараті для обсмажування або відчують знайомий аромат, дивлячись як піднімається пара від чашки з ароматним напоєм. Такий сайт надовго запам`ятається, особливо любителям кави.
мінливий контент
Деякі сайти спроектовані таким способом, що користувач при кожному новому відвідуванні бачить новий контент. Так влаштовані, наприклад, сайти електронної комерції, а також новинні і розважальні сайти. Мінливий контент може стати дуже цікавим для користувачів, такий дизайн вони надовго запам`ятають. Однак потрібно пам`ятати, що новий контент повинен тематично і візуально відповідати тому, що користувач бачив при минулих відвідини сайту.
Сайт компанії Nike наочно демонструє, наскільки запам`ятовується може бути мінливий контент. Головна сторінка постійно змінюється, але кожен новий елемент відповідає початкової концепції. Кожне зображення на сайті тісно взаємопов`язано з продукцією Nike, так що користувач ні на хвилину не забуває, що він переглядає веб-сторінки найбільшого виробника спортивного екіпірування.
Звичайно, у більшості дизайнерів немає таких ресурсів, як у Nike, однак можна спробувати створити щось подібне. Можна вносити зміни на головній раз в тиждень або місяць і подивитися, що вийде. Нові елементи дизайну привертають увагу і сайт краще запам`ятовується.
фінішна риса
Звичайно, найкраще запам`ятовується дизайн стартової сторінки сайту, її візуальна складова або заклик до дії, але не варто забувати і про інших сторінках. Перше враження дуже важливо, а й останнє враження має значення. Знаючи про це, дизайнер може проектувати сайт так, щоб користувач залишав сайт не відчуваючи негативних емоцій.
Для цього буде потрібно вивчити аналітику і знайти таку сторінку (або сторінки), які є останніми в сесії. Над такими сторінками потрібно попрацювати, вони повинні бути корисними для користувачів. Там можна розмістити повідомлення про акцію, запропонувати знижку на продукт або послугу або зробити користувачам невеличкий подарунок. Таке дуже добре запам`ятовується.
Все зводиться до одного ключового моменту: користувач повинен покинути сайт щасливим. Дизайн сайту інвестиційної компанії Startup Lab дуже простий: всього кілька блоків, де можна дізнатися, чим саме займається фірма. Але найголовніше - це невелика червона кнопка, яка весь час розташована зліва. Натиснувши на неї, користувач потрапляє на сторінку з формою, яку потрібно запам`ятати для того, щоб стати одним з претендентів на фінансування стартапу. Ця сторінка з великою часткою ймовірності буде останньою в сесії і користувач покине сайт в гарному настрої, розраховуючи на успіх.
висновок
Створити запам`ятовується дизайн сайту досить складно, так як рішення про те, чи подобається йому сайт чи ні, приймається користувачем на підсвідомому рівні. Ніхто не думає про дизайн якогось сайту постійно. Однак в кожному запам`ятався сайті, є щось таке, що нам подобається. Це може бути що завгодно: цікаві новини або смішні картинки, відео або корисна інформація. Найголовніше - щоб контент подобався великій кількості користувачів, а цього важко добитися, якщо сайт буде безликим і неінформативним.
