Создание адаптивной среды для улучшения пользовательского опыта

Posted on by riasevastopol

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

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

Мы, очень прежде, близки к реализации пользовательского опыта, интуитивного и незаметного в один момент.

  • Ключевые принципы проектирования пользовательского опыта

Примеры адаптивных совокупностей

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

Дневной и ночной интерфейсы навигатора Garmin Zumo 660

Создание адаптивной среды для улучшения пользовательского опыта

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

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

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

Многие пользователи не в восхищении от виртуальной клавиатуры на мобильных устройствах. Гугл Now решил эту проблему методом реализации голосовых команд (функционал, подобный Siri в iOS). Адаптивный мобильный сервис от Гугл разрешает избежать применения виртуальной клавиатуры и предоставляет необходимую информацию скоро и не отвлекая внимания пользователя от его главного занятия.

  • Как создать качественный интерфейс? Обратитесь за советом к своим клиентам

Использование адаптивных совокупностей не ограничено мобильными устройствами

Nest — обучаемый термостат — превосходный пример адаптивной совокупности, встроенной в жилое помещение. Применяя множество датчиков — температуры, влажности, прикосновения, перемещений а также освещенности — термостат определяет, дома ли пользователи и в какое время они активны.

Применяя эти сведенья при настройке температуры, Nest экономит до 20% затрат на отопление/охлаждение жилья. В то время, когда дома никого нет, устройство сокращает обогрев, а зафиксировав появление пользователя, поднимает температуру. Через пара недель применения Nest запомнит, во какое количество вы возвращаетесь с работы, и к вашему приходу нагреет жилище.

Nest применяет датчики для распознавания присутствия пользователя в доме и руководит температурой в помещении.

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

  • Оптимизируйте пользовательский опыт — не только конверсию

Адаптивное мышление

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

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

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

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

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

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

Приложение для байк-шеринга подстраивается под потребности пользователя в зависимости от его расположения и от того, снял в аренду ли он велосипед.

Адаптивный способ разработки применяет GPS, подключение к интернету и познание поведения клиента в любой момент применения сервиса.

  • 5 приемов User Experience, разрешающих срочно расширить доход вебмагазина

Адаптивный дизайн

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

AllRecipes.com — хороший пример аналогичной адаптивной экосистемы. Пользователь ищет рецепты и додаёт продукты в перечень приобретений на десктопе. В магазин он, наверное, заберёт с собой смартфон, исходя из этого на нем будет дешёв перечень приобретений.

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

  • Адаптивный дизайн — новая эра мобильного маркетинга

Контекст для адаптивности

Цитата из книги «The Adaptive Web»:

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

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

К примеру, мобильное приложение, помогающее пользователю ориентироваться в магазине, должно владеть следующими данными:

  • текущая пространственная позиция (какие конкретно продукты рядом)
  • временные ограничения пользователя (какое количество времени осталось на приобретения)
  • главные предпочтения пользователя (красное либо белое вино он выберет к тунцу)
  • быть может, кроме того эмоциональное состояние пользователя (обожает ли шоппинг)»

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

Приложение может выяснить правильное местонахождение пользователя в магазине и подгрузить интересующую его данные.

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

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

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

Разработка адаптивной совокупности

Адаптивный дизайн сочетает в себе незаметность и очевидность использования.
В большинстве случаев, адаптивность кроется в непримечательных подробностях: маленькое дополнение может существенно улучшить неспециализированное восприятие. К примеру, вы подмечали, как Гугл угадывает поисковый запрос? Стоит вам ввести 3 буквы, Гугл уже знает, что вы желаете задать вопрос, и применяет автозавершение.

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

В случае если пользователь сперва искал «The Beatles», в следующем запросе Гугл предложит Ringo Starr, в случае если в строчке поиска ввести первые буквы его имени. Совокупность выявит контекст поиска и сравнивает его с похожими поисковыми сессиями.

Гугл выявит контекст поиска.

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

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

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

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

Подобно, адаптивная совокупность увеличит уровень громкости.

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

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

  • Как привычки людей воздействуют на их потребительскую удовлетворенность?

Анализ поведения пользователя

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

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

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

Адаптивная совокупность имела возможность предугадать поведение пользователя с момента его пробуждения и предотвратила бы о недоступности метро заблаговременно.

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

Применение привычек пользователя

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

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

Так, взяв email пользователя, возможно выяснить его пол, возраст, расположение, интересы и приспособить сервис в соответствии с этими условиями.

Эти сенсоров

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

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

Термометр iGrill.

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

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

Первый уровень идентификации — имя пользователя, указанное на устройстве.
Второй — расположение устройства, сверяемое с адресом, указанным в банковском аккаунте.
Третий — применяемое Wi-Fi-соединение (MAC-адреc каждого устройства неповторим).
В качестве четвертого уровня смогут быть использованы Wi-Fi-соединения по соседству (кроме этого с неповторимыми MAC-адреcами).

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

  • Пользовательский опыт и юзабилити на сайтах eCommerce

Заключение

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

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

Высоких вам конверсий!

По данным: www.smashingmagazine.com, image source Attendee Interactive

Случайные статьи:

Дизайн интерфейсов. Курсы по ux/ui/веб-дизайну


Подборка похожих статей:

riasevastopol

More Posts