Мінімалізм у веб-дизайні. Частина 1. Коріння мінімалізму
Серед інших трендів веб-дизайну мінімалізм займає особливе місце. На просторах Рунета ця течія не дуже популярне, і часто використовується не зовсім правильно. І дуже даремно, адже мінімалістський дизайн може виглядати дійсно приголомшливо!
Люди втомилися від великого потоку інформації, яскравих фарб, картинок і іншого контенту, яких захаращує весь вільний простір. Мінімалізм допомагає позбутися від мішури і зосередитися на головному.
Сподіваємося, ця стаття внесе ясність в дане питання.
Коріння мінімалізму в веб-дизайні
Багато з найпопулярніших сьогодні напрямків дизайну (в тому числі плоска ілюстрація, великі фонові зображення і прихована навігація), прямо або побічно належать до мінімалізму, веб-дизайн руху, яке почалося на початку 2000-х, але запозичує свою філософію від більш ранніх рухів в образотворчому мистецтві. Мінімалізм при правильному застосуванні може допомогти вам направити дизайн на спрощення для користувача завдань.
На жаль, деякі дизайнери неправильно застосовують мінімалізм, зосередившись лише на візуальній стороні питання. Вони скорочують або приховують важливі елементи в гонитві за мінімалістським дизайном для свого власного блага, не думаючи про зручність для користувачів. Вони не розуміють основну суть мінімалізму, і замість того, щоб зробити юзабіліті простіше, ускладнюють його.
Мінімалістський інтерфейс - який він?
При правильному застосуванні, мінімалістський веб-дизайн повинен максимально просто, прямим шляхом, показати вміст, нічого не ускладнюючи і не відволікаючи користувача від основної мети. Ця стратегія часто включає в себе видалення контенту або функції, які не підтримують основні завдання інтерфейсу.
Про те, що саме кваліфікується як мінімалістський веб-дизайн, ведеться багато суперечок. Але є кілька спільних рис, які виділяє більшість дизайнерів. Вони включають в себе плоскі текстури, обмежені колірні палітри і використання негативного простору. Ці та інші специфічні характеристики детально розглянуті в наступній статті цієї серії.
Сайт-портфоліо дизайнера Брайана Данахера є типовим прикладом того, що багато дизайнерів називають мінімалістським сайтом. При перегляді в повноекранному режимі на 15-дюймовому MacBook Pro, домашня сторінка майже повністю представляє собою білий простір. Сайт оформлений у відтінках сірого кольору палітри, сміливі акценти поставлені за допомогою інтерактивних елементів.
Відео: 1. Уроки по веб-дизайну
Цей сайт містить дуже мало елементів, які відволікають від основного контенту. Мінімалізм добре підходить для портфоліо-сайтів, які мають досить прості цілі, відносно низькі обсяги змісту, і дуже схожу інформацію на більшості сторінок. Застосовувати мінімалізм ефективно для більш складних сайтів може бути непросто.
Відео: Веб-дизайн: навчання з нуля. Исповедь
Шлях мінімалізму до популярності
Перш ніж мінімалізм став тенденцією в веб-дизайні, це був рух в образотворчому мистецтві під час після Другої світової війни. Воно виникло як реакція на хаотичні кольору, руху, і часто зустрічається в абстрактних роботах експресіоністів (таких, як картини Джексона Поллока).
У 1960, мінімалізм став популярним в різних областях, зокрема, образотворчому мистецтва та архітектури. В образотворчому мистецтві мінімалізм характеризується монохроматичними палітрами, геометричними елементами, послідовністю і простотою промислових матеріалів.
Мінімалісти, яких варто відзначити - це графічний дизайнер Йозеф Мюллер-Брокман, художник Еллсворт Келлі, і промисловий дизайнер Дітер Рамс. Зверніть увагу на чисті лінії, простоту і економне використання кольору в кожному з наведених нижче прикладів. Незважаючи на широке розмаїття сфер використання, визначений стиль дизайну вельми відчутний.
Девізом мінімалізму в цей час стало: «Менше означає більше». Цей девіз пізніше стане неофіційною мантрою мінімалізму в веб-дизайні.
В кінці двадцятого століття мінімалізм почав складатися як окремий напрямок в області взаємодії людини з комп`ютером.
Діячі цього часу виступали за стислість і усунення непотрібної інформації з інтерфейсів.
Починаючи з середини 2000-х років, відгомони мінімалізму як художнього руху стали з`являтися в веб-інтерфейси: більше негативного простору, менше змісту і обмежені колірні палітри. Google часто називають піонером мінімалізму веб-інтерфейсів. Google ставить в пріоритеті простоту і строгість в своєму інтерфейсі з моменту його бета-запуску в 1990-х роках.
За 15 років мало що змінилося. Користувачі можуть бачити тільки три варіанти навігації: щоб отримати доступ до інших функцій Google, потрібно відкрити меню.
Повільно, але вірно, мінімалізм знайшов точку опори. Його почали використовувати веб-дизайнери, дизайнери, художники, фотографи, архітектори і розробники.
Поява поняття адаптивного веб-дизайну (RWD) в 2010 році дозволило по-новому оцінити мінімалістський підхід. Для ефективного використання методів RWD, організації повинні були поставити пріоритет на контент. На мобільних носіях сторонні елементи могли стати справжньою проблемою - їх не можна було проігнорувати так само, як на настільних комп`ютерах.
Поступово призначені для користувача і дизайнерські переваги стали схилятися в бік простоти веб-інтерфейсів. Цей зсув був підкреслений крупними модернізаціями, проведеними двома гігантами індустрії технологій: сучасний дизайн Microsoft в 2011 році, і випуск Apple iOS7 в 2013 році.
Реліз Windows 8 в 2011 році - це перший великий редизайн операційної системи за останні десятиліття. Нова філософія дизайну була цілком реалізована в дусі мінімалізму.
У 2013 році компанія Apple представила радикально оновлену операційну систему в більш плоскому і більш мінімалістському стилі - iOS7. Рішення компанії Apple рухатися до більш мінімальної та плоскої конструкції особливо підкреслює популярність тренда, враховуючи, що це в корені суперечить історичному стилю дизайну бренду.
Мінімалістські принципи розробки в даний час з`являються в нових і несподіваних місцях: на сайтах електронної комерції, інтернет-виданнях, і навіть освітніх сайтах.
Багато майданчиків, які пропонують широкий спектр послуг, також зупиняють свій вибір на мінімалізмі. Це дозволяє дати клієнтам саме те, що потрібно, не відволікаючи їх на інші дрібниці.
Відео: Швидкий Старт У Веб-дизайні. Частина 1
Сьогодні мінімалізм перетинається з іншими напрямками веб-дизайну, такими як плоский дизайн, чуйний веб-дизайн, чистий дизайн. Внесок Мінімалізму в ці тенденції буде обговорюватися детально в статті на наступному тижні.
Спори щодо юзабіліті: чи хороший мінімалізм для користувачів?
Мінімалізм - це стратегія, яка істотно впливає на зміст і інформаційно-архітектурні рішення. В результаті, мінімалізм має певний вплив на юзабіліті інтерфейсів. Не дивно, що зручність і простота використання сайтів в мінімалістському стилі стала предметом обговорення серед веб-професіоналів.
Прихильники стверджують, що мінімалізм знижує інформаційну перевантаження: чим більше функцій і змісту ви можете прибрати, тим краще. Мінімалізм, застосований з розумом, дозволяє створити позитивний емоційний досвід для користувачів. Люди, як правило, краще реагують на естетично приємні інтерфейси.
Але коли дизайнери дотримуються занадто жорстко ідеології мінімалізму, вони ризикують досягти марнотратно низької щільності інформації. Все потрібне буде просто складно знайти, а навігацію - неможливо зрозуміти. Мінімалізм в помірних кількостях може бути ефективним, рівно до тих пір, поки ви не втратите з уваги основну мету - допомогти користувачам виконувати завдання.
Кілька порад по створенню мінімалістського інтерфейсу
Переконайтеся, що стратегія мінімалістського дизайну підходить для вашого сайту, вашого бренду. Якщо ви впевнені, що мінімалістський дизайн є правильним для Вас, слідуйте декільком радам:
* Використовуйте девіз: «Менше означає більше», в своїх проектах. Не додавайте зайві елементи просто так. Це правило може бути вірно як для утримання, так і для дизайну, а також зручності користувачів.
* Розгляньте можливість зменшення будь-яких елементів, які не несуть важливу інформацію.
* Вчіться мінімалізму у Керролла: не просто вирізуйте елементи - думайте про потреби ваших користувачів, намагайтеся реалізувати завдання, так коротко і просто, як це можливо.
* Знайте, що поодинці мінімалістський візуальний дизайн, без значимого розгляду користувальницьких завдань, не приведе до успіху. Питання юзабіліті Windows 8 можуть послужити вам прикладом.
