Скевоморфизм

Скевоморфизм (от др.-греч. σκεῦος — «сосуд, утварь, инструмент» и μορφή — «форма, вид») — это дизайнерский приём, при котором элементы пользовательского интерфейса или физического объекта имитируют внешний вид и функциональность своих реальных, часто устаревших, прототипов, выполненных из других материалов. Цель скевоморфизма — сделать новый, непривычный объект интуитивно понятным за счёт визуальных и тактильных отсылок к знакомому опыту пользователя.

История

Термин «скевоморфизм» вошёл в широкий обиход в сфере цифрового дизайна в конце 2000-х — начале 2010-х годов, хотя сам принцип существовал задолго до появления компьютеров. В археологии и антропологии скевоморфизмом называют сохранение декоративных элементов, утративших свою первоначальную функцию, в новых формах предметов. Например, керамические сосуды могли имитировать форму и орнамент плетёных корзин, а первые металлические топоры повторяли форму каменных.

В цифровой среде

Скевоморфизм стал ключевым принципом дизайна на заре графических пользовательских интерфейсов (GUI). Поскольку компьютеры были новинкой для массового пользователя, разработчики стремились сделать взаимодействие с ними максимально естественным. Пионеры GUI, такие как Xerox PARC и Apple, активно использовали метафоры реального мира: рабочий стол, папки, корзина для мусора.

Наибольшего расцвета скевоморфизм достиг в эпоху iOS 1–6 (2007–2013) и macOS до версии Yosemite (2014). Дизайнеры Apple, в частности Джонатан Айв и Скотт Форстолл, довели приём до совершенства. Приложения имитировали текстуру кожи, дерева, войлока, бархата. Калькулятор был похож на настоящий механический, книжная полка в iBooks — на деревянные стеллажи, а записная книжка — на блокнот в кожаном переплёте с оторванными уголками страниц.

Отход от скевоморфизма

С 2013 года, с выходом iOS 7, начался переход к так называемому «плоскому» дизайну (flat design). Главным идеологом этого направления стал Джонатан Айв, который посчитал, что чрезмерная детализация отвлекает от контента и устарела. Плоский дизайн отказался от реалистичных текстур, градиентов, теней и объёмных кнопок в пользу минимализма, чётких линий и ярких цветов. Однако полный отказ от скевоморфизма не произошёл: многие метафоры (например, иконка «корзина» или «облачное хранилище») остались, но стали более стилизованными.

Классификация

Скевоморфизм можно разделить на несколько типов в зависимости от целей и степени подражания.

Функциональный скевоморфизм

Имитация не только внешнего вида, но и способа взаимодействия. Примером может служить приложение «Калькулятор» в ранних версиях iOS: кнопки нажимались, как на реальном калькуляторе, а результат отображался на «электронном табло». Другой пример — приложение для заметок, где можно было «писать» пальцем, имитируя ручку, или «перелистывать» страницы.

Декоративный скевоморфизм

Использование реалистичных текстур и материалов, не влияющих на функциональность. Например, деревянная полка в iBooks, кожаная обложка в «Календаре» или войлочная текстура в Game Center. Эти элементы служили для создания эстетически приятной и узнаваемой среды.

Структурный скевоморфизм

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

Примеры

В программном обеспечении

• iCal (Apple, до версии 7.0): календарь был выполнен в виде настенного отрывного календаря с отрывными листочками и кожаной спинкой.
• iBooks (Apple, до версии 3.0): виртуальная книжная полка из дерева, на которой «стояли» книги с реалистичными корешками.
• Find My Friends (Apple): приложение имитировало карту с «булавками» и «компасом», а также использовало текстуру бумаги.
• Microsoft Office 2007–2010: интерфейс «лента» (Ribbon) был стилизован под металлические панели, а кнопки — под объёмные «камешки».
• Adobe Photoshop: многие иконки инструментов (кисть, ластик, лупа) остаются скевоморфными, хотя и в упрощённом виде.

В физических объектах

• Автомобили: первые автомобили копировали форму карет (кузов «фаэтон»), а рулевое колесо имитировало штурвал корабля.
• Электрогитары: форма корпуса многих моделей (например, Fender Stratocaster) повторяет очертания акустических гитар, хотя электрическим инструментам это не требуется для звукоизвлечения.
• Пластиковые бутылки: некоторые из них имеют рифление, имитирующее стеклянные бутылки, или форму, напоминающую керамические кувшины.
• Цифровые часы: многие модели имеют «стрелки» на дисплее, хотя точнее и проще было бы показывать цифры.

Критика

Скевоморфизм имеет как сторонников, так и противников. Основные аргументы критиков:

• Избыточность: реалистичные текстуры и тени занимают много памяти и замедляют работу приложений, особенно на старых устройствах.
• Отвлекающий фактор: чрезмерная детализация может отвлекать пользователя от выполнения задачи.
• Ограничение креативности: привязка к физическим метафорам может сковывать дизайнеров, мешая создавать принципиально новые интерфейсы, не имеющие аналогов в реальном мире.
• Несоответствие современным трендам: с распространением сенсорных экранов и жестового управления (свайпы, тапы) реалистичные кнопки и ползунки стали восприниматься как анахронизм.

Сторонники скевоморфизма, напротив, утверждают, что он:

• Снижает когнитивную нагрузку: пользователь сразу понимает, как взаимодействовать с объектом, не читая инструкцию.
• Создаёт эмоциональную связь: реалистичные элементы вызывают приятные ассоциации и делают интерфейс «тёплым» и дружелюбным.
• Улучшает доступность: для людей с когнитивными нарушениями или пожилых пользователей скевоморфные подсказки могут быть более понятными, чем абстрактные иконки.

Современное состояние

Несмотря на доминирование плоского дизайна и материального дизайна (Material Design от Google), скевоморфизм не исчез полностью. Он переживает ренессанс в так называемом «нео-скевоморфизме» (или «ню-морфизме»), который появился в конце 2010-х годов. Этот стиль использует мягкие тени, полупрозрачные текстуры и имитацию объёма, но без излишней детализации. Примеры — элементы интерфейса в iOS 7–17 (например, «шторка» уведомлений с эффектом матового стекла) или некоторые виджеты в macOS Big Sur и новее.

Кроме того, скевоморфизм активно применяется в специализированных областях, где важна узнаваемость: медицинские приборы, авиационные дисплеи, симуляторы, а также в дизайне игрушек и сувенирной продукции.

Источники

• Норман Д. «Дизайн привычных вещей». — М.: Манн, Иванов и Фербер, 2013.
• Лидвелл У., Холден К., Батлер Дж. «Универсальные принципы дизайна». — СПб.: Питер, 2012.
• Статья «Skeuomorph» в энциклопедии «Британника» (Encyclopædia Britannica).
• Материалы конференций WWDC (Apple Worldwide Developers Conference) 2013–2014 годов.
• Исследование «The Rise and Fall of Skeuomorphism» в журнале «Interactions» (ACM, 2014).