UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Эволюция главного экрана и навигации Android за последние 10 лет
Редакція
Редакція

Опубліковано • Оновлено

Эволюция главного экрана и навигации Android за последние 10 лет

#ux

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

В связи с 10-летним юбилеем Android мы подумали, что было бы здорово оглянуться назад и посмотреть на его развитие. Не трудно догадаться, что эта операционная система претерпела значительную трансформацию с 2008 года – года, когда «Сумерки» показывали в кинотеатрах, а хит Бейонсе «Single Ladies» возглавлял чарты.

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

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

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

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

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

Начало: T-Mobile G1 (2008)

Начало: T-Mobile G1 (2008)

T-Mobile G1

T-Mobile G1 открыл эру Android. Свайп вниз уведомлений было успешным нововведением в Android с самого начала. Хотя чтение и управление уведомлениями стало сложнее, основная концепция и жест остаются прежними 10 лет спустя. Виджеты главного экрана и кастомизируемые интерфейсы были среди других интересных функций, которые мы ввели в первой версии.

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

Модернизация: Ice Cream Sandwich (2011)

Модернизация: Ice Cream Sandwich (2011) HTC Sensation

HTC Sensation

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

Ярче и светлее: KitKat (2013)

Ярче и светлее: KitKat (2013)

Nexus 5

С KitKat визуальный язык Android стал ярче, аппетитнее и более открытым. Когда такие доминирующие цвета, как черный и синий, исчезли, то на их месте появились более светлые цвета и прозрачность во всем пользовательском интерфейсе. Это создало более современный вид.

Material Design: Lollipop (2014)

Material Design: Lollipop (2014)

Nexus 6

Lollipop представлял собой самую амбициозную UX-версию Android. Material Design представил совершенно новый вид и был применен в Android и всех других продуктах Google. Использование знакомых тактильных атрибутов, теней и света из физического мира сделало его более доступным и дружелюбным. Он также создал согласованную систему, которая унифицировала интерфейсы и паттерны взаимодействий в системе и приложениях. Тем самым помогая пользователям легче взаимодействовать и использовать свое устройство.

Минималистичные, элегантные геометрические фигуры (треугольник, круг и квадрат) представили кнопки «Назад», «Домой» и «Недавние приложения». Это был отход от изобразительных иконок. В то время это считалось рискованным шагом, но изменение эстетики было необходимо для того, чтобы ОС оставалась современной и даже передовой.

Изящество: Oreo (2017)

Изящество: Oreo (2017)

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

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

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

Цель Oreo состояла в том, чтобы сделать Android более понятным и более совершенным, оставив рабочий стол функциональным, но все же доступным.

Простой, но мощный: P (2018)

Простой, но мощный: P (2018)

На презентации Google I/O 2018 мы обнаружили, что релиз P – последний шаг в эволюции пользовательского опыта Android, совпадает с 10-летием самого Android.

Способ использования наших телефонов изменился. Множество приложений (и сервисов, таких как Google Assistant) расширили наши возможности. Также изменился способ выполнения задач. Повседневные вещи, такие как планирование вечеринки с друзьями, включают в себя переключение между несколькими приложениями. Android P делает все ближе.

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

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

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

Android P (2018)

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

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

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

Android P поиск

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


Перевод статьи E.K. Chung

Топ коментарі (0)