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

Cover image for Проектируя новую оболочку Windows — “Fluid Desktop”
Редакція
Редакція

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

Проектируя новую оболочку Windows — “Fluid Desktop”

#ux

Опыт работы с ОС Windows всегда представлял для меня большой интерес и был в центре внимания моих последних концепций дизайна для Twitter. Я получил много отзывов и много вопросов. Я хочу попытаться учесть их, одновременно представляя первую важную часть проекта редизайна Windows, над которым я работал последние несколько недель. Зачем переделывать оболочку? Ведь она не так плоха, верно? Я согласен, что это кажется немного странным, учитывая, что есть более важная часть Windows, над которой нужно работать, и не похоже, чтобы ее оболочка была нарушена. Итак, каков фактический мотив редизайна:

 «Сделать дизайн оболочки понятнее и умнее».

Это цель. Чтобы избавиться от текущего беспорядка и заменить его минимальным, но более мощным опытом работы с оболочкой. Я называю ее Fluid Shell. И я хочу поделиться с вами процессом ее разработки.

Новая панель задач

Некоторые из вас могут вспомнить, мою заметку о переделке системного трея Windows, и я получил на нее много положительных отзывов. Вдохновленный и взволнованный, я продолжил работу и создал всплывающее окно, которое назвал «Quick Actions», и даже применил общий внешний вид к Центру поддержки (Action Center). Это привело к созданию нового дизайна системного трея. Слишком много иконок и апплетов, которые с 1995 года загромождали панель задач. Я решил сделать чистый трей, содержащий только важную информацию. Впоследствии я начал думать, как можно упростить панель задач и сделать ее более современной. Я не мог удалить еще больше иконок, ведь я уже удалил все, что можно при переделке системного трея. Поэтому я подумал, можно ли изменить форму, размер и материал панели задач? Что, если бы она не была постоянно привязана к краю экрана, а вместо этого была плавающей (меня вдохновила Chrome ОС). Вот первая итерация новой панели задач: Теперь панель задач была разделена на две части. Кнопка «Люди» также отсоединилась от остальной части системного трея, так как она никоим образом не связана с его содержимым. Первичный фидбек был сосредоточен на кнопке «Пуск». В настоящее время в Windows кнопка «Пуск» находится в углу экрана, поэтому вам просто нужно переместить курсор в любой из четырех углов дисплея, чтобы быстро перейти в меню «Пуск». Люди были обеспокоены тем, что перемещение кнопки «Пуск» от края экрана нарушит привычный алгоритм действий. Ответ прост – сделать хитбокс для «Пуск» в углу, позволяя пользователям быстро запускать его привычным образом. Другой фидбек был сосредоточен на использовании режима планшета. Некоторое время я думал об этом. Сейчас в Windows панель задач остается видимой при входе в режим планшета. Мне всегда нравилось, как Windows 8 запускала полноэкранные приложения в этом режиме. И теперь, когда панель задач «плавает», идея о том, что она дрейфует от края экрана только тогда, когда пользователь делает свайп от края, имеет больше смысла.

Наборы

В ноябре прошлого года Microsoft объявила о новой функции, получившей название «Наборы» (Sets), и меня заинтересовало, как это будет работать с панелью задач и представлением задачи. Я еще не закончил работу над дизайном набора приложений в представлении задач, но я внес небольшие изменения в том, как он отображается на панели задач. Вместо того чтобы приложения были разбросаны по панели задач, почему бы не сгруппировать их вместе (и включить небольшую визуальную подсказку, что приложения являются частью набора): Превью вкладок различных наборов на панели задач Превью вкладок различных наборов на панели задач Кроме того, я считаю, что делать вкладки в каждом приложении слегка глупо. Кому, например, нужен калькулятор с вкладками. Поэтому добавление кнопки создания новой вкладки вместе с существующими элементами управления окнами кажется неплохой идеей:

Делаем «Пуск» соответствующим панели задач

Это не то, о чем нужно думать. Вы могли бы просто объединить существующее меню «Пуск» с новой панелью задач, но это не очень хорошо смотрится. Что-то не так. Текущее меню «Пуск» в сочетании с новой плавающей панелью задач Текущее меню «Пуск» в сочетании с новой плавающей панелью задач «Пуск» нужно было переделать, чтобы он соответствовал новой панели задач, и я также решил переделать макет и добавить окно поиска: Ранняя идея меню «Пуск» для Fluid Desktop Ранняя идея меню «Пуск» для Fluid Desktop Еще предстоит проделать работу по подгону размера элементов, но новое меню «Пуск» лучше подходит для современного вида системы, а интегрированное вверху окно поиска заменяет необходимость его наличия в нижней части меню.

Умный помощник

Если вы уделяете пристальное внимание этим концептам, вам могло показаться, что голосовой помощник Кортана пропала. Ее кнопка была заменена иконкой поиска (который запускает интерфейс поиска, подобный тому, что был обнаружен в билдах Redstone 4 в прошлом году). Обновление Spring Creators Update уже перемещает множество «карточек» Кортаны и другую проактивную информацию в Центр действий, где пользователь получает их при необходимости. Но что, если бы вы могли пойти в Центр действий и посмотреть предложения о возможных действиях, и вы бы захотели поработать, и пообщаться с Кортаной в виде чата (как с Google Assistant). Вот как могла бы выглядеть эта идея: Умный центр действий в Fluid Desktop Умный центр действий в Fluid Desktop Как всегда, сначала отображаются уведомления, за которыми следуют предложения о том, что вы, возможно, захотите сделать. Это могут быть события в календаре (как показано на скрине), местные новости, сообщения о погоде, напоминания и даже действия, основанные на ваших ближайших девайсах или локациях. В нижней части Центра действий находится элемент управления редактирования, с которым мы знакомы по панели задач. Вы все еще можете поговорить с голосовым помощником Кортаной, нажав на значок микрофона. Запросы, которые вы вводите, отображаются как «сообщения», адресованные Кортане. Причем ее ответы являются встроенными, что позволяет использовать более высокий уровень контекста, поскольку вы можете прокручивать диалог назад и просматривать свои предыдущие ответы в этом разговоре. Идея разговора также помогает немного улучшить согласованность между Кортаной в Windows и Кортаной в Skype (где она играет роль бота в ваших чатах). Вот как выглядит этот разговор: Разговор с Кортаной непосредственно в Центре действий Fluid Desktop Разговор с Кортаной непосредственно в Центре действий Fluid Desktop

Вывод

Это только первый взгляд на мою идею «Fluid Desktop». Некоторые вещи могут показаться немного неуместными, может быть, потому, что они просто не привычны для Windows. Но, надеюсь, вы получили общее представление о моем редизайне. Я хотел бы услышать ваши отзывы, будь то в комментариях к статье на Medium, в моей рабочей или личной учетных записях Twitter. Дайте мне знать, что можно улучшить – фидбек действительно важен при редизайне. Особенно при редизайне такой вещи, как оболочка Windows. Спасибо за прочтение! Вы можете подписаться в Twitter на автора статьи или на Michael West Design.


Перевод статьи Michael West

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