Приклади хорошого веб-дизайну, блог
Професійний дизайн хороший не сам по собі, а тільки коли він відповідає завданням сайту. Він повинен не стільки залучити, скільки утримати увагу потрібного користувача. Люди будуть ігнорувати дизайн, який ігнорує людей. У цій статті ми наводимо приклади дизайну веб-сайту і розповідаємо про останні тенденції в цій сфері.
Поради по дизайну для успішного сайту
1. Наявність стратегії. Яким би красивою не був сайт, якщо користувачеві незрозуміло його призначення, він подивиться і піде, так нічого і не купивши. Тому дизайн повинен чітко говорити відвідувачеві про те, куди він потрапив, що тут можна зробити і чому варто затриматися.
Наприклад, ось сайт магазину Tessemae's, який продає приправи:
На ньому представлені фото продукції, варіанти сервіровки і використані яскраві кольори, які асоціюються з чимось гострим. Відвідувачу зразу стає зрозуміло, що за продукт йому пропонують придбати.
А ось приклад зі сфери послуг - сучасний сайт архітектурно-будівельної компанії Kephart:
У дизайні вище використовуються якісні фотографії будівель і людей, поєднання яких створює відчуття житлових приміщень, а не просто холодної архітектури.
2. Зручність використання. Юзабіліті охоплює безліч параметрів, від швидкості завантаження до зручності навігації та наявності пошуку. Ми вже писали про принципи веб-дизайну інтерфейсу користувача. але ось коротка витримка:
Наприклад, Wunderlist використовує значки та принципи, які знайомі користувачам по поштовим (перетягування справ в списку, inbox, чат) і офісних додатків і календарів (оповіщення, сортування), а також стандартне для паперових списків викреслювання виконаних справ:
3. Наявність стилю. Хороший сайт відповідає вже існуючим маркетинговим матеріалами компанії, корпоративним кольорам і цінностям. При цьому на ньому дотримуються закони композиції і розумно використовуватися порожній простір. Він пробуджує у користувача необхідні почуття: надійності, радості, впевненості, співчуття - в залежності від цілей компанії.
Наприклад, на сайті Starbucks використаний фірмовий відтінок зеленого і чорного - колір основного напою, який компанія продає в 67 країнах світу:
4. Якість контенту. Воно складається з двох показників: Новомосковскбельності корисності. Якщо корисний контент буде нечитабельним, то користувач ніколи не дізнається, наскільки він був цінним. У той же час нецікаве наповнення, яке не несе користі, не врятує навіть найкращий дизайн.
На сайтах усіх відомих компаній є елементи, які свідчать про їх надійності. Наприклад, ось фрагмент сайту офіційного магазину Hewlett-Packard, в футере якого присутні всі потрібні посилання, що стосуються умов використання, конфіденційності користувачів, гарантійного обслуговування і повторної переробки продукції:
Також користувачеві відразу показують вартість техніки - це викликає довіру.
Останні тенденції в дизайні сайтів
Крім дотримання перелічених вище вимог варто враховувати актуальні тенденції веб-дизайну і використовувати ті з них, які застосовні в конкретному випадку. Що ж популярно зараз?
адаптивність
плоский дизайн
Плоский дизайн збереже позиції, оскільки орієнтується на кінцевого користувача. Для нього характерні простота, відсутність зайвих ефектів і нескладна типографіка:
Поширення UI-патернів
Щоб зрозуміти, чи можна слідувати тій чи іншій тенденції, запитайте себе:
- Чи вплине вона розуміння мети сайту?
- Чи ускладнить новий дизайн навігацію?
- Чи завадить вона користувачам виконувати дії з сайтом? (Наприклад, реєструватися або залишати відгуки.)
- Чи здатна вона спотворити імідж бренду?
Ми сподіваємося, що наведені в цій статті ідеї для дизайну сайту електронної комерції допоможуть вам визначитися, що б ви хотіли бачити на сайті своєї компанії.
Замовляючи мобільний додаток або сайт у студії stfalcon.com. ви отримуєте дизайн, який буде радувати клієнтів і працювати на ваш бренд.