Мінімалізм, flat дизайн сайту
Аналізуючи багато сайтів, понад 200, заснованих на мінімалізмі, було виявлено кілька параметрів, які роблять сайту гіршу, а саме це: "мертвий" дизайн, обмеженість спектру кольорів, мінімальна кількість інструментів інтерфейсу, залучення несприятливого простору, вражаюча типографіка.
Ця стаття є не єдиною на нашому сайті, тому для загальної картини пропонуємо вивчити решту матеріалу, який можна знайти в блозі, присвяченого дизайну сайту. Прихильники мінімалізму у веб-дизайні націлені на спрощення інтерфейсу без використання всіх елементів або контенту, якими користувачі не скористаються, вирішуючи їх завдання.
Для скорочення сайту до мінімального переліку елементів, дизайнеру доводиться приймати послідовні рішення, що стосуються інтерфейсу користувача (UI), вмісту сайту. Більшість візуальних ходів, що асоціюються з мінімалізмом, цілком прийнятні, тому спостерігаються здебільшого приклади.
Дизайн сайту, як мова, яка залежить від засобів і методів його застосування. Термін «мінімалізм» досить часто використовується, але насправді мало кому вдається пояснити, у чому полягає мінімалістичний інтерфейс. Для з'ясування реальних ознак мінімалізму проаналізуємо дизайн-рішень на 120 сайтах. Вибірка складається із сайтів, названих мінімалістичними фахівцями у сфері веб-дизайну.
Не забуваємо, що популярні дизайн-рішення не гарантують відповідності потреб користувачам, зростання прибутковості сайту і не є помічниками у вирішенні інших бізнес-завдань. Нами проаналізовано ресурси з яскравими ознаками мінімалізму, проте прибутковість цих сайтів у дослідженні не задіяна. Забігаючи наперед, скажемо, що в іншому нашому дослідженні виявилося підвищення комерційної успішності сайтів.
Ознаки мінімалізму сайту
Отже, які характерні для мінімалізму ознаки повинен мати сайт? Нами включені ознаки до ряду визначальних, у разі спостереження їх min у 3/4 випадків.
Плоска структура та текстура були задіяні в 96% розглянутих інтерфейсів (і зазвичай неефективно).
Сайти у стилі плоского дизайну
Не завжди зручні. Наприклад, користувачі можуть не розуміти, які елементи клікабельні і губитися в навігації через це. Але цієї проблеми можна уникнути, якщо ви послідовно і чітко показувати різницю між активними і неактивними елементами дизайну.
Плоский дизайн, особливо у поєднанні з мінімалізмом, — сильний естетичний інструмент в арсеналі дизайнера. Flat дизайн створює відчуття дорогого та сучасного продукту, і у ряді випадків застосовується для привернення уваги молодих користувачів. Флет дизайн відрізняє простий інтерфейс користувача. Він легко адаптується до будь-яких пристроїв.
На жаль, плоский дизайн має істотний недолік: часто користувач не знає, куди клікнути, що, в результаті, знижує ефективність його роботи. Вибираючи плоский інтерфейс, дизайнери, як правило, видаляють очевидно активні елементи, і користувач не знає, «куди натискати».
Чи підходить плоский дизайн для ваших цілей?
Перш ніж перейти на стиль flat, вирішіть, чи підходить він для ваших цілей. Чинники, які говорять, що результат буде успішним:
- Невелика кількість тексту та простота інформаційної архітектури. Ультраплоський дизайн є оптимальним для невеликих сайтів об'ємом 1-10 сторінок.
- Низький рівень інтерактивності та відсутність складних елементів. У разі використання ультраплоського дизайну інтерфейсу користувача складні програми або інтерфейси з незвичайними моделями інтерактивності не зможуть спрямовувати дії користувачів.
- Високий відсоток постійних відвідувачів. Сайти, куди заходить велика кількість постійних відвідувачів, зазвичай більш успішні, якщо вони зроблені в стилі flat. У таких випадках відвідувачі швидше за інтуїтивно скористаються інтерактивними елементами.
- Цільова аудиторія користувачів рівня «експерт у галузі технологій». Якщо ваша аудиторія складається виключно з дизайнерів, розробників або досвідчених користувачів, вони легко розберуться з навігацією на вашому сайті з дизайном у стилі flat.
В останні роки дизайнери глобально перейшли від скевоморфізму на цифрове бачення об'єктів, уникаючи метафори з навколишнього середовища. Плоский інтерфейс не містить виражених відблисків, тіней, градієнтів, інших текстур, що обдаровують елемент блиском або об'ємом.
Існує думка дизайнерів, які вважають, що плоский дизайн - це результат попиту на мінімалістичний інтерфейс. Обидві технології досить добре взаємодіють. Називаючи дизайн "плоським", маємо на увазі текстуру, картинки та графічну частину інтерфейсу. Термін "мінімалістичний дизайн" включає загальні принципи освіти контенту, функції та композиції. Два терміни не ідентичні, тому інтерфейс сайту буде плоским, але не мінімальним.
Підведемо підсумки
Плоский дизайн – потужний напрямок у дизайні – але лише при правильному застосуванні. Пам'ятайте, що якщо користувач не впевнений, на який елемент інтерфейсу він повинен натиснути, він не тільки не зможе виконати поставлені завдання, але й ризикує пропустити важливі дії, які сприяють досягненню бізнес-цілей.
Не жертвуйте зручністю заради гарного дизайну. Разом з користувачами перевіряйте, чи ваш сайт зрозумілий.
Розгляньте кожен елемент на відповідність цьому чеклісту, щоб перевірити зручність користування:
Чек лист:
- Підказки, які клікабельні елементи, постійні по всьому сайту.
- Клікабельні елементи виділяються, мають достатній контраст та помітні.
- Клікабельні елементи знаходяться саме там, де користувачі очікують знайти їх.
- Відсутні елементи, які виглядають клікабельними, хоч такими не є.
- Всі елементи, що відносяться до одного і того ж фрагменту контенту (іконка, зображення, текст), пов'язані і вказують на ту саму сторінку.
- Існує зворотний зв'язок щоразу, коли між клацанням миші та наступною дією виникає затримка.