Привіт, мене звуть Хелен Дріслейн і я є програмним менеджером в команді IE, відповідальної за деякі елементи призначеного для користувача інтерфейсу, включаючи вкладки, і я планую розповісти вам про нову функцію угруповання вкладок (а також їх колірної компонуванні). Нам було дуже цікаво реалізовувати цю функцію, тому я трохи розповім вам про процес розробки, а після чого опишу, що ви зможете зробити з цією функцією.
Еволюція дизайну та алгоритму
Після виходу Internet Explorer 7 команда розробників збирала відгуки користувачів з Microsoft Connect. Ми створили список найцікавіших для користувачів функцій, куди входили відновлення закритих вкладок, функція відновлення після збою, можливість того, щоб одна зависла вкладка не впливала на інші вкладки, функція створення копій вкладок і безліч інших. Цей список також містить наступні два спостереження: сьогодні вкладка, відкрита з іншої вкладки, завжди відкривається в кінці панелі вкладок. Так як вона пов'язана з першою вкладкою, то незручно, що потрібно перегортати всі вкладки, щоб знайти щойно відкриту.
На додаток до вивчення різноманітних каналів зворотного зв'язку IE ми працювали тут, в Microsoft, з користувачами-дослідниками в рамках програми Usability Studies, в рамках якої користувачі приходили до нас, досліджували сайти, і пояснювали чому, і як досягли своїх цілей.
Під час цих дослідження юзабіліті ми виявили кілька цікавих тенденцій:
- Користувачі вибудовують чергу з вкладок. Іншими словами, користувачі шукають щось і відкривають отримані результати, щоб прочитати їх пізніше. Ця тенденція також відноситься і до сайтів - користувачі відкривають чергу статей, які вони хочуть пізніше прочитати.
- Користувачі використовують одне вікно для безлічі завдань (тобто, наприклад, у мене в одному вікні відкрито 4 сайта по роботі, 3 статті, які я хочу прочитати пізніше, і 3 ресторани, куди я хочу повести маму, коли та приїде).
- Після того, як користувачі переключаються з іншої програми, вони часто проводять багато часу на одній вкладці.
З огляду на ці тенденції, пов'язані вкладки, незалежно від того це результати пошуку або новинні статті з цього ж сайту, в ідеалі вони не тільки повинні бути розташовані поруч, але також і як-то бути візуально розподілені, так щоб їх можна було ідентифікувати. Це той момент, коли в гру вступають кольору.
Суть ідеї угруповання вкладок полягає в тому, що вкладки з одного джерела згруповані разом. Зображення внизу показує дві відкриті на MSNBC статті, які виділені зеленим, і результати пошуку в Windows Live про ресторанах в Сіетлі, які пофарбовані синім.
Тепер з візуальними індикаторами на моїх вкладках я швидко можу ідентифікувати групи вкладок, які дозволяють швидко знаходити вкладки з подібними завданнями. Так що якщо я переключаюсь назад до Internet Explorer після того, як я користувався іншим додатком, я швидко зможу ідентифікувати сині вкладки як інформацію, пов'язану з пошуком ресторану.
Ще одним важливим аспектом дизайну даної функції було питання про вибір візуальних індикаторів для груп. Найбільш частим питанням, яке нам задають, є «Як дальтоніки зможуть використовувати цю функцію?». При дизайні ми врахували потреби і цієї групи користувачів. Різниця в кольорах на зображенні нижче достатня для того, щоб більшість людей, у яких проблеми з розрізненням кольорів, могли б побачити різницю між квітами.
На додаток для користувачів, які користуються утилітою Magnifier, ми зробили так, що під назвою кожної вкладки відображається ім'я групи. Зображення внизу показує дві групи вкладок і підказку на четвертої, в якій міститься інформація про вкладку.
Тепер, коли ви трохи знаєте про дизайн даної функції, я поясню, як створюються групи вкладок, і що ви можете з ними робити.
Як створюються групи вкладок?
Якщо ви, наприклад, переглядаєте новинний сайт, і хочете відкрити кілька статей, які збираєтеся прочитати трохи пізніше, то є кілька способів, за допомогою яких ви можете їх відкрити в новій вкладці, і згрупувати їх:
- Клацнути правою кнопкою на засланні і вибрати «відкрити в новій вкладці".
- Ctrl + клацання на посиланні.
- Клацання середньою кнопкою (чи колесом миші, якщо немає середньої кнопки, ну, а якщо у вашій миші немає ні колеса прокрутки, ні середньої кнопки, то ви можете просто натиснути обидві кнопки одночасно).
Крім того, якщо ви натиснете правою кнопкою в певній вкладці і виберіть опцію «відкрити в новій вкладці", то нова відкрита вкладка буде групуватися з вищезгаданої вкладкою-джерелом.
Якщо в IE8 ви зробили щось з вищевказаного, то оригінальна вкладка, і все вкладки, відкриті з неї, буду згруповані.
Що я можу робити з групами вкладок?
Якщо ви випадково закрили вкладку, яка входила в групу, то за допомогою опції «відновити закриту вкладку» ви не тільки відновите недавно закриту вкладку, але і відновлення її в правильній групі.
Також, коли ви закінчили з будь-якої завданням, угруповання вкладок дозволяє легше закрити всі вкладки, пов'язані з даним завданням, за допомогою опції «закрити групу вкладок» в контекстному меню вкладки. Якщо ви не хочете, щоб будь-яка вкладка входила до цієї групи, то ви легко зможете її звідти прибрати за допомогою відповідної опції в контекстному меню. Всі ці опції будуть вам доступні, якщо ви відкриєте контекстне меню вкладки.
На додаток до використання контекстного меню, користувачі можуть просто перетягувати вкладки. Хоча основне призначення даної функції в тому, щоб вона гладко працювала у фоновому режимі, деякі з нас люблять самостійно переорганізовивать вкладки. Якщо ви перетягнете вкладку в будь-яку групу, то вона стане частиною цієї групи. Крім того, ви можете видалити вкладку з групи, перетягнувши її в простір між двома вкладками, що не входять в групу.
Відповіді на типові запитання
В: Чому вкладка залишається в групі, якщо я переходжу на інший сайт?
В: Якщо для навігації ви використовуєте якусь певну вкладку, то механізм вважає, що вона пов'язана з групою. Якщо ви не хочете щоб вкладка входила в групу вкладок, то ви можете створити нову або видалити існую вкладку з групи.
В: Чому функція дублювання вкладок НЕ групує дві однакові вкладки разом?
Про: Нова функція дублювання вкладок, яка знаходиться в контекстному меню вкладок, що викликається правою кнопкою миші, дозволяє вам використовувати цю ж вкладку абсолютно для інших цілей. Тобто, ідея полягає в тому, що хоча дві вкладки і є абсолютно ідентичними, користувач може переходити в них в абсолютно різних напрямах.
В: Чому мої домашні сторінки не групуються?
Про: Так само як і в питанні, відповідь на який ми вже дали вище, домашні сторінки зазвичай включають в себе поштові сервіси, сайти новин, і т.д. і зазвичай вони не пов'язані нічим, крім того, що ви хочете, щоб вони відкривалися як домашні сторінки, коли ви запускаєте браузер.
В: Як я можу вимкнути групування вкладок?
Про: Tools -> Internet Options -> розділ Tab на закладці General -> Options -> прибрати галочку з опції Enable Tab Groups.
Сподіваюся, що призначення функції стало вам більш зрозумілим. Дякую за тестування бета-версії Internet Explorer 8. Чекаємо ваших відгуків!
Хелен Дріслейн (Helen Drislane),
програмний менеджер Internet Explorer