Лайфхакер
Лайфхакер
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Бежим с Лайфхакером
Новости
Здоровье
Спорт и фитнес
Покупки
Технологии
Отношения
Кино
Реклама
Технологии
10 июля 2014

Что такое Google Material Design и как он изменит нашу жизнь

Фото автора Сергей Суягин
Сергей Суягин

Что такое Google Material Design и как он изменит нашу жизнь

Что будет, если детство человека пройдёт под фильмы, где поумневшие компьютеры неминуемо убивают всё человечество, а чуть повзрослев, этот же самый человек будет читать о АНБ и прочих злодеях, которые круглосуточно читают его SMS и отправляют их в США? Он будет опасаться Google.

Не так давно Корпорация Добра показала миру своё видение пользовательских интерфейсов будущего. Material Design — единая концепция построения логики работы и внешнего вида сервисов и приложений, унифицирующая все продукты Google с целью их максимально лёгкого и интуитивного восприятия пользователями.

Идея настолько масштабна, что преобразит не только внешний вид всех продуктов Google. С приходом новой концепции изменится роль самой компании в жизни людей.

Чем станет Google?

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

Когда вы создаёте физические вещи, вы опираетесь на тысячелетний человеческий опыт. Но дизайн программного обеспечения только зарождается. Мы посмотрели на всё наше программное обеспечение и спросили себя, из чего оно сделано? Джон Вайли, главный по дизайну поиска Google

Чем сейчас являются сервисы Google для людей? Это строка поиска, которая живёт в браузере? Или это ваше мобильное Android-устройство? Google можно дать множество определений, и многие из них будут верны. Эта компания создала систему сервисов, ставших фундаментом нашей цифровой инфраструктуры. Но в ближайшем будущем Google перестанет восприниматься просто как Chrome или Android.

Отдельные сервисы и продукты Google эволюционируют в единый информационный канал, где актуальные для человека данные просто появляются на нужном экране в правильное время.

Когда вы смотрите на часы, стоя на ж/д станции, вы видите на экране время прибытия следующего вашего поезда. Однако эти же часы сообщат вам о важном письме от руководства, если вы посмотрите на них на работе. Эти часы заменят вам пароль для входа в свою учётную запись на компьютере, экран которого тут же отобразит тело того важного письма от шефа. Нужно срочно отойти, и нет времени добить текст ответа? Нет проблем, ведь на вашем смартфоне или планшете уже открылся интерфейс почты с недопечатанным текстом, и даже курсор стоит в том месте, где вы остановились. Рабочий день окончен, и вы едете домой. Те же самые экраны теперь выполняют совершенно иные функции. Они напомнят вам про то, чтобы забрать детей, купить продукты к ужину и оповестят о выходе новой серии любимого сериала. Такое немыслимое многообразие функций и выполняемых задач будет работать в единой интуитивно понятной пользователю цифровой среде, постепенно сливающейся с реальным миром. Одна из ключевых идей Material Design заключается в создании у пользователя интуитивного ощущения работы с реальными физическими объектами в рамках цифровой среды. По сути, это эмуляция трёхмерного пространства на плоскости экрана, но со всеми преимуществами, которые может дать виртуальная среда. Похожие на картонные карточки кнопки и окна здесь умеют увеличиваться и уменьшаться, распадаться на части и перестраиваться. Самым впечатляющим в этой концепции является то, что свойства и поведение объектов на экране будут так же предсказуемы и понятны человеку, как и любое простое событие в физическом мире. В отличие от существующих интерфейсов, где нажатие кнопки не приводит к каким-то изменениям на остальной части экрана, любое действие в Android L вызывает соответствующий эффект, затрагивающий весь интерфейс. Тапните на конкретный день в календаре, и он увеличится, расталкивая своим растущим объёмом и массой остальные дни. Нажмите кнопку воспроизведения в плеере, и она, как фантик, развернётся в панель управления. 

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

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

Не нужно быть дизайнером, чтобы заметить нарушение правила из реального мира. Бумага падает на стол, как кусок камня? Очевидно, здесь что-то не так, и это будет понятно любому.

Опираясь на такие очевидные и понятные каждому законы, команда Google решила использовать реальный мир в качестве основы для своих концептов.

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

В голову тут же приходит философия скевоморфизма, которую активно использовала Apple и в итоге отказалась от неё, не правда ли? Подход Apple также был направлен на то, чтобы сделать цифровой мир понятнее для пользователя, но по сравнению с решением Google он выглядит довольно поверхностным. Скевоморфизм от Apple лишь намекал на сходство приложения с его реальным аналогом.

Google хочет не просто провести какие-то аналогии для лучшего восприятия. Их цель — объяснить пользователям, что происходит, когда тот или иной элемент интерфейса появляется или исчезает с экрана.

Material Design — это не просто попытка создать одинаково спроектированные сервисы для различных устройств. Google создаёт параллельный мир, каждая частичка которого является фрагментом чего-то материального. Когда вы получаете сообщение на свои умные часы со смартфона, то видите не просто мёртвый кусок текста. Это кусочек картона, на котором находится послание, и это послание пришло со смартфона на ваше запястье.

Взаимодействие с цифровым миром возможно совершенно разными способами. Это может быть что-то круглое на нашем запястье или что-то прямоугольное в нашей руке. Material Design же нацелен на то, чтобы гарантированно предоставлять доступ к нужным и актуальным данным независимо от комбинации используемых человеком устройств.

Именно так, без навязывания и давления, компания просто создаёт технологии, опираясь на ключевой принцип «сосредоточьтесь на пользователе, и всё остальное придёт само».

Нам интересно ваше мнение. Считаете ли вы подобную концепцию злом или воспринимаете такие инициативы как перспективный способ взаимодействия с информационной средой в будущем?

Если нашли ошибку, выделите текст и нажмите Ctrl + Enter

Лучшие предложения

Надо брать: лёгкий электросамокат от Segway Ninebot со скидкой 60%

Надо брать: лёгкий электросамокат от Segway Ninebot со скидкой 60%

Скидки до 90% на «Великой китайской распродаже» уже скоро

Скидки до 90% на «Великой китайской распродаже» уже скоро

Каркасный бассейн от Bestway

Долговечный каркасный бассейн от Bestway отдают со скидкой 68%

Эти 10 пар кроссовок одинаково хороши для спорта и прогулок

Эти 10 пар кроссовок одинаково хороши для спорта и для прогулок

Надо брать: бюджетный робот — мойщик окон от RutBot со скидкой 84%

Надо брать: бюджетный робот — мойщик окон от RutBot со скидкой 84%

В ожидании летней распродажи: 10 товаров из нашей корзины на AliExpress

В ожидании летней распродажи: 10 товаров из нашей корзины на AliExpress

Водонагреватель от Midea

Забираем простой в управлении водонагреватель от Midea со скидкой 33%

Умный проектор на Android от Byintek отдают по выгодной цене на AliExpress

Умный проектор на Android от Byintek отдают по выгодной цене на AliExpress

Это интересно
Как стресс меняет аппетит: почему одни объедаются, а другие голодают

Как стресс меняет аппетит: почему одни объедаются, а другие голодают

3 факта о работе собак-поводырей, которые вы наверняка не знали

3 факта о работе собак-проводников, которые вы наверняка не знали

Сердечные качели: как экстремальные диеты могут навредить сосудам

Сердечные качели: как экстремальные диеты могут навредить сосудам

От доставки продуктов до тушения пожаров: как дроны помогают решать повседневные задачи

От доставки продуктов до тушения пожаров: как дроны помогают решать повседневные задачи

Комментарии
Григорий Оболенский
10.07.14 14:00
Мне очень понравилась идея и как это выглядит, не терпится попробовать в живую.
George L
10.07.14 15:33
Попробуйте Google Now - примерно оцените. Честно говоря лично меня не воодушевило. Ну да - подсказки о погоде (но менее точные, чем гисметео и только на ближайшее время), время в пути на работу и домой (но по моим прикидкам очень приблизительно). Высвечивается список ближайших дел. На самом деле эту информацию мне удобнее получать из виджетов, которые у меня на разных рабочих столах на компе и телефоне. В более удобном для меня виде и в удобной для меня компоновке.
N'Shtein
10.07.14 14:40
"...без навязывания и давления, компания просто создаёт технологии, опираясь на ключевой принцип «сосредоточьтесь на пользователе, и всё остальное придёт само»" ну-ну :-) в настоящее время политика google ощущается как раз как навязывание: - всюду реклама, которая по мнению google мне интересна; - настойчивые приглашения вступить в google+, который совершенно не нужен; - а для тех, кто не хочет - частичная или полная недоступность хороших сервисов, к которым давно привыкли; - интуитивно НЕпонятные интерфесы как следствие попытки угадать, что хочет пользователь; - автоматическая привязка карты к кошельку, кошелька к почте, почты к смартфону, и вот уже ваш телефон платит за что-то сам! я лично как те дети, про которых вы пишете в начали статьи, я боюсь "умных" программ, которые "сосредоточились" на мне :-) может быть, идея изначально и хорошая, и когда-нибудь это будет удобно, но пока испытываю сильное желание отказаться от всех продуктов google, пока не поздно
Евгешка Олейник
10.07.14 16:47
+1 Главное, чтобы гугл не начал принимать за нас решения...
Андрей Журавлев
10.07.14 21:13
Так это - гугл-мобиль уже скоро) Но я разделяю их курс, слежу за их "творчеством" и вообще считаю их лучшими. Интерфейсом, правда, не проникся, но может чего не понимаю.
Сергей Дубовой
17.07.14 00:18
Ну а гуглоплюсик очень вкусный, не обижайте его :)
Владислав Виноградов
10.07.14 14:49
Эм, мне одному кажется, что "Что такое Google Material Design и как он изменит нашу жизнь" слишком пафосно звучит? Лично мою жизнь новая версия ОС никак не изменит.
Мартин Малёванец
10.07.14 15:09
Довольно пафосная статья ;)
Elvis
11.07.14 00:10
Это прекрасно, что вы так всем этим восхищаетесь, но мне, как разработчику и человеку имеющему непосредственное отношение к UI/UX, было неприятно читать ваше искажённое восприятие этого проекта. В первую очередь потому, что большинство людей не сомневаются в авторитетности любого автора на ЛХ. Для начала, решите для себя, скевоморфизм – это плохо потому, что вы действительно так считаете или потому, что было много разговоров об этом.
Sergey Suyagin
11.07.14 10:28
Мысль интересная, вот только в тексте ни слова о том, что скевоморфизм плох.
Сергей Филимонов
30.10.14 18:31
Интересно, сам автор понимал, о чем он хотел написать? Я только понял, что автор в восторге.
Abraham Tugaloff
10.04.15 00:41
Мне кажется или этот их дизайнер просто в эту свою бумагу травку скрутил и скурил ... lol 1) Сменят дизайн 2) Соединят в одно целое множество устройств (синхронизация) Не вижу ничего сверхнового.
Родион Борисов
15.09.15 13:09
Кажется, в этой статье MD расписан, как НЕКАЯ концепция. Но если посмотреть на конкретный обзор (на Хабре, к примеру), там всё подетально написано, какие ещё хитрости есть в дизайне, есть ли стандартизированные принципы. Мне понравилась та статья, как и Material Design от Google. Всё логично и адаптивно.
капитан пикар
27.10.15 01:35
по мне так говно,как дизайн так и концепция.какая то цветная бумага на супер реалистичных дисплеях. лол што?
Aleksey Midenkov
16.03.16 21:58
Ублюдочный material design сделает все интерфейсы нечитабельными и неюзабельными.
Nick Biryukov
21.09.18 20:42
Навязывание гуглом своих продуктов воспринимается психикой как самое что ни на есть наглое насилие. А дешевенькая словесная анестезия, от которой могут быть в восторге только идиоты из отдела маркетинга, считающие всех людей идиотами и их недалеких руководителей, только раздражает своим плохо скрываемым высокомерием и издевательством над пользователями. Буду переходить на другие продукты. Гугл окончательно превратился в тоталитарную секту, где пользователя уже в наглую пытаются отформатировать под стандарт постоянно навязывая определенную логику действий.
Xander “Xgips” Greatest
01.11.19 00:10|изменено
Всё что связано с интерфейсами в Google - ДНО. Чуть лучше у Apple и Sony. Пройдет лет 30 и только тогда родится что-то путёвое! ;) Когда придут совершенно другие люди - не видевшие вот это вот всё... Добавляются эффекты и дополненная реальность во все их приложения. Меняйте свои гаджеты на новые. Ресурсы будут нужны как воздух. "Политика взаимного продвижения" в действии. Да, да и не забудьте о приближении 5G эпохи ...
Что вы могли пропустить
Honor представила игровой смартфон Win Turbo с гигантской батареей на 10 000 мА⋅ч
Honor представила игровой смартфон Win Turbo с гигантской батареей на 10 000 мА⋅ч
0
Вчера
Новости
Устройства
В корзину: 15 смартфонов, которые подешевеют на грядущей распродаже AliExpress
В корзину: 15 смартфонов, которые подешевеют на грядущей распродаже AliExpress
0
Вчера
Устройства
Устройства
На замену Booking и Airbnb: 12 сервисов для поиска отелей и квартир в России
На замену Booking и Airbnb: 12 сервисов для поиска отелей и квартир в России
0
Вчера
Веб-сервисы
Как жить
10 лучших аккумуляторных триммеров для травы, чтобы косить в своё удовольствие
10 лучших аккумуляторных триммеров для травы, чтобы косить в своё удовольствие
0
Вчера
Технологии
Технологии
Представлены смартфоны Xiaomi 17T и 17T Pro — оба с 5‑кратным перископом
Представлены смартфоны Xiaomi 17T и 17T Pro — оба с 5‑кратным перископом
0
28 мая
Новости
Устройства
Обзор Huawei Watch Fit 5 Pro — теперь с сапфировым стеклом
Обзор Huawei Watch Fit 5 Pro — теперь с сапфировым стеклом
0
28 мая
Устройства
Устройства
Обзор Honor 600 — приятного смартфона с хорошим балансом характеристик
Обзор Honor 600 — приятного смартфона с хорошим балансом характеристик
0
28 мая
Устройства
Устройства
Музыка нас связала: Windows 11 теперь позволяет подключать две пары наушников одновременно
Музыка нас связала: Windows 11 теперь позволяет подключать две пары наушников одновременно
0
28 мая
Windows
Новости
Лучшие смартфоны мая
Лучшие смартфоны мая
0
28 мая
Устройства
Устройства
В Windows 11 появилась функция, сильно ускоряющая работу системы — вот как её включить
В Windows 11 появилась функция, сильно ускоряющая работу системы — вот как её включить
0
28 мая
Windows
Новости
Теперь не проведёшь: YouTube начал автоматически помечать реалистичные ИИ-видео
Теперь не проведёшь: YouTube начал автоматически помечать реалистичные ИИ-видео
0
27 мая
Новости
Технологии
Жизнь после смартфонов: какие гаджеты скоро могут сменить привычные мобильники
Жизнь после смартфонов: какие гаджеты скоро могут сменить привычные мобильники
0
27 мая
Технологии
Технологии
Xiaomi обновила электроотвёртку Mijia — теперь заряда хватает на 600 винтов
Xiaomi обновила электроотвёртку Mijia — теперь заряда хватает на 600 винтов
0
27 мая
Новости
Устройства
Справка через MAX: Минздрав запустит онлайн-заказ медицинских документов по всей России
Справка через MAX: Минздрав запустит онлайн-заказ медицинских документов по всей России
0
27 мая
Новости
Технологии
До 40 часов на жаре: Xiaomi выпустила новый портативный вентилятор Mijia
До 40 часов на жаре: Xiaomi выпустила новый портативный вентилятор Mijia
0
27 мая
Новости
Устройства

Новые комментарии

Аватар автора комментария
Рукоблуд5 минут назад

0 / 0

Бред бредовый.... Совсем фантазии нет. "Три поросёнка" переснимите или "Репка"...
«Ты заходи, если что»: советский мультфильм «Жил-был пёс» получит киноремейк
Аватар автора комментария
Рукоблуд10 минут назад

0 / 0

Конечно же будут снимать только положительную, местами выдуманную, сторону биографии. Надо же как-то кумиров возражать.
Я посмотрел «Майкла» и вспомнил, почему музыкальные байопики должны умереть
Аватар автора комментария
всем нам кирдык, и вам тоже44 минуты назад

0 / 0

Вы опять всё запутываете. В вики нет ничего про движение "магнитных масс", там говорится про движение проводника (который не есть магнит). Если посмотрите картинки на вики, то вы увидите, что движение это не совсем тривиально. Скорей всего локальные изменения направления не очень влияют на общую картину.
У внешнего ядра Земли внезапно сменилось направление движения — учёные нашли возможную причину
Аватар автора комментария
Катерина1 час назад

0 / 0

На всякий случай проверила дату выпуска статьи и календарь, ожидая увидеть там первое апреля... Увы...
«Ты заходи, если что»: советский мультфильм «Жил-был пёс» получит киноремейк
Как начать карьеру в телекоме: 3 реальные истории от сотрудников Т2

Как начать карьеру в телекоме: 3 реальные истории от сотрудников Т2

Реклама
Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииО компании
Подписка
TelegramВКонтактеTwitterViberYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях