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

Обзор интерфейса

Прежде всего, если вы еще не поставили себе preview-версию Windows 8.1, то вы можете это сделать отсюда: preview.windows.com ^[1]. Накануне конференции Build команда Windows подготовила ролик с Jensen Harris с обзором основных изменений:

Ключевые изменения и новые возможности

Новые режимы отображения. Одно из самых значительных изменений, с которым непременно столкнутся дизайнеры и проектировщики касается режимов отображения приложения. Если в Windows 8 таких режимов было три: full, snapped и fill, а также были явно выделены портретный и ландшафтный режимы, то в Windows 8.1 эти разделения стираются. Теперь приложение может быть практически любым по ширине, причем минимальная ширина по умолчанию теперь равняется 500 пикселям, что больше, чем было в Snapped-режиме. Однако создатели приложения могут заявить и меньшую поддерживаемую ширину (как раз вплоть до тех самых 320px, которые были в Snapped-режиме).

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

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

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

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

Если вы собираетесь поддерживать ширину приложения в 320px, то в этом состоянии остаются применимыми те же рекомендации, что были для Snapped-режима. В частности, вертикальная прокрутка, меньшие размеры отступов, заголовков, кнопки назад и т.д.

Новые размеры плиток. В Windows 8.1 добавились два новых размера плиток: маленькая и большая квадратные. Все доступные форматы могут поддерживаться и в вашем приложении.

Маленькая плитка: 70x70px. Большая плитка: 310x310px. Учтите также, что так как теперь стало три разных размера квадратных плиток, то вместо названия square теперь используются small, medium и large.

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

Обновления в поиске. В Windows 8.1 был существенно переработан общий механизм поиска с учетом всех тех отзывов, которые мы получили с момента выпуска Windows 8.

Хотя вы по-прежнему можете интегрироваться в общий контракт поиска, теперь гайдлайны рекомендую реализовывать поиск внутри приложения, если это является важной функциональностью для ваших сценариев. Специально для этого на HTML ^[2] и XAML ^[3] был разработан новый searchbox-контрол, похожий по API на то, как вы ранее интегрировались с контрактом поиска. Контрол поддерживает подсказки и предложения результатов.

См. также обновленный гайд тут: msdn.microsoft.com/en-us/library/windows/apps/hh465233.aspx ^[4]

Хаб. Давно востребованный контрол, который позволял бы объединять в единую систему с общей прокруткой разнородные элементы наконец-то нашел реализацию.

Теперь у вас есть для этого специальный контрол – Hub (HTML ^[5], XAML ^[6]). О ряде других новых контролах мы расскажем в отдельных статьях, отмечу лишь что также большое обновление получил другой важный контрол – WebView.

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

Дополнительно ваше приложение может выступать в роли будильника.

О некоторых дополнительных изменениях вы также можете почитать в обзорном гайде тут: msdn.microsoft.com/ru-ru/library/windows/apps/bg182890.aspx ^[7]. В частности, из него вы можете узнать о том, как в Windows 8.1 синтезировать речь, если это необходимо в вашем приложении.

Также в Windows 8.1 улучшена работа с USB, Bluetooth-устройствами. Поддерживается работа с POS-устройствами (например, сканерами штрихкодов), а также 3d-принтерами. И не забудьте ознакомиться с изменениями в Windows Store ^[8].

Доклады по дизайну с конференции Build 2013 ^[9]

Designing and Building User Interfaces for Windows ^[10]

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

Windows Phone: Design for Developers ^[11]

Обзорный доклад о дизайне приложений для Windows Phone, ориентированный на разработчиков.

Windows Phone: Building UI in XAML ^[12]
Доклад о ключевых аспектах разработки пользовательского интерфейса для Windows Phone с использованием XAML.

Designing for Ubiquitous Computing ^[13]

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

Building a UI: What Does it Cost? ^[14]
Интересный доклад об оценке стоимости создания приложения, выборе правильных технологий и о том, что любая функциональность – это всегда затраты, которые нужно оценивать или хотя бы учитывать.

How to Build an Accessible Windows 8.1 App ^[15]

Важный доклад о создании доступных приложений.

Voice Interaction Design ^[16]

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

Beautiful Apps at Any Size on Any Screen ^[17]

Важный доклад о проектировании приложений, которые будут хорошо адаптироваться под разные размеры экранов и режимы отображения, что особенно актуально в Windows 8.1.

Making Your Desktop Apps Shine on High- DPI Displays ^[18]
Доклад о создании интерфейсов и графики под экраны со сверхвысокими DPI. Это во многом технический доклад, но ключевые вещи дизайнерам также важно понимать.

Design Differences Between iOS and Windows 8 ^[19]

Весьма полезный и подробный доклад для тех, кто имеет опыт проектирования под iOS и хочет научиться проектировать под Windows 8.

First Impressions Matter: Delighting Your User from the Moment They Click “Buy" ^[20]
Правильные советы о том, как улучшить первое впечатление от приложений для Windows 8.1.

The Wow Factor: Making Your Windows Store App Promotable ^[21]

О том, как создать приложение, которое Microsoft будет продвигать.

Windows Store Overview for Windows 8.1: New Design, New Promotion and Monetization Opportunities ^[22]
Обзорный доклад по новому Магазину приложений для Windows 8.1 и новым возможностям монетизации, которые вы можете использовать в своем приложении. Для дизайнеров будет интересно также услышать о том, как и зачем переделывали интерфейс магазина.

Design and Build a Great Search Experience in Your App ^[23]

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

Building Apps That Integrate with People and Events ^[24]

Обзорный доклад по интеграции с контактами и календарем в приложениях для Windows 8.1.

Using Bing Platform Controls to Build Great Windows Apps ^[25]

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

Lessons Learned from Building Alarms and Calculator for Windows 8.1 ^[26]

Доклад о том, как создавались новые приложения для Windows 8.1 и как непросто делать «простые» приложения.

Stories from Building the New Windows Mail App ^[27]

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

The Story of Bringing Nokia Music from Windows Phone to Windows 8 ^[28]
История от Nokia о переносе мобильного приложения Nokia Music на большие экраны Windows 8.