Вадим Скворцов
11 659

Возвращение скевоморфизма в дизайн интерфейсов

Основатель дизайн-студии Pixelresort Майкл Фларуп объяснил, почему не стоит зацикливаться на минимализме.

Поделиться

В избранное

В избранном

Перевод подготовлен командой онлайн-школы английского Skyeng.

Недавно я опубликовал одну из моих последних работ на Dribbble. Больше десяти тысяч просмотров и широкий отклик сообщества подтолкнули меня к решению поделиться некоторыми своими мыслями.

Я работал над редизайном таск-менеджера Opus One. Мне захотелось поделиться именно этой работой не только потому, что мне понравился результат, но и потому что этот проект заключает в себе то, что я всегда любил делать — тематический UI, где запоминающийся пользовательский опыт достигается с помощью текстур, теней и объёма.

Дизайн, который учитывает законы реального мира, создаёт контекст и вызывает у пользователя положительные эмоции. Другими словами — скевоморфизм.

1730 дней

Прошло 1730 дней с момента, когда на WWDC в 2013 году представили iOS 7. 1730 дней назад дизайнерское сообщество отошло от привычных решений в дизайне интерфейсов и кардинально изменило направление. Реакцией на новый тренд стал полный отказ от всего, что было до, и желание максимально освоить новое направление — минималистичный дизайн, белое пространство и типографику.

Кто-то считает, что это было временным изменением, обусловленным возрастающей сложностью интерфейсов, что мы переросли необходимость интегрировать элементы реального мира в digital, что интерфейс эволюционировал.

Используя простые цветные блоки и кнопки, мы смогли сфокусироваться на функциональности, а не форме. Это сделало дизайн более доступным, потому что большинство дизайнеров способны совместить цветные блоки так, чтобы интерфейс выглядел чистым. Так произошла демократизация дизайна. Для того чтобы создать хороший интерфейс, больше не нужно быть гуру фотошопа и тратить 10 тысяч часов, отрисовывая «эффект древесины».

У дизайнеров появились новые векторные инструменты. С маргинализацией визуального дизайна UX стал чем-то важным (хотя так было всегда); появилось целое поколение дизайнеров, отдающих предпочтение минимализму. Лучшим интерфейсом стало отсутствие интерфейса.

Возможно, было бы лучше, если бы такого глобального изменения вообще не произошло. Стилизация под зелёное сукно, холсты — да, пожалуй, это было уже слишком. К тому же иногда, чтобы начать мыслить по-новому, нужно полностью поменять парадигму.

Но всё же мне кажется, что максимально упростив дизайн интерфейса, мы потеряли что-то важное. Прежде чем начать возмущаться, позвольте мне объяснить.

Понятие «скевоморфизм» стало одним из самых плохих слов, которым можно охарактеризовать дизайн, практически ругательством. Насмешкой над дизайнерами, пытающимися выразить абстрактные концепты с помощью образов реального мира, и глупыми пользователями, которым это нравится.

Скевоморфизмом стали называть то, что хотя бы немного напоминает физический предмет, имеет слишком резкий градиент или слишком выраженную тень — практически всё, что не является плоским. И до сих пор это слово привлекает внимание, хотя большинство дизайнеров стараются использовать более точные определения.

Можете быть уверены, что из-за названия под этим материалом будет больше одного занудного комментария. Такое уж отношение сформировалось к этому термину и всему, что с ним связано.

Легко считать скевоморфные интерфейсы устаревшими. В основном они такими и являются, потому что дизайнеры массово перестали их создавать. Большинство визуальных дизайнеров стали делать более простые UI и, как и я, нашли себя в дизайне интерфейсов компьютерных игр, иконок и других областях, где над тобой не смеются из-за того, что ты играешь с градиентом или светом.

Но сейчас кое-что поменялось.

С появлением Material Design тень и градиент перестали быть чем-то непростительным. И сейчас я замечаю гораздо больше осязаемости в интерфейсах. Кнопки начали выделяться. Whimsy-дизайн стал отличительным признаком — не только в анимации и взаимодействии (где он использовался, пока везде царил минимализм), но и в визуальном дизайне.

Запросы вроде тех, что я получил от Opus One, говорят в пользу этой теории. «Дизайн ради дизайна» высмеивался годами, но, кажется, этот период заканчивается. И уже сейчас появляются клиенты, которые хотят вернуть удовольствие от взаимодействия в свои интерфейсы. Хотя бы для того, чтобы отличаться.

Но ещё более значимый индикатор таких перемен — это реакция дизайн-сообщества. На дворе 2018 год, и моя работа для Opus One попала на главную страницу Dribbble. Намеренно скевоморфный дизайн попал в раздел «Популярное» вместе с плоскими UI и иллюстрациями. Для меня это главное подтверждение моей теории и доказательство того, что появились новые возможности альтернативного подхода к дизайну интерфейсов.

Это запрет, снятый ради позитивного пользовательского опыта.

И не придирайтесь сильно к моей визуализации календаря. Всегда легко найти недостатки в конкретном примере любого дизайна. Возвращение радости в дизайн интерфейсов не подразумевает какое-то определённое решение. Стоит признать, что у кого-то из нас это вызывает ностальгию. Это справедливый аргумент, судя по некоторым комментариям.

И всё же у меня есть ощущение, что всё меняется.

Я не предсказываю возвращение текстур льняных полотен, кожаного, прошитого нитками приложения Find Your Friends или обитого войлоком Gamecenter. Я не предлагаю вернуться в прошлое.

Я имею в виду, что, как я всегда говорил, дизайн может быть всем, чем вы захотите. Нужно стараться создать интересный и запоминающийся пользовательский опыт, а не думать о правилах и ограничениях.

В современном дизайне не так уж много разнообразия, и мы можем изменить это, если перестанем зацикливаться на минимализме и просто начнём придумывать что-то классное.

Начните думать не только о функции, но и о форме. Позвольте себе украшать, если это поможет создать уникальный пользовательский опыт. Удовольствие от использования — это то, что сделает ваш дизайн особенным. И даже если вы сделаете это с помощью скевоморфизма — пусть так. Почему бы и нет.

Если вы клиент, попросите вашего дизайнера отойти от канонов минимализма. Если вы дизайнер, не бойтесь использовать любой инструмент, который обеспечит тот пользовательский опыт, который вы хотите получить.

Пора сбросить оковы минимализма и вернуть радость в дизайн интерфейсов.

#дизайн

{ "author_name": "Вадим Скворцов", "author_type": "self", "tags": ["\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 109, "likes": 43, "favorites": 32, "is_advertisement": false, "section_name": "default", "id": "37022", "is_wide": "" }
{ "is_needs_advanced_access": false }

Комментарии Комм.

Популярные

По порядку

0

Прямой эфир

Подписаться на push-уведомления
[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } } ]