Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску
«Современный интерфейс» перенаправляется сюда. Информацию о системе установки Nullsoft см. В разделе Система установки Nullsoft по сценариям § Современный пользовательский интерфейс .
«Microsoft Metro» перенаправляет сюда. Информацию о формате файла под кодовым названием Metro см. В спецификации Open XML Paper .
См. Также: Aero (пользовательский интерфейс) и Fluent Design System.

Центр музыки и видео на Windows Phone

Язык дизайна Microsoft (или MDL ), [1] ранее известный как Metro , - это язык дизайна, созданный Microsoft . Этот язык дизайна ориентирован на типографику и упрощенные значки , отсутствие беспорядка, увеличенное соотношение содержания и хрома («содержание до хрома») и основные геометрические формы. Ранние примеры принципов MDL можно найти в Encarta 95 и MSN 2.0 . [2] [3] Язык дизайна развился в Windows Media Center и Zune и был официально представлен как Metro.во время презентации Windows Phone 7 . С тех пор он был включен в несколько других продуктов компании, включая системное программное обеспечение Xbox 360 , Xbox One , Windows 8 , Windows Phone и Outlook.com . [4] [5] До того, как название «язык дизайна Microsoft» стало официальным, исполнительный директор Microsoft Ци Лу назвал его современным языком дизайна пользовательского интерфейса в своей программной речи на конференции MIXX . [6]Согласно Microsoft, «Metro» всегда было кодовым названием и никогда не рассматривалось как конечный продукт, но новостные веб-сайты связывают это изменение с проблемами товарных знаков. [4]

Microsoft Design Language 2 (MDL2) был разработан вместе с Windows 10. [7] [8] Позже язык Fluent Design расширил его.

История [ править ]

Язык дизайна основан на дизайнерских принципах классического швейцарского графического дизайна . Ранние проблески этого стиля можно увидеть в Windows Media Center для Windows XP Media Center Edition , [9] , который выступает текст в качестве основной формы навигации, а также ранних концепций Нептуна . [10] Этот интерфейс перенесен в более поздние версии Media Center. В 2006 году Zune обновила свой интерфейс, используя эти принципы. Дизайнеры Microsoft решили переработать интерфейс и сделать упор на чистую типографику и меньше на Chrome UI. [11] Эти принципы и новый пользовательский интерфейс Zune были перенесены в Windows Phone.впервые выпущен в 2010 году (из которого многое было взято для Windows 8). Настольный клиент Zune также был переработан с упором на типографику и чистый дизайн, который отличался от пользовательского интерфейса Zune на основе предыдущего Portable Media Center . Плоские цветные «живые плитки» были введены в язык дизайна во время ранних исследований Windows Phone.

В интервью было объяснено, что разные подразделения Microsoft используют продукты друг друга, и расширение Metro было не общекорпоративным подходом, а такими командами, как Xbox, которые любят Metro и адаптируют его для своих собственных продуктов. Многие подразделения Microsoft перешли на Metro. [12]

Microsoft Design Language 2 (MDL2) был разработан вместе с Windows 10. В этой версии был представлен новый набор виджетов , включая средства выбора даты, переключатели и переключатели, а также уменьшена толщина границ для всех элементов пользовательского интерфейса. [7] [8]

Принципы [ править ]

Принципы разработки языка дизайна Microsoft, лежащие в основе начального экрана в Windows 8 и Xbox One (вверху) и Windows 10 «Порог» (внизу), который также используется в Windows Store , Xbox Music и Xbox Video : плитки представляют собой элементарные единицы информации

Команда дизайнеров Microsoft ссылается на знаки языка дизайна, которые обычно встречаются в системах общественного транспорта. [13] Язык дизайна делает упор на хорошую типографику и имеет крупный текст, который бросается в глаза. Microsoft рассматривает язык дизайна как «гладкий, быстрый, современный» и «обновление» интерфейсов на основе значков Windows, Android и iOS . [14] Во всех экземплярах используются шрифты на основе семейства шрифтов Segoe, разработанные Стивом Маттесоном из Agfa Monotype и лицензированные Microsoft. Для Zune Microsoft создала специальную версию под названием Zegoe UI, [15] и для Windows Phone.Microsoft создала семейство шрифтов Segoe WP. Шрифты в основном различаются лишь незначительными деталями. Более очевидные различия между Segoe UI и Segoe WP проявляются в их соответствующих числовых символах. Шрифт Segoe UI в Windows 8 имел очевидные отличия - аналогично Segoe WP. Символы с заметными типографскими изменениями: 1, 2, 4, 5, 7, 8, I и Q.

Джо Бельфиоре был одним из архитекторов Metro. На Nokia World 2011 Белфиоре объяснил, что пользовательский интерфейс должен быть «художественным» в текстовых элементах и ​​иконографии. Он также упомянул «движение» пользовательского интерфейса, особенно в Windows Phone, живых плиток, движущихся точек и кинетической прокрутки. [16]

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

Анимация играет большую роль. Корпорация Майкрософт рекомендует согласованное подтверждение переходов и взаимодействий с пользователем (например, нажатия или смахивания) с помощью какой-либо формы естественной анимации или движения. Это нацелено на то, чтобы дать пользователю впечатление «живого» и отзывчивого пользовательского интерфейса с «дополнительным чувством глубины». [17] [18]

Прием [ править ]

На мобильном [ править ]

Ранняя реакция на язык в целом была положительной. В обзоре Zune HD , Engadget сказал, «Microsoft продолжает толчок к большой, большой типографии здесь, обеспечивая сложный, аккуратно разработанный макет , который почти так же функционал , как она привлекательна.» [19] CNET похвалил язык дизайна, сказав: «Это немного более смело и неформально, чем тесные, стерильные сетки значков и меню Rolodex на iPhone и iPod Touch». [20]

На своей церемонии IDEA 2011 Общество промышленных дизайнеров Америки (IDSA) вручило Windows Phone 7, в которой используется пользовательский интерфейс, награду «Gold Interactive», «Приз зрительских симпатий» и награду «Best in Show». [21] [22] Изабель Анкона, консультант по пользовательскому опыту IDSA, объяснила, почему победила Windows Phone: [23]

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

Сообщается, что пользовательский интерфейс лучше воспринимается женщинами и новичками. [24]

Критика особенно сосредоточилась на использовании заглавных букв . С ростом использования Интернета критики сравнивают это с компьютерной программой, кричащей на своего пользователя. ИТ-журналист Ли Хатчинсон охарактеризовал использование Microsoft этой практики в версии OneNote для macOS как ужасное, заявив, что она «проклята безумными, нестандартными меню окон приложений ВСЕМИ ЗАГЛАВНЫМИ БУКВАМИ, которые не столько нарушают соглашения о дизайне OS X, сколько они выносит их за сарай, заливает бензином и поджигает ". [25]

На рабочем столе Windows 8 [ править ]

С появлением Windows 8 пользовательский интерфейс операционной системы и использование языка дизайна вызвали в целом отрицательные критические отзывы. 25 августа 2012 года Питер Брайт из Ars Technica сделал обзор предварительного выпуска Windows 8, посвятив первую часть обзора сравнению дизайна меню «Пуск», используемого в Windows 8 и Windows 7. Перечисляя их плюсы и минусы, Питер Брайт заключил что меню «Пуск» в Windows 8 (получившее название «Пусковой экран»), хоть и не лишено проблем, но явно победило. Однако он пришел к выводу, что пользовательский интерфейс Windows 8 разочаровывает и что различные аспекты пользовательского интерфейса плохо работают вместе. [26]Вуди Леонхард был еще более критичным, когда сказал: «С точки зрения пользователя, Windows 8 - это провал - неловкая мешанина, которая тянет пользователя сразу в двух направлениях». [27]

В дополнение к изменениям в меню «Пуск» Windows 8 использует более модальный подход с использованием полноэкранных приложений, которые не полагаются на интерфейс рабочего стола на основе значков. Однако при этом Microsoft сместила акцент с многозадачности и производительности бизнеса. [28]

Изменение имени [ править ]

В августе 2012 года The Verge объявила, что разработчикам и сотрудникам Microsoft был разослан внутренний меморандум, в котором объявлялось о решении «прекратить использование» термина «Metro» из-за «переговоров с важным европейским партнером», и что они «работа на замену сроку». [29] Новостные агентства в области технологий Ars Technica , [30] TechRadar , [31] CNET , [32] Engadget [33] и Network World [34], а также основной блог Bits Blog от The New York Times Company [35] и BBC News Онлайн [36]опубликовал, что партнер, упомянутый в служебной записке, может быть одним из розничных партнеров Microsoft, немецкой компанией Metro AG , поскольку это имя может нарушить их торговую марку Metro. Позже Microsoft заявила, что причина уменьшения значения этого названия не связана с текущим судебным разбирательством, и что «Metro» было только внутренним кодовым названием проекта [37], несмотря на то, что бренд активно продвигался среди общественности. [38] В некоторых случаях компания начала использовать термин «современный» или более общий модификатор «Windows 8» для обозначения нового дизайна, возможно, в качестве заполнителя. [39]

В сентябре 2012 года «язык дизайна Microsoft» был принят в качестве официального названия стиля дизайна. [1] [40] Этот термин был использован в Microsoft Developer Network документации [41] [42] [43] [44] и в 2012 Построение конференции ссылаться на язык дизайна. [1] [45]

В связи с этим в Microsoft отказались от выражения « приложения в стиле Metro » для обозначения мобильных приложений, распространяемых через Магазин Windows . [40]

См. Также [ править ]

  • Плоский дизайн
  • Скевоморфный дизайн
  • Рекомендации по человеческому интерфейсу
  • Windows Aero
  • Приложения универсальной платформы Windows

Ссылки [ править ]

  1. ^ a b c Фоли, Мэри Джо (29 октября 2012 г.). «Язык дизайна Microsoft: новейший официальный способ обозначения« Метро » » . ZDNet . CBS Interactive .
  2. ^ Грин, Джей (8 февраля 2012 г.). «Почему Metro теперь правит Microsoft» . CNET . CBS Interactive .
  3. ↑ Мэсси, Стефан (15 февраля 2012 г.). « Принципы дизайна Metro Ui [ sic ]» . stephanemassey.com . Самостоятельно опубликовано . Архивировано из оригинального 2 -го августа 2018 года . Проверено 17 февраля 2012 года .
  4. ^ a b Чанг, Александра (8 августа 2012 г.). «Microsoft не нужно имя для своего пользовательского интерфейса» . Проводной . Condé Nast .
  5. ^ Kruzeniski, Mike (11 апреля 2011). «Как полиграфический дизайн - будущее взаимодействия» . Kruzeniski.com . Самостоятельно опубликовано .
  6. ↑ Лу, Ци (1 октября 2012 г.). «Ци Лу: основной доклад конференции IAB MIXX» . Центр новостей . Microsoft.
  7. ^ a b Сэмс, Брэд (21 апреля 2015 г.). «От Metro к языку дизайна Microsoft 2: параллельное сравнение» . Neowin .
  8. ^ a b Рубино, Даниэль (21 апреля 2015 г.). «Что нового в Microsoft Design Language 2 для Windows 10» . Windows Central . Мобильные нации.
  9. ^ Lefevers, Джейсон (15 сентября 2013). «Обзор истории пользовательского интерфейса Metro» . Windows Phone Metro . Самостоятельно опубликовано . Архивировано из оригинального 22 мая 2013 года . Проверено 15 сентября 2013 года .
  10. ^ https://www.itprotoday.com/windows-server/supersite-flashback-neptune
  11. ^ «Система дизайна Windows Phone: кодовое название« Метро » » . Архивировано из оригинального (PDF) 27 ноября 2014 года . Проверено 9 октября 2010 года .
  12. ^ https://www.fastcompany.com/1665814/sometimes-microsoft-designs-great-things-heres-why-it-doesnt-ever-matter
  13. ^ «Язык дизайна Windows Phone 7» . .toolbox . Microsoft . Архивировано из оригинала 9 октября 2012 года . Проверено 5 октября 2012 года .
  14. ↑ Гамбург, Эллис (27 апреля 2011 г.). «Метро» . Business Insider . Архивировано из оригинального 23 апреля 2013 года .
  15. Перейти ↑ Zheng, Long (14 ноября 2007 г.). " " Zegoe "новый Zune шрифт" . я что-то начал . Самостоятельно опубликовано .
  16. ^ http://allaboutwindowsphone.com/features/item/13479_Building_a_different_kind_of_U.php
  17. ^ Робертс, Чад; Шум, Альберт; Смуга, Майкл (15 марта 2010 г.). «Пользовательский интерфейс и язык дизайна Windows Phone» . MIX 2010 . Microsoft .
  18. ^ Kruzeniski, Mike (17 февраля 2011). «От транспорта к пикселям» . Блог разработчиков Windows Phone . Microsoft . Архивировано из оригинального 18 февраля 2011 года.
  19. ^ Топольский, Joshua (17 сентября 2009). "Обзор Zune HD" . Engadget . AOL .
  20. ^ "Обзор Zune HD 64GB" . CNET . CBS Interactive . 17 сентября 2009 г.
  21. ↑ Уоррен, Том (18 сентября 2011 г.). «Windows Phone получает премию IDEA 2011 - лучший дизайн» . WinRumors . Архивировано из оригинала 3 марта 2012 года.
  22. ^ "IDEA 2011 Best in Show" . Общество промышленных дизайнеров Америки . idsa.org. 23 сентября 2011 года Архивировано из оригинала 25 февраля 2014 года.
  23. ^ "Windows Phone 7" . Общество промышленных дизайнеров Америки . idsa.org. 8 июня 2011 г.
  24. ^ http://allaboutwindowsphone.com/features/item/13479_Building_a_different_kind_of_U.php
  25. Рианна Хатчинсон, Ли (12 июля 2014 г.). «Тенденции разработки программного обеспечения, которые мы любим ненавидеть» . Ars Technica . Condé Nast .
  26. ↑ Брайт, Питер (25 апреля 2012 г.). «Windows 8 на рабочем столе - неудобный гибрид» . Ars Technica . Condé Nast Digital . С. 1–5.
  27. ↑ Леонард, Вуди (15 августа 2012 г.). «Обзор Windows 8: да, это так плохо» . InfoWorld . IDG .
  28. ↑ Барни, Дуг (17 августа 2012 г.). «Windows 8 готова, пора волноваться» . Redmond Magazine . 1105 Медиа.
  29. ↑ Уоррен, Том (2 августа 2013 г.). «Эксклюзив: фирменный знак Microsoft Metro будет заменен« на этой неделе »согласно внутренней памятке» . Грань . Vox Media .
  30. ↑ Брайт, Питер (3 августа 2012 г.). «Microsoft: выходит« Metro », появляется« пользовательский интерфейс в стиле Windows 8 »на фоне слухов о споре о товарных знаках» . Ars Technica . Condé Nast .
  31. ^ Смит, Крис (3 августа 2012 г.). «Microsoft отказалась от названия Metro для Windows 8 из-за опасений по поводу товарных знаков» . TechRadar . Проверено 24 сентября 2013 года .
  32. ↑ Уитни, Лэнс (10 августа 2012 г.). «Почему Microsoft убила название« Метро »?» . CNET . CBS Interactive .
  33. ^ Fingas, Джон (2 августа 2012). «Microsoft преуменьшает значение названия дизайна Metro, может столкнуться с судебным иском из-за всего этого уличного жаргона» . Engadget . AOL .
  34. ^ Патрицио, Энди (6 августа 2012). «Источник подтверждает, что Microsoft отказалась от Metro из-за оплошности в отношении товарного знака» . Сетевой мир . IDG .
  35. ↑ Вингфилд, Ник (3 августа 2012 г.). «Microsoft снижает название Metro для нового внешнего вида продукта» . Блог Bits . Компания "Нью-Йорк Таймс" .
  36. ^ «Microsoft откажется от названия« Metro »для Windows» . BBC News Online . BBC . 3 августа 2012 г.
  37. ↑ Фоли, Мэри Джо (2 августа 2012 г.). «Является ли слово« метро »запрещенным в Microsoft?» . ZDNet . CBS Interactive .
  38. ^ Хамфрис, Мэтью (3 августа 2012 г.). «Microsoft прекращает использование названия Metro» . Geek.com .
  39. ↑ Кейзер, Грегг (10 августа 2012 г.). «Microsoft заменяет« Metro »ярлыками« Windows 8 »и« Modern »» . Компьютерный мир . Проверено 30 января 2020 года .
  40. ^ a b «Microsoft наконец-то опровергает планы именования пост-Metro» . ZDNet . CBS Interactive . 12 сентября 2012 г.
  41. ^ «Создавайте отличные приложения для Магазина Windows» . MSDN . Microsoft . Дата обращения 5 августа 2017 .
  42. ^ «Пример разработки: приложение из iPad в Магазин Windows» . MSDN . Microsoft . Проверено 28 мая 2013 .
  43. ^ «Рекомендации по типографике» . MSDN . Microsoft . Проверено 28 мая 2013 .
  44. ^ «Дорожная карта для приложений Магазина Windows, использующих DirectX и C ++» . MSDN . Microsoft . Проверено 28 мая 2013 .
  45. ^ Tschumy, Will (16 ноября 2012). «Язык дизайна Microsoft» . Канал 9 . Microsoft .

Внешние ссылки [ править ]

  • Веб-сайт Microsoft by the Numbers
  • Современный дизайн в Microsoft (Архив)
  • Рекомендации по UX для приложений Магазина Windows на MSDN
  • Рекомендации по дизайну для Windows Phone на MSDN