Tuesday, September 26th, 2017

Группировка вкладок в IE8

Published on Февраль 27, 2009 by   ·   Комментариев нет

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

Эволюция дизайна и алгоритма
После выхода Internet Explorer 7 команда разработчиков собирала отзывы пользователей с Microsoft Connect. Мы создали список самых интересных для пользователей функций, куда входили восстановление закрытых вкладок, функция восстановления после сбоя, возможность того, чтобы одна зависшая вкладка не влияла на другие вкладки, функция создания копий вкладок и множество других. Этот список также содержит следующие два наблюдения: сегодня вкладка, открытая из другой вкладки, всегда открывается в конце панели вкладок. Так как она связана с первой вкладкой, то неудобно, что нужно пролистывать все вкладки, чтобы найти только что открытую.

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

IE кладки в одном окне

В дополнение к изучению разнообразных каналов обратной связи IE мы работали здесь, в Microsoft, с пользователями-исследователями в рамках программы Usability Studies, в рамках которой пользователи приходили к нам, исследовали сайты, и объясняли почему, и как достигли своих целей.

Во время этих исследования юзабилити мы выявили несколько интересных тенденций:

  • Пользователи выстраивают очередь из вкладок. Другими словами, пользователи ищут что-то и открывают полученные результаты, чтобы прочитать их позже. Эта тенденция также относится и к сайтам — пользователи открывают очередь статей, которые они хотят позже прочитать.
  • Пользователи используют одно окно для множества задач (то есть, например, у меня в одном окне открыто 4 сайта по работе, 3 статьи, которые я хочу прочитать позже, и 3 ресторана, куда я хочу повести маму, когда та приедет).
  • После того, как пользователи переключаются из другого приложения, они часто проводят много времени на одной вкладке.

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

Суть идеи группировки вкладок состоит в том, что вкладки из одного источника сгруппированы вместе. Изображение внизу показывает две открытые на MSNBC статьи, которые выделены зеленым, и результаты поиска в Windows Live о ресторанах в Сиэтле, которые окрашены синим.
Теперь с визуальными индикаторами на моих вкладках я быстро могу идентифицировать группы вкладок, которые позволяют быстро находить вкладки со сходными задачами. Так что если я переключаюсь обратно к Internet Explorer после того, как я пользовался другим приложением, я быстро смогу идентифицировать синие вкладки как информацию, связанную с поиском ресторана.

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

HTTP://WWW.REFINANCEHOMEMORTGAGEE.COM/
30 year mortgage rates

Найти все вкладки какие есть

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

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

  • Щелкнуть правой кнопкой на ссылке и выбрать «открыть в новой вкладке».
  • Ctrl+щелчок на ссылке.
  • Щелчок средней кнопкой (или колесом мыши, если нет средней кнопки, ну, а если в вашей мыши нет ни колеса прокрутки, ни средней кнопки, то вы можете просто нажать обе кнопки одновременно).

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

Если в IE8 вы сделали что-то из вышеуказанного, то оригинальная вкладка, и все вкладки, открытые из нее, буду сгруппированы.

Что я могу делать с группами вкладок?
Если вы случайно закрыли вкладку, которая входила в группу, то с помощью опции «восстановить закрытую вкладку» вы не только восстановите недавно закрытую вкладку, но и восстановите ее в правильной группе.

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

Группирование вкладок IE

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

Ответы на часто задаваемые вопросы
В: Почему вкладка остается в группе, если я перехожу на другой сайт?
О: Если для навигации вы используете какую-либо определенную вкладку, то механизм считает, что она связана с группой. Если вы не хотите чтобы вкладка входила в группу вкладок, то вы можете создать новую или удалить существую вкладку из группы.

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

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

В: Как я могу выключить группирование вкладок?
О: Tools -> Internet Options -> раздел Tab на закладке General -> Options -> убрать галочку с опции Enable Tab Groups.

Надеюсь, что предназначение функции стало вам более понятным. Спасибо за тестирование бета-версии Internet Explorer 8. Ждем ваших отзывов!

Хелен Дрислейн (Helen Drislane),
программный менеджер Internet Explorer

Источник: http://blogs.msdn.com/ie

zp8497586rq
zp8497586rq












Смотрите также:

Readers Comments (Комментариев нет)

Comments are closed.

Exchange 2007

Проведение мониторинга Exchange 2007 с помощью диспетчера System Center Operations Manager 2007 (часть 3)

Если вы хотите прочитать предыдущие части этой серии статей, перейдите по ссылкам: Проведение мониторинга Exchange 2007 с помощью диспетчера System ... [+]

Практическое рассмотрение перехода с Exchange 2003 на Exchange 2007 (часть 1)

Введение В этой статье из нескольких частей я хочу показать вам процесс, который недавно использовал для перехода с существующей среды Exchange 2003 ... [+]

Использование инструмента Exchange Server Remote Connectivity Analyzer Tool (часть 2)

Если вы пропустили первую часть этой серии, пожалуйста, прочтите ее по ссылке Использование инструмента Exchange Server Remote Connectivity Analyzer Tool (Часть ... [+]

Мониторинг Exchange 2007 с помощью диспетчера System Center Operations Manager 2007 (часть 2)

Если вы пропустили предыдущую часть этой серии статей, перейдите по ссылке Мониторинг Exchange 2007 с помощью диспетчера System Center Operations ... [+]

Подробное рассмотрение подготовки Active Directory для Exchange 2007 (часть 5)

Если вы пропустили предыдущие части этой серии статей, перейдите по ссылкам: Подробное рассмотрение подготовки Active Directory для Exchange 2007 (часть 1) ... [+]

Установка и настройка Exchange 2007 из командной строки (Часть 3)

If you missed the previous parts in this article series please read: Exchange 2007 Install and Configuration from the command line (Part ... [+]

Использование инструмента Exchange Server Remote Connectivity Analyzer Tool (часть 1)

Инструмент ExRCA Текущий выпуск инструмента предоставляется только в целях тестирования и оснащен 5 опциями: Тест подключения Outlook 2007 Autodiscover Тест подключения Outlook 2003 RPC ... [+]

Развертывание сервера Exchange 2007 Edge Transport (часть 5)

Если вы хотите прочитать предыдущие части этой серии статей, перейдите по ссылкам: Развертывание сервера Exchange 2007 Edge Transport (часть 1) Развертывание ... [+]

Установка и настройка Exchange 2007 из командной строки (часть 2)

Если вы пропустили первую статью данного цикла, пожалуйста, перейдите по ссылке: Exchange 2007 Install and Configuration from the command line (Part ... [+]

Использование интегрированных сценариев Using Exchange Server 2007 – часть 2: генерирование отчетов агента Transport AntiSpam Agent

Если вы пропустили предыдущую часть этой серии статей, перейдите по ссылке Использование интегрированных сценариев Using Exchange Server 2007 – часть ... [+]