Веб-культура

Цифровая кожаная обложка: взлет и падение скеуоморфного дизайна

Цифровая кожаная обложка: взлет и падение скеуоморфного дизайна

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

Это история о суде, неудаче, успехе и глупости. Давайте начнем с самого начала.

Что такое скевоморфизм?

Слово skeuomorph (skyoo-uh-morf) происходит от греческого skeuos , для инструмента, и morph , для формы. Скейоморф — это инструмент или объект, который включает элементы дизайна из предыдущих итераций, которые больше не нужны или не используются. В технологическом контексте скейоморфизм — это проект программного обеспечения, похожего на физический продукт, который он заменяет. Вот печально известный ранний пример: RealPhone от IBM, часть программного обеспечения для телефонных звонков на компьютере.

IBM-realphone

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

Более современные примеры можно увидеть во многих приложениях, с которыми вы, вероятно, знакомы, например, приложение для календаря Apple от iOS 5.

КСН-5-кал

Это похоже на настольный календарь, в верхней части которого виден край оторванной страницы.

Даже веб-сайты имели скейоморфный дизайн, как, например, этот пример из skeu.it, отличного блога о скейоморфной глупости:

skeuomorphic-лента

Заголовок Skeu.it: «Кто-нибудь может порекомендовать какую-нибудь скотч-ленту web 2.0, которая на самом деле хранит этот проклятый контент на экране?»

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

Почему скевоморфизм?

Так почему же скеоморфизм стал таким популярным? Тони Томас, пишущий в Medialoot , утверждает, что включение реального дизайна делает «интерфейсы мгновенно знакомыми». А App Design Vault подчеркивает, что «знакомство означает поощрение более широкого использования, более быстрое принятие новых пользователей за счет уменьшения барьеров для запугивания».

Во многих случаях это может сделать приложение более простым в использовании. Посмотрите на Paper , популярное приложение для рисования для iPad. Когда вы нажимаете на кисть, вы понимаете, чем она будет отличаться от карандаша. Там нет необходимости объяснения на панели инструментов или видео, знакомящие вас с различными инструментами; ты просто знаешь.

скевоморфизм-бумага-53

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

Джоэл Матис из Macworld, любящий прощаться со скейоморфизмом в iOS, представил другую точку зрения, особенно когда речь шла о приложении Notes.

Почему? Потому что Notes был более чем утилитарным. Меня впечатлила не искусственная желтая бумага для планшетов, а то, что произошло в приложении, когда я повернул iPad в альбомный режим: стало очевидно, что где-то во вселенной этот блокнот из бумаги — виртуальный как таковой — носили с собой в хорошем фолио, возможно, сделанном из богатой коринфской кожи, с тонкой строчкой по краям.

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

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

Звучит хорошо, правда? Кто не хочет, чтобы их приложения казались знакомыми, прежде чем пользователи даже начнут их использовать? И какой разработчик приложений не ищет более широкого использования и более быстрого внедрения? А если людям это нравится, что тут терять? Похоже, беспроигрышная все вокруг.

Это, конечно, то, о чем думала Apple, когда они разрабатывали iOS 3, в первые дни обычного цифрового скейоморфизма. Кожа, сшивание, катушечный магнитофон в приложении Podcasts, фотоальбомы в iPhoto и почти все другие скеоморфные клише, которые они могут придумать, будут видны в следующих нескольких версиях iOS и даже OS X.

Проблема

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

КСН-3-контакты

В конце концов, люди поняли, что в этом нет особого смысла. Это приложение для контактов. Людям не нужно чувствовать знакомство — очевидно, как им пользоваться. Некоторые люди даже были смущены тем фактом, что вы не можете перелистывать страницу, как в iBooks.

Окунитесь в историю вычислений раньше, и вы увидите очевидные дурные идеи, такие как операционная система Microsoft Bob. . Вместо того, чтобы предлагать пользователям что-то похожее на современный компьютерный рабочий стол, им был представлен имитированный дом с несколькими комнатами, камином, цветами, подвесным календарем и даже дровяной печью. Ох, и собака по кличке Ровер, которая проведет вас по всему ужасному беспорядку.

Microsoft-боб

Это крайний пример. Но даже Evernote, часто известный хорошими пользовательскими интерфейсами, попал в сумасшедший фургон с симулированными ноутбуками (у них даже были тени):

Evernote-Notebooks

Что не так с этой картиной? Если честно, не много. Некоторым из людей, читающих эту статью, наверное, даже очень нравится. Но есть много потраченного впустую пространства — и визуальная энергия, — в этой сцене.

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

Например, календари традиционно включали один месяц на страницу, потому что они ограничены физической концепцией страницы.

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

Переход к минимализму

После некоторых попыток сделать все скеоморфным, тенденция быстро исчезла. Выпуск Windows 8 в 2012 году и его тема «Метро» в предыдущем году показали миру, как выглядит будущее компьютеров. IOS 5 и 6 от Apple понравились, когда они впервые появились, но все были взволнованы, когда iOS 7 вышла в 2013 году и покончила с дизайном искусственного офиса.

Windows 8

Этот взгляд перекликается с недавним изменением Android в дизайне материалов. И сегодня мы привыкли использовать в основном белые экраны с легко читаемыми шрифтами, которые мало чем отвлекают нас от того, что мы делаем. Просто посмотрите на приложение Apple Calendar прямо сейчас. Грузы пустого пространства, а не порванную страницу можно найти.

OS-X-кал

Почему это движение к минималистским интерфейсам ? Что изменилось? Событие не было ускоряющим, но оно, скорее всего, сводится к тому, что фаза перехода из физического кабинета, школы и комнаты записи закончилась. Цифровое сейчас царит. Skeuomorphism должен был добавить элемент реализма и знакомства с относительно новыми технологиями, но сколько детей сегодня не выросли с iPad дома или в школе? Многим приложение контактов знакомо больше, чем настоящая адресная книга.

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

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

Хотя вы все равно можете выбрать деревянный фон для Wunderlist, если хотите.

Wunderlist древесины

Что вы думаете о скейоморфном дизайне? Вы скучаете по дням блестящих кнопок и сшитой кожи? Или вам нравится нынешний минималистский этап? Поделитесь своими мыслями ниже!

Похожие посты
Веб-культура

5 видеообъявлений Microsoft наверняка заставят вас съежиться

Веб-культураСоциальные медиа

5 вещей, которые я узнал об интернет-поведении благодаря моей SEO-работе

Веб-культура

7 веселых практических шутливых идей для игры на компьютере вашего друга [Windows]

Веб-культура

The Young Strike It Big: 5+ удивительных открытий, сделанных детьми и подростками