Дизайнерский обзор Android 4.4 KitKat. Часть 2



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

    Во второй части статьи описаны обновленные стоковые программы и некоторые другие дизайнерские нововведения, которые были добавлены в Android 4.4 Kit Kat. Дальше — много картинок.



    Стоковые приложения


    «Безопасный» фоторедактор


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



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

    Часы


    Большая часть приложения Clock осталась без изменения: всё тот же красный акцентный цвет, all-caps типографика и минималистичный интрефейс. Хотя есть и хорошо заметные отличия.

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


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

    Экран добавления новой локации для часов также претерпел небольшие косметические изменения. Кнопку поиска вынесли в Action Bar, что, естественно, более наглядно и удобно.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

    Во-вторых, на экране с установленными будильниками больше нет Action Bar. А иконки удаления сразу вынесены на listview, чтобы можно было быстро удалить ненужные будильники. «Плюсик» добаления нового будильника теперь также на белой полупрозрачной круглой подложке и переместился в Split Action Bar.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

    Диалоговое окно установки нового будильника сделали как в Google Keep и Google Calendar. В 12-часовом формате времени интерфейсом пользоваться удобнее, чем на предыдущей версии Android. Но вот в 24-часовом он превращается в кашу.

    Видимо этот стиль пикера времени скоро добавят в гайдлайны системы как стандартный элемент. Тем более, что его psd-исходник уже можно найти в обновленном файле Adobe Photoshop Stencils and Sources от Google.


    Слева — Android 4.3 Jelly Bean, по центру — Android 4.4 Kit Kat, справа — Android 4.4 Kit Kat

    И напоследок, Google слегка допилила секундомер и таймер. Обновленный экран секундомера избавился от подписей секунд и минут, контент выровняли по центру и убрали начертание Bold у циферблата, заменив его на Thin (как на экране блокировки).


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

    Аналогичным изменениям подвергся и экран таймера. Но подписи для часов-секунд-минут, естественно, остались.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

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


    Android 4.4 Kit Kat Панель уведомлений для Clock

    «Звонилка»


    «Звонилка» в Kit Kat была переделана полностью — это не только новый дизайн (вдохновленный карточками интерфейс, переход с темной темы на светлую), но и ещё пара очень полезных функций.

    В отличие от Android 4.3, где после запуска приложения пользователя встречал экран с цифровой клавиатурой для набора номера, в Android 4.4 вы попадаете на экран с любимыми/частыми контактами и последними звонками. Перейти к набору номера можно, если нажать на центральную кнопку в Split Action Bar.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

    В Kit Kat поиск позволяет искать контакты не только по записной книжке телефона, но также и по названиям мест. Причем он понимает ошибки. Если набрать «chnrse», то поиск распознает, что вы имели ввиду «chinese», и предоставит соответствующие результаты по запросу.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

    Тут работает та же «магия», как и в случае, когда вам звонят с незнакомого номера. «Звонилка» ищет телефон в своей базе мест и, если находит, заменяет неизвестный номер на название компании.

    Унифицированный файловый пикер


    Файловый пикер в Kit Kat — это один из, так сказать, невоспетых героев. В Jelly Bean, если вы хотели послать какой-нибудь документ, то для выбора вам показывалось диалоговое окно со списком приложений, которые имеют доступ к файлам. В Kit Kat для этих целей используется удобный и простой в навигации файловый пикер. Это приложение агрегирует все файлы вашего телефона из сторонних приложений, облачных хранилищ, галереи, фотографий, SD-карты или внутренней памяти.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

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


    Android 4.4 Kit Kat Файловый пикер

    Загрузки


    Приложение Downloads в Android 4.3 было, честно говоря, ужасным. Оно представляло собой просто список загруженных файлов с возможностью сортировки по размеру.

    В Android 4.4 Downloads полностью переделали. И в свете активной унификации интерфейсов в Google, теперь приложение выглядит абсолютно так же, как файловый пикер. И это хорошо для пользователей, так как, по сути, приложения об одном и том же.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

    Диалоговое окно «Complete Action»


    Диалоговое окно «Complete Action» также немного допилили. Вместо плиточного вида иконок в Kit Kat используется список, который гораздо удобнее для быстрого считывания. Строка с вашим последним выбором сразу подсвечивается активной, то есть экономится один тап.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

    Google Keyboard


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


    Android 4.4 Kit Kat Google Keyboard

    People


    Приложение People, как большинство интерфейсов в Kit Kat, избавилось от Holo Blue. Теперь оно имеет светло-серую тему оформления, табы favorites и groups поменялись местами, а аватары в списке контактов выровнены по левому краю. Также между элементами списка добавили небольшие отступы. В остальном — приложение осталось без изменений.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat


    Другие дизайнерские нововведения


    Immersive Mode


    Immersive mode в Kit Kat представляет собой доработанный полноэкранный режим приложения. Он позволяет запущенному приложению полностью скрывать Status Bar и Navigation Bar. Но что более важно, чтобы вызвать их обратно, нужно свайпнуть от верхнего или нижнего края экрана.



    В предыдущих версиях Android разработчики имели доступ к похожему режиму, который называется Leanback Mode. Этот режим используется, например, в приложении YouTube. Status Bar и Navigation Bar также скрываются при полноэкранном просмотре видео, но тап по экрану возвращает их обратно. То есть отличие Immersive mode от Leanback Mode в том, что пользователь теперь может взаимодействовать с контентом в полноэкранном режиме. Это будет полезно, например, для приложений читалок или журналов.


    [Play Books] Immersive Mode

    Круги — это новые квадраты


    Очевидный дизайнерский шаг при создании Kit Kat — попытка сделать Android более «мягким и приветливым». Исчез Holo Blue с темным фоном (за исключением настроек), иконки приложений стали больше, а большинство квадратных элементов интерфейса теперь круглые.


    Слева — Android 4.3 Jelly Bean, справа — Android 4.4 Kit Kat

    Хотя это и не фича Kit Kat, но Android постепенно переходит от квадратных иконок Overflow Menu («три точки»), к «трём кругам». Это можно увидеть в обновленном приложении Google Search или Play Store.

    Drag-to-Select


    Новая парадигма от Google в Android 4.4 — drag-to-select для спинеров и меню. Это позволяет экономить один тап при взаимодействии с интерфейсом.


    Слева — Gmail, справа — Google+

    One more thing


    И ещё несколько нововведений короткой строкой:
    • Новый раздел в дизайнерских гайдлайнах Your Branding о кастомизации вашего приложения
    • Измененный touch feedback
    • Новый режим Translucent Bars, который позволяет вашему приложению использовать полупрозрачные системные панели (как на рабочем столе с GEL)
    • Новый жест Double touch drag (можно посмотреть, например, в Google Maps)
    • Возможность записи видео с экрана мобильного устройства
    • Новые API для анимации элементов интрефейса




    В версии Android 4.4.1 и 4.4.2 в дизайнерском плане ничего не изменилось. Google допилила камеру на Nexus 5 и поправила баги, соответственно.



    На основе материала от Android Police
    Поделиться публикацией
    Комментарии 49
      +1
      Впрочем, через некоторое время Google дала возможность выбирать цвет в расширенных настройках.
      Ох, спасибо Вам огромное! Как же меня раздражал этот белёсый цвет свайпа в клавиатуре. Сменил обратно на голубой! :)
        +6
        Со звонилкой, на мой взгляд, они накосячили нехило.
        Предыдущая, с тремя табами и вьюпейджером была гораздо удобнее (субъективщина)…

        Особенно раздражает компоновка и реордеринг избранных контактов в новой звонилке:

        Раньше: у меня спокойно помещались 4 крупные фотографии сеткой 2x2, а под ними уже были остальные контакты.

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

        Извиняюсь за свой баттхерт :(
          +5
          Скажите, а мне одному старый TimePicker больше нравится, чем новый?
          Не знаю как другим, но лично мне дико неудобно им пользоваться.
            +3
            Мне наоборот. Hовым пикером удобно одним движением, например, выбрать 30 минут, если стоит 00. Старым нужно со всей силы крутануть и перелететь или несколькими короткими подкручиваниями дойти. Единственное, как было указано в статье, с часами в 24ч-формате иногда неудобно.

            PS: или это проблема только на пальцах-сосисках воспроизводится?)
              +3
              есть, конечно, в этом доля логики, но мне как программисту, самый удобный кажется этот, где всё чётко и ясно и вероятность ошибки минимальна:
              image
                0
                В старом были кнопки :00 и :30 в 24-часовом режиме.
              +5
              Вчера будильник впервые ставил на 4.4.2. Этот циферблат в 24-часовом формате меня неприятно удивил. Но потом разобрался: главной метко попасть в 8 вместо 20.

              Раньше было удобнее и понятнее
                +3
                А если промазал — надо по новой устанавливать будильник, кнопки «назад» нет. Этот интерфейсный ход меня особенно порадовал.
                  +1
                  Как вариант решения можно зажать и двигать палец, а отпускать когда точно видишь, что попал.
                    +1
                    Ну так ты ж из-за пальца-то и не видно, попал ты или нет.
                    Нет, конечно, сверху есть индикация, но я, например, её не замечаю (не замечал первые n раз).
                    +2
                    Бред же. Пока не нажали done, диалог остается открытым. А пока он открыт всегда можно тыкнуть на час и выбрать его еще раз.
                      +1
                      А-а-а-а-а.
                      И точно.
                      Андроид, конечно, это кладезь «интуитивно понятных» интерфейсных решений, да.
                  +5
                  Жалко что темную тему выпиливают, даже возможности выбора нету.
                    0
                    Отдельные лучи ненависти по этому поводу от владельцев телефонов с OLED-экранами.

                    Вообще, гугл как-то в последнее время стал слишком сильно привязываться к своему железу. Как стали делать нексусы с OLED — началась постепенная миграция интерфейса от светлого к темному (если помните, когда-то в 2.x строка состояния тоже была белой… а потом, после одного апдейта — 2.3, кажется — стала черной). А теперь, похоже, пошел откат в обратную сторону, и, похоже, это связано с переходом к IPS.
                    +2
                    Нет ни единого изменения, которое бы улучшило, а не ухудшило интерфейс (за исключением, быть может, редизайна Downloads).

                    Новой звонилкой пользоваться невозможно, я абсолютно не понимаю, для чего они её сделали. Метания кнопок по менюшкам (вверх-вниз-под многоточие-под меню приложения), порой ещё и со сменой иконок, изрядно задрали, потому что логичнее не стало, а переучиваться надо.
                      +3
                      У меня ЦианогенМод, но я многими стандартными приложениями вообще не пользуюсь. Не знаю, что произойдет если там что-то сделать.

                      Звонилку использую из Go Contacts EX.

                      Вчера зашел в стандартную звонилку Андройда. По старой привычке свайпнул в сторону, чтобы сменить экран — контакт удален. Я был шокирован. Почему такое опасное действие так легко выполняется?
                        +1
                        Чем же оно опасное, если вместо контакта появляется кнопка undo? Или лучше спрашивать каждый раз delete/abort? :)
                          +3
                          Вы так часто удаляете, что это должно так легко делаться?

                          Например, после звонка не заблокировали экран, положили телефон в карман и к концу прогулки контактов станет меньше.

                          У меня так музыка иногда переключается.
                            0
                            Не часто, хотя могу представить ситуацию, когда надо почистить контакты. Но эта общая парадигма, которая работает во всех стандартных приложениях: галерее, нотификациях, контактах, hangouts и т.д. Нет причины применять другую парадигму специально для дайлера. В конечном счете, если у вас есть проблема с ношением разблокированого телефона в кармане, то дайлером она не ограничится. Хотя мне кажется, случайно сгенерировать свайп не так то просто, иначе все производители мобильных ОС не запирали бы свои смартфоны аналогом «slide to unlock».
                              +2
                              Но эта общая парадигма, которая работает во всех стандартных приложениях

                              В Gmail свайп отправляет в архив. Хотя лучше бы он там удалял. :)
                                0
                                Ну архив в гмыле это практически эквивалентная операция, особенно учитывая их философию «вот вам дофига места, что бы ничего не надо было удалять». Я, например, так и делаю, удаляю только спам — все остальное отправляю в архив.
                                  0
                                  Gmail — Настройки — Общие настройки — Архивация и удаление: Только удалять.
                                  Теперь свайп удаляет письма.
                                    0
                                    Спасибо Вам.

                                    А я и не знал, то там можно нажать и изменить. Визуальных подсказок нет
                          +1
                          Иконку добавления времени для новой локации называли «клизмой» и ругали за неинтуитивность, теперь там иконка земного шара на белой полупрозрачной круглой подложке.
                            +3
                            О да.
                            Раньше самая бесполезная иконка (ну правда, сколько раз в год вы добавляете новую локацию?) просто мешалась на самом полезном месте, а теперь её ещё и выделили кружком.
                              0
                              Есть люди, которые часто путешествуют / звонят в другие часовые пояса. У меня по максимуму в этом списке было 6 дополнительных пунктов.
                                0
                                Такие люди есть. Я сам часто езжу в командировки.
                                Однако добавляю/удаляю новые часы не чаще раза в месяц. В кнопку «будильник», например, я тыкаю раз этак в 100 чаще.
                            0
                            Есть противоположное мнение: уже элегантный дизайн 4.х стал еще более элегантным, красивым и удобным.
                            ЗЫ: новый дайлер, со объедененным поиском по контактам и интернету — одна из самых удобный фичер нового андроида.
                              +1
                              Ну ок, я рад, что хоть кому-то стало удобнее.
                                0
                                Расскажите, пожалуйста, как нормально посмотреть историю звонков со временем и длительностью каждого, особенно если контакт звонил вам несколько раз подряд? Без сарказма спрашиваю, потому что это полный ппц. Стало красивее, но для меня лично — значительно менее функционально.
                                  0
                                  Элементарно! В дайлере в нижнем левом углу иконка с циферблатом часов, которая показывает закладку с историей. Каждый пункт (контакт) с краткой историей при нажатии разворачивается в подробную историю этого контакта с точным временем и длительностью разговора с точностью до секунды.
                                    +1
                                    Одна из проблем: тап на главном экране («частые вызовы») начинает вызов, тап в истории вызовов открывает информацию о вызове. Экраны внешне почти не отличаются, и настолько противоположного поведения внутри одного приложения (причём на расстоянии одного тапа) просто не ожидаешь. Открывая звонилку, ожидаешь увидеть последние вызовы, и приходится каждый раз останавливать себя и вспоминать, где и куда можно нажать, чтобы получить нужное действие (на личном примере – удобно отправлять смс из списка недавних вызовов).
                                      0
                                      Да, согласен, что это не очень интуитивно. Правда можно понять логику — проверить подробную историю вызовов мне нужно было от силы пару раз, а перезвонить по одному из последних номеров — почти самая часто используемая операция в дайлере.
                              +5
                              Всё стало уныло-серым.
                                +4
                                Я по началу путался, что значок WiFi белый. Раньше — это означало, что нет выхода в Internet. Кое-где не хватает старого синего цвета, который говорил, что все ок.
                                  +1
                                  Да, это особенно бесит, плюс нет индикатора передачи у радио. Теперь чтобы знать что все ОК, надо лезть на вторую вкладку панели уведомлений. Сейчас там индикатор оранжевый, если связи нет.
                                    0
                                    Из-за Drag-to-Select почти каждый день случайно нажимаю что то в меню. (не в ту ветку ответил)
                                • НЛО прилетело и опубликовало эту надпись здесь
                                    +8
                                    В будильнике ужасно бесит, что неделя начинается не с понедельника, и как поменять не нашел. Поставил себе будильник на 7 утра. В воскресение (!) проснулся, в пятницу проспал.
                                      0
                                      Американский стиль. Странно, что сделали без учёта региона/языка и без возможности настройки.
                                      +2
                                      Дизайн всё равно хороший, на мой взгляд. Однако на рынке всё равно царят оболочки от производителей, которые ну уж очень страшные.
                                        0
                                        Спасибо. Продолжая ждать отдельную статью про кнопку меню)
                                          0
                                          Печально, что принцип работы окна «Complete Action» полностью сохранился, а он жутко неудобный по сравнению с тем, что был в android 2.x, так как нажимать всегда приходится 2 раза вместо одного.
                                            0
                                            В том-то и дело, что теперь достаточно одного нажатия, если выбор приложения не изменился (оно будет уже по умолчанию выделено, и при первом же тапе запустится).
                                          • НЛО прилетело и опубликовало эту надпись здесь
                                              0
                                              Immersive Mode отлично сочетается с Расширенным экраном в CM11 на устройствах с хардверными кнопками управления.
                                              Теперь все приложения развернуты на весь экран, а что бы посмотреть в статус-бар нужно просто провести пальцем сверху вниз.
                                                0
                                                В 12-часовом формате времени интерфейсом пользоваться удобнее, чем на предыдущей версии Android. Но вот в 24-часовом он превращается в кашу.

                                                Ага. И несмотря на то, что мы используем 24H, именно в этом контроле намного проще работать с 12H + AM/PM переключатель. Жаль, что нельзя это сделать.
                                                  +1
                                                  Есть одна большая проблема связанная с фотографиями и их обработкой.

                                                  1. Существуют две галереи по умолчанию: Гугл+ Фото и Галерея.

                                                  2. Гугл+ фото использует отдельный, другой фоторедактор, который проще и хуже.

                                                  3. Гугл+ фото при автозагрузке фоток в облако делает их «автоулучшение», которое классное и хотелось бы, чтобы оно было удобнее. (Сейчас нет удобного доступа ко всем автозагруженным фотографиям)

                                                  4. У гугла есть Snapseed — очень продвинутый и крутой фоторедактор, который они купили и теперь частично используют в Гугл+.

                                                  5. Хотелось бы, чтобы в будущем все эти 3 подхода (Гугл+, Галерея и Снэпсид) пришли к одному. Но видимо сложность ещё в том, что андроид опенсорс и надо сохранить галерею без облака и снэпсида для всех.
                                                    0
                                                    Android 2.1-2.3


                                                    Android 4.1-4.3
                                                    image

                                                    Android 4.4
                                                    image

                                                    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                    Самое читаемое