«Плоский» стиль сегодня в тренде, это никто не отрицает. Уже около трех месяцев разрабатываю небольшую игру и в качестве стиля решил использовать именно «плоский» дизайн, т.к. он наиболее популярен сейчас, а еще очень легко «воспроизводится» (слово «рисовать» тут не подходит, т.к. я программист и рисовать совершенно не умею =)). Поэтому я и решил выложить свою подборку по Material Design от Google, которую собрал, пока разрабатывал свою новую игру.

Что бы вы понимали о чем идет речь, вот небольшое видео:

Самый главный документ, с которого стоит начать изучение Material Design, это конечно же гайдлайны от Google . Там полно примеров того как «надо» и как «не надо», а так же есть исходники (для Photoshop и т.п.), в которых можно поковыряться и разобраться что к чему.

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

Пару слов стоит упомянуть и о подборке цвета в Material Design. Это наверное одна из главных составляющих хорошего дизайна. Вот несколько сайтов, который вам помогут в этом: Flat UI Colors , Material Pallete .

На конференции для разработчиков Google I/O 2018, кроме обновленного Android и более глубокой интеграции искусственного интеллекта в свои сервисы, компания Google представила новый стандарт в дизайне системы и мобильных приложений - Material Design 2.0. Что нового?

Белое пространство и полупрозрачность

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

Новые инструменты для разработчиков:

Material Theme

Плагин Material Theme для Sketch, представляет собой по сути библиотеку шрифтов, иконок и фирменных цветов предусмотренных новыми гайдлайнам Google в Android P. Также при разработке с его помощью вы в пару кликов можете отредактировать форму компонентов и типографику в вашем проекте.

Больше скруглений и минимализма

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

Новые шрифты

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

Так что в скором времени мы можем ждать масштабный редизайн всех веб и мобильных сервисов Google. На данный момент в магазине приложений одними их таких первенцев являются Google Play Игры, Google Tasks и приложение для участников конференции Google I/O 2018.

• Обновленный стиль фирменных иллюстраций

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

Пример, новая версия Gmail:

Концепты Material Design 2.0

Само собой сообщество дизайнеров отреагировало на предстоящие перемены в дизайне от Google, и ровно месяц назад пользователь Reddit под ником Morphicsn0w представил свое видение площадки Google Play.

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

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

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

Не обошли стороной и любимый многими YouTube, автор портала 9to5Google, а по совместительству неплохой дизайнер Алекс Брукс (Alex Brooks) пофантазировал над тем, что можно было бы изменить в существующем клиенте видеохостинга. Реузльтат лично меня очень и очень воодушевил.

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

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

Более подробную информацию про концепт YouTube от Алекса читайте в оригинальной статье .

Концепт Google Play Music в Material Design 2.0

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

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

Главный экран

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

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

Плеер

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

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

Медиатека

Третье, что мне не нравится в Play Music - это расположение и убранство медиатеки. На мой взгляд её устройство слишком сложное. Например, чтобы получить доступ к данному разделу с главного экрана, требуется совершить целых четыре действия: сделать свайп, чтобы вызвать боковое меню; клик для выбора раздела «Фонотека»; свайпнуть по списку чтобы выбрать требуемую вкладку (плейлисты, радиостанции, исполнители, альбомы).

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

Меню/Side Bar

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

Презентация концепта Google Play Music на Behance

Заключение

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

Спасибо за внимание!

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

За двумя зайцами погонишься - ни одного не поймаешь

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

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

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

Эксперимент - проверим как работает многозадачность

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

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

Как отказаться от многозадачности, не снижая эффективность рабочего процесса

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

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

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

Полезные книги по теме

1. Миф о многозадачности, автор Дейв Креншоу

11 апреля 2015 в 12:34

Конспект выходного дня: Миф о многозадачности

• Управление проектами ,
• GTD

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

С недавнего времени я научился выделять время для чтения, но к сожалению, не столько чтобы за один подход прочесть достаточно объемную книгу. Поэтому я озадачился конспектированием прочитанного материала на ходу. Спасибо современным технологиям, это ни капельки не трудно. Во время чтения со смарта переключаться на OneNote и делать заметки, что может быть легче?

Итак, «Миф о многозадачности. К чему приводит стремление успеть все», Дэйв Креншоу .

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

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

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

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

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

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

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

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

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

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

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

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

Упражнение, демонстрирующее не эффективность многозадачности

Написать фразу «Многозадачность хуже лжи». Для каждой буквы, нужно тут же написать цифру в строчке ниже. Например, начнете с того, что напишете в первой строчке букву «м», а потом во второй – цифру «1». Затем в первой строчке напишете букву «н», во второй – цифру «2», то есть необходимо написать номера в восходящем порядке для каждой буквы из предложения «многозадачность хуже лжи».

Главное условие, нужно переключаться на написание цифр после каждой буквы предложения. Засечь время и выяснить, сколько понадобится, чтобы закончить это упражнение.

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

Таблица для выполнения упражнения

Существует еще одна иллюзия, в которую верят многие люди - современные технологии.

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

Шаги, которые можно предпринять, чтобы перестать переключаться между задачами:

• Осознать, что многозадачность – это ложь.
• Понять разницу между фоновой задачностью и переключением между задачами.
• Выяснить истинное распределение своего времени неделя за неделей.
• Разработать новый и реалистичный бюджет использования своего времени неделя за неделей.
• Распланировать регулярные встречи с вашими ключевыми сотрудниками.
• Задать ожидания и создать персональные «часы работы», чтобы люди могли четко знать, когда вы будете для них доступны.
• Противиться активным переключениям.
• Сводить к минимуму все пассивные переключения.
• Уделять все внимание разговору с сотрудниками.
• Планировать больше полезных дел на время разъездов между встречами.
• Никогда ни на что не соглашаться без ежедневника под рукой.

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