[Temp] Сайто-ориентированная навигация в IE9

Мы все уже знаем, что бета-версия IE 9 доступна для загрузки на сайте www.BeautyOfTheWeb.com! Благодаря постоянным релизам IE9 platform preview, мы показали, как платформа может использовать всю мощь ПК для создания опыта HTML5, при чем такого же, как в приложениях Windows. Сайты могут предоставлять удивительный опыт благодаря аппаратному ускорению SVG, canvas, видео и аудио, которые используют одинаковую разметку во всех HTML5 браузерах. Мы ожидаем, что новый класс сайтов в этой эпохе современных браузеров. Наша цель - благодаря IE9 создать пользовательский опыт, который дополнит эти сайты и заставит блестеть.

Сегодня, сайты, находящиеся в контексте браузера, а также способы запуска и взаимодействия с ними осуществляются через окно в браузере. Это отличается от того, как люди взаимодействуют с приложениями Windows - каждое приложение имеет свое "представительство" на панели задач, с основными удобствами - запуск, переключение и переход к конкретной задачи. Мы обнаружили, что люди в полной мере используют эти возможности на компьютере. Например, 86% людей, которые используют Windows 7, запускают приложения с панели задач.

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

Разве не все, что вы делаете на компьютере, должно быть у вас под рукой? Если люди тратят так много времени на чтение новостей, онлайн-покупки, общение и просмотр видео, разве это не должно выглядеть вот так?

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

Мы хотим, чтобы IE9 был лучшим в трех аспектах - помогать сайтам сиять, являться естественным продолжением Windows 7, и предоставлять быстрый, безопасный и надежный опыт.


Естественное продолжение Windows 7
Мы начнем с рассмотрения условий, в которых живут сайты - то есть компьютер. Наш подход заключается в том, что ваши любимые сайты должны быть естественной частью ПК. Опираясь на то, что вы знаете и наслаждаетесь вместе с Windows 7, это не только делает веб-задачи легче, но также увеличивает вашу уверенность в общем опыте ПК. Ваши сайты в настоящее время становятся неотъемлемой частью всей системы.


Ваши сайты на панели задач
Панель задач является наиболее широко используемой частью пользовательского интерфейса Windows 7. С IE9, вы можете закрепить ваши сайты на панели задач. Это намного больше, чем просто "ярлык" - это сайты, которые могут в полной мере воспользоваться возможностями панели задач, которые вы уже знаете и используете: списки переходов для выполнения общих задач и направлений, Миниатюрная Панель инструментов для взаимодействия с сайтами напрямую, и иконки со слоями уведомлений.

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

Вы можете прикрепить любой сайт в панель задач, а в будущем мы будем описывать, как разработчики могут создавать списки переходов, Миниатюрные Панели инструментов, а также больше способов, как сделать сайты частью Windows 7 опыта.


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

Мы узнали, что в более чем 40% сессий IE открыто 2 и более вкладки, видимые в одно и то же время. Это было главной мотивацией для разработки Aero Snap, чтобы быстро организовать просмотр двух окон. Для IE9, мы хотели расширить эту способность. С интеграцией IE9 с Windows 7, вкладка ведет себя как окно, где можно привязать его к стороне экрана.

<video style="margin-left: 50px" id="myvid" src="http://ecn.channel9.msdn.com/o9/ch9/3554/573554/IE9008_ch9.mp4" controls="" preload="metadata"><object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="512" height="384"> <param name="source" value="http://channel9.msdn.com/App_Themes/default/VideoPlayer10_01_18.xap"> <param name="initParams" value="deferredLoad=true,duration=0,m=http://ecn.channel9.msdn.com/o9/ch9/3554/573554/IE9008_ch9.wmv,autostart=false,autohide=true,showembed=true, thumbnail=http://ecn.channel9.msdn.com/o9/ch9/3554/573554/IE9008_512_ch9.jpg, postid=573554"> <param name="background" value="#00FFFFFF"> <a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"> <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"> </a> </object></video>

Рендеринг происходит непрерывно на протяжении всего времени - например, если веб-страница имеет активное видео, вы сможете смотреть видео, если вы перетащите вкладку.


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

Мы спросили себя, что мы можем сделать, чтобы помочь сайтам блистать? .. Мы начали смотреть на способы, как люди используют браузер. Мы исследовали более 700 команд в IE8 и проанализировали, каким образом люди используют эти команды и управляют ими. Стало ясно, что есть некоторые, которые используются намного чаще, чем другие

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

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


Сайто-ориентированный дизайн
Во-первых, мы оптимизировали IE9, чтобы интегрироваться в Windows 7 через те функции, которые вы знаете и уже используете - Панель задач и Aero Snap. В браузере, мы ставим во главе сам сайт, а уже затем кнопки управления, чтобы добраться до настроек браузера.

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

В IE9 сайто-ориентированная рамка фокусирует внимание на содержании сайта, особенно если сайт прикреплен к панели задач:

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

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


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

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

Быстрые, Безопасные и надежные характеристики

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


* Улучшение опыта восстановления, который изолирует проблемы от остальной части браузера.


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

Джейн Кин (Jane Kim),
программный менеджер Internet Explorer


Источник: http://blogs.msdn.com/b/ie/archive/2010/09/15/user-experiences-site-centric-browsing-on-windows.aspx
Перевод: houseboy