Дополненная реальность или AR, вероятно, что одна из самых наиболее набирающих популярность тенденций в разработке мобильных приложений. При этом в веб-дизайне более широкое распространение приобрело направление виртуальной реальности (VR), так как невозможно создать такой сайт, который  будет дополнять собой окружающий нас мир. Поэтому технологии AR нашли свое применение именно в мобильных приложениях.

Тем не менее занятно, что во многих таких приложениях вдохновение можно найти для любых видов творчества или сферы деятельности. Что касается веб-дизайна, то напомним, что мы уже рассказали о том, как можно найти интересные идеи и сочетания элементов в художественных произведениях живописи, как подбираются палитры цветов, на что способен вдохновить Street Art, дизайн интерьеров и не только. Мы даже отдельно рассматривали веб-дизайны сайтов с VR и панорамные 3600 проекты (с работой в Photoshop).

Вот и пришла пора поговорить о дополненной реальности и о мобильных приложениях. Ведь с каждым годом Apple проводит инвестирование развития технологии AR (ARKit) и тем самым способствует внедрению больших функций и возможностей. Но самое интересное в том, что технология дополненной реальности работает практически на всех iOS-устройствах и Android, что делает её действительно массовой и широко распространённой. И находит ли она свое отражение в мобильных играх или в приложениях общего характера – но её интересно изучать и ею интересно пользоваться.

Что же ты такое,  AR?

Мобильная игра Pokemon Go – наиболее яркий и знакомый многим (как минимум по сводкам новостей за лето 2016 года) пример реализации технологии дополненной реальности. Пользователям предлагается найти и проследить цифровые объекты на улицах своих городов. На что  сами пользователи отреагировали весьма активно и действительно «бросили» свои диваны и вышли на улицы.

Таким образом, AR – это своего рода размытие границ между виртуальным и реальным мирами в цифровом пространстве. При этом приложения используют наше с вами фактическое местоположение, что позволяет цифровым объектам вести себя правильно и реалистично.

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

Практически все приложения созданы и для iOS и для Android, поэтому найти их в магазинах приложений не составит труда.

World Brush

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

Как это выглядит представлено на видео ниже.

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

Если посмотреть на проекты: expedition-wilde-welten, womenscancerfoundation, wowtapes, epicmoleskine, то можно увидеть забавные анимации загрузки страниц (будто действительно вы рисуете линию, а приложение торопится за вами и окрашивает её). Или забавные курсоры, что имитируют нажатие пальцем по сенсорному экрану, плавные анимации перехода и элементов, как и в приложениях AR, то есть так, как двигается сам пользователь. Некоторые дизайны кажутся созданными под влиянием прогулки и природы.

IKEA Place

Приложение отлично демонстрирует пример того, как AR может быть использована в электронной коммерции. Это интересно не только с дизайнерской точки зрения, но и маркетинга в целом. Благодаря такому приложению, покупатели получают возможность «примерить» предмет мебели в своем интерьере. То есть узнать, как он будет выглядеть в натуральную величину и не разочароваться при покупке. Кроме того, существует и обзор 360 градусов каждого предмета мебели.

Опять же смотрим наглядное видео

Самым ярким примером реализации идей приложения является проект gathersystem, где пользователю предлагают выбрать набор и подставочку для гаджетов и принадлежностей или настольный органайзер (для ручек-карандашей, смартфона, отрывных листочков и пр). Если рассматривать дизайн redbox, то это и эффект распада объекта (представьте бурлящие эмоции, когда понравившееся вам кресло не умещается в вашем интерьере, так и хочется чтобы оно перестало существовать..ууххх…обиднааа…). Это и проект модульной мебели modulosdesk с огромными интерактивными возможностями и конфигуратором собственной мебели для заказа.

Star Chart

Занятное приложение для тех, кто интересуется астрономией и желает пополнить свои знания о вселенной, галактиках, звездах и так далее. Пользователям необходимо навести устройство на небо, и тогда приложение расскажет, что в данный момент скрывается за облаками, какие звезды, созвездия, туманности и прочее в данной точке. Но также это приложение интересно тем, что позволяет увидеть, как небо над головой (в данный момент времени) выглядело 10 000 лет назад, увидеть в перспективе звёздные объекты и многое иное.

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

Как всегда видео

Интересной реализацией идеи может стать проект lstore.graphics, что позволяет выбрать и настроить под себя макеты различных устройств и затем использовать их в дизайне, художественных работах, презентациях и так далее. Можно выбрать размер, цвет, модель. Также интересен проект bipolarstudio (его, разумеется, лучше увидеть воочию), daydreamdesigns, ceremonycoffee. В общем и целом, это дизайны, где посетители получают возможность узнать больше о продукте или услуге путем выбора из множества, путем самостоятельного решения, нужно ли им знать что-то и нужно ли кликнуть по крестику, стрелочке и так далее. То есть опять, да, интерактивные дизайны.

TapMeasure

Еще одно сложное приложение дополненной реальности, которое понравится тем, кто занимается интерьерами. В TapMeasure можно измерять расстояние между объектами в комнате, проверять, прямые ли объекты, нет ли искривлений стен, ровно стоит ли холодильник  или табуретка (иногда предметы могут и покачиваться), создавать даже трёхмерные планы этажей дома и вообще производить 3D-визуализацию всего и вся.

Таким образом, появляется отличная и удобная возможность распланировать все настолько четко и быстро, каким раньше это даже не представлялось. Все созданное в приложении можно экспортировать в обычные приложения по работе с 3D и САПР.

Увидеть в действии и понять о чем идет речь можно на видео ниже.  

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

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

Но совсем иное ощущение  от интерфейса и дизайна в целом приходит после посещения hotel-frida, nomos-glashuette, comanage, toakchocolate и аналогичных проектов, где пользователям предлагают самим решить, нужно ли им о чем-то большее количество информации или их устраивает все то, что уже есть на страницах сайта.

Большой вывод

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

Apple ARKit –  хорошее решение для начала, тем более что Apple постоянно обновляет и поддерживает технологию. На сайте разработчиков множество всего и интересного: примеры, описания, файлы для загрузки.

Если обратить свой взор на веб-дизайн, на плоский интернет и холст, что есть у каждого дизайнера  в виде документа в том же Photoshop, то, разумеется, возникает горячее желание изменить его, наполнить некой объемностью и «жизнью». Как мы говорили, для настольных систем существует технология VR и многие сайты создаются либо с псевдо-виртуальной реальностью (когда мышкой прокручиваешь панорамное изображение), либо с поддержкой устройств VR (очков виртуальной реальности). И да, это исторические проекты, хронологические, путешествия по музеям, замкам и так далее, где все подсказки и описания появляются при клике по объекту и так далее. Не только онлайн-торговля и модульные сборки.

Но вопреки сложностям работы с библиотеками VR, технология AR находит свое отражение в самых простых вещах, в самых банальных. В тех, что мы сами используем практически на каждом втором-третьем сайте. Это дополнительные подсказки, сообщения, какие-то дополнения или расширенные возможности выбора товара/услуги. И такие проекты пользуются гораздо большей популярностью и известностью, так как пользователь получает шанс узнать все интересующее его практически сразу, без совершения отдельных утомительных звонков, написания электронных писем, обращений в чате или мессенджере.

Другое дело, когда информации очень много. Её так и так приходится распределять по страницам, категориям, секциям и блокам. Но ведь можно «прятать» её и в пределах одной страницы, просто используя всплывающие сообщения. vinzi-studio, trigema, ciklum – малая толика того, как дополненная реальность может реализовываться в веб-дизайне. Достаточно просто пройтись по своим любыми сайтам и понаблюдать за интерфейсом, за дизайном в целом.

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