Дизайн Windows 10: Правильный баланс

28

В официальном блоге Windows появился пост Альберта Шума, главы отдела дизайна в Operating Systems Group. В своей заметке Альберт ответил на самые животрепещущие вопросы пользователей о новом дизайне и поделился своим видением Windows 10. Мы приведем основные положения из его поста.

«Гамбургер-меню»

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

С универсальными приложениями Windows 10 с адаптивным UX, подход Microsoft к дизайну заключается в следующем: разработчик может создавать одно приложение для всех устройств, но в случае целесообразности может адаптировать определенные элементы интерфейса для каждого отдельного устройства. К примеру, иконка «гамбургера» в версии приложения для PC может не иметь функции сворачивания для более удобной навигации с помощью клавиатуры и мыши, тогда как на смартфонной версии добавление функции сворачивания обеспечит наиболее удобное управление одной рукой. В то же время, разработчики могут использовать элемент управления Pivot (горизонтальная прокрутка, которая сейчас используется в Windows Phone 8), если это будет лучшим образом подходить для приложения.

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

Outlook. Команды в нижней части экрана

Наибольший негативный фидбэк от пользователей по части новых универсальных приложений в Windows 10 Mobile пришёлся на Календарь и Outlook, а именно — на перенос элементов управления в верхнюю часть экрана. Пользователям мобильных устройств было значительно удобнее с приложениями Windows Phone 8. Microsoft в текущей версии Outlook продемонстрировала раннюю версию интерфейса и обещает значительные изменения в ближайшие несколько недель. Строка вернётся вниз с улучшениями интерфейса.

Почта

В последних выпущенных сборках были опубликованы ранние версии приложений «из коробки». Интерфейс универсального приложения Outlook был частично переписан с нуля. Команда разработчиков работает очень быстро и в ближайшие недели и месяцы приложение будет оперативно обновляться и улучшаться. Пользователям не хватало в новом Outlook единого списка входящих сообщений и множественного выбора писем. Данные функции будут реализованы ещё до релиза Windows 10 и будут доступны в ближайших сборках, вместе с длинным списком других обновлений и улучшений.Outlook1

В почтовом приложении появится «гамбургер-меню». Все пункты меню почтовика можно разбить на 3 области: слева панель с аккаунтами и папками, в центре список сообщений в выбранной папке, справа отображение выбранного сообщения. На смартфоне можно показать одновременно лишь одну из этих панелей. Таким образом, «гамбургер-меню» будет удобным для использования, т.к. поможет отследить связь между папками и списком сообщений и позволит легче ориентироваться в приложении. Microsoft признаёт, что это вынуждает пользователей тянуться к кнопке, но согласно отзывам, это действие совершается достаточно редко. Наиболее посещаемые папки можно добавить в избранное, что ещё больше упростит работу с меню. Однако, корпорация продолжит собирать фидбэк и будет работать над дальнейшим улучшением интерфейса.

В более поздних сборках, приложение Outlook будет выглядеть так, как на скриншотах ниже:

Outlook2 Outlook3

 

Календарь

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

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

Outlook5 Outlook6

 

Microsoft Edge

Новый браузер от Microsoft – новый опыт для корпорации. У Edge новый движок, а сам браузер является универсальным приложением. Microsoft Edge должен быть современным, простым и прочно интегрированным в Windows 10.

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

Тем не менее, программа «инсайдеров» существует как раз для того, чтобы у Microsoft и пользователей было налажено взаимодействие и корпорация получила массу отзывов о том, что адресная строка в мобильной версии Edge должна находиться снизу, как это было в Windows Phone 8.1. На данный момент Microsoft рассматривает оба варианта и не пришла к окончательному выводу, но, как и в случаях выше, просит «инсайдеров» отправлять свои отзывы, а корпорация будет держать пользователей в курсе событий.

 

Люди не квадратны

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

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

People1

 

Фото

Это приложение – отличный пример сочетания «гамбургер-меню» и Pivot, которое можно адаптировать для любого устройства.

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

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

Вот так выглядит приложение «Фото»:

PhotosAll

 

Переключение задач

Многие пользователи заметили разницу скроллинга в переключении приложения: если раньше список пролистывался справа налево, то теперь порядок обратный, слева направо. Сложилась ситуация, что на PC список задач идёт как раз слева направо, тогда как исторически скроллинг на WP был справа налево. Должен ли быть единый пользовательский опыт при использовании 8’’ планшета и смартфона, или же стоит придерживаться того, как сложилось исторически? В данный момент, Microsoft не решила окончательно в какую сторону должен быть скроллинг в Windows 10 Mobile и просит пользователей помочь, отослав фидбэк. Корпорация должна четко осознать предпочтения пользователей, прежде чем сделать окончательный выбор.

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

Это был лишь первый пост от Альберта Шума, в ближайшие недели он продолжит рассказывать про интерфейс Windows 10 и отвечать на главные запросы «инсайдеров».


Система Orphus

Обсуждение

Отправить ответ

28 Комментарий на "Дизайн Windows 10: Правильный баланс"


Гость
Цыганков Дмитрий
30.04.2015 21:19

Надо больше проводить таких «разговоров» с пользователями. Многое становится понятней. Лично мне новое направление нравится.

Гость
Юрий
30.04.2015 21:50

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

Гость
Александр Богохульский
30.04.2015 22:01

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

Картинка профиля
Гость
gektor666
30.04.2015 23:23

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

Картинка профиля
Гость
pitruchio
30.04.2015 22:11

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

Картинка профиля
Гость
Aerology
30.04.2015 22:15

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

Гость
ромео
30.04.2015 23:46

Можно в настройках (ease of access) выбирать масштабность шрифта в ОС. Прямо до крупных.

Картинка профиля
Гость
pitruchio
01.05.2015 06:46

Я вообще-то Windows Phone имел в виду. Там таких настроек нет.

Гость
LeBug Romeo
05.05.2015 10:11

Как раз есть. Заходи в ease of access. Не знаю как это будет на русском. Это 7-ой пункт если у тебя windows 10

Картинка профиля
Гость
demonp82
05.05.2015 10:13

И будете получать имейлы и смски ВОТ ТАКИМИ буквами, на остальное не влияет.

Гость
Сергей
30.04.2015 22:25

Это прямо он сказал?)

Картинка профиля
Гость
Евгений Делюкин
30.04.2015 22:44

В оригинале Банк Америки и Huffington Post, которые у нас не так и популярны. Вконтакте как-то ближе :)

Гость
Nekitos Lahmay
30.04.2015 22:46

«Microsoft признаёт, что это вынуждает пользователей тянуться к кнопке, но согласно отзывам, это действие совершается достаточно редко.» — неужели не догадаются добавить возможность свайпать это меню от края экрана.

Гость
Надежда Воронцова
30.04.2015 22:49

Не получится. Свайпами вправо-влево удаляются или помечаются письма.

Гость
Nekitos Lahmay
30.04.2015 22:52

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

Гость
JL0PD
30.04.2015 22:52

Разделить зоны свайпа?
1/6 экрана слева и справа для переходов между частями, 4/6 для сообщений, например.

Гость
fulcrum
30.04.2015 22:55

Гамбургер-меню будет вытягиваться «свайпом» почти наверняка.

Гость
Nekitos Lahmay
30.04.2015 23:18

но высказывания Альберта Шума наводят на сомнения, да и в обратной связи я такой ветки вроде не видел

Гость
fulcrum
30.04.2015 23:28

Я где-то читал об этом в официальную инфу. Хотя есть шанс, что ошибаюсь :)

Гость
Luka Katsadze
01.05.2015 00:33

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

Гость
fulcrum
30.04.2015 22:53

Оказывается всё логично и правильно.

Гость
fulcrum
30.04.2015 23:21

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

http://www.youtube. com/watch?v=-oi1B9fjVs4

Это же отвал башки! :)

Гость
Vladimir Byazrov
01.05.2015 03:31

Должен быть выбор. У Майкрософт странная привычка делать все функции единственными. Когда можно было бы давать пользователям делать выбор во всем самостоятельно. Как в убогой восьмерке с Пуском. Можно ведь было оставить для нормальных людей старый Пуск как опцию… Боюсь, что этот подход старика-фашиста Стива Балмера во многом останется и в 10-ке.

Гость
Анонимно
01.05.2015 14:23

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

Гость
Perlovka
01.05.2015 16:29

Покажи мне, как ты пользуешься в восьмерке Пуском «как раньше».

Гость
Perlovka
01.05.2015 05:22

Одни отмазки: люди должны выделятся, поэтому они круглые… Упертые бараны, многим не нравится, но все равно, так круче будет — где логика? СЕРВИСЫ, все, что мне нужно от майков, ничего ведь не работает. Вся эта винда в россии ни на кой черт не нужна будет, если они свои сервисы оставят в таком состоянии у нас(то бишь в нулевом). На мой взгляд, люди пользуются гамбургером редко, потому что это неудобно, а не потому что нет необходимости. Короче, хотели инноваций, а на деле вышел пшик.

Гость
Nikolay Kuznetsov
01.05.2015 08:00

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

Гость
Юрий
01.05.2015 13:58

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

wpDiscuz