MagicTab · продуктовый кейсНедавно закрытые
Список показывает последние закрытые страницы рядом с закладками. Отсюда страницу можно открыть одним кликом, не заходя в полную историю браузера.
Расширение Chrome · 0→1
MagicTab.
Новая вкладка Chrome с закладками, недавно закрытыми страницами и вкладками с других устройств. Поиск работает сразу по всем трём источникам.
3 → 1
источника контекста в одном интерфейсе
1
поиск по названию, URL, папке и устройству
0
аналитики, трекеров и серверов разработчика
— 01
Контекст
Как найти потерянную страницу
Наблюдение
Chrome раскладывает страницы по разным разделам: закладки, история, недавно закрытые вкладки и сессии других устройств. Поэтому поиск часто начинается с попытки вспомнить, где именно осталась страница.
Гипотеза
Я собрал три источника на новой вкладке и добавил общий поиск. Запрос можно ввести сразу, без предварительного перехода в нужный раздел Chrome.
Принцип
Недавно закрытая страница обычно нужна сразу, закладки хранятся годами, а вкладки с другого устройства помогают продолжить текущую работу. Эта разница и определила порядок колонок.
Большую часть экрана я отвёл закладкам. История и вкладки с других устройств находятся по бокам.
Часто используемая библиотека остаётся в центре, временные списки занимают меньше места.
— 02
Компоновка
Как устроен основной экран
Центральную колонку я сделал шире, потому что с закладками работают регулярно. Боковым спискам достаточно меньшей площади: в них ищут несколько последних страниц или нужное устройство.
Закладки и папки
Центральная колонка повторяет папочную структуру Chrome. Сайты показаны плитками с иконками, а длинные группы сначала открываются частично.
Вкладки других устройств
Сессии сгруппированы по устройствам: MacBook, iPhone и iPad. Chrome возвращает до 25 последних вкладок, и это ограничение указано рядом со списком.
— 03
Поиск
Один запрос для трёх источников
Поиск проверяет название, URL, домен, путь папки и имя устройства. Запрос google в примере ниже находит семь страниц в закладках, недавно закрытых вкладках и сессиях других устройств.
Ограничение во время поиска
Во время поиска перетаскивание плиток и заголовков отключается. Порядок в отфильтрованном списке отличается от структуры закладок, поэтому перемещение в этом состоянии могло бы привести к ошибке.
Управление
Работа с закладками прямо в сетке
Основные действия доступны на том же экране. При этом перенос закладки и изменение порядка групп работают по-разному.
Перенести закладку
Перетаскивание плитки в другую группу вызывает chrome.bookmarks.move и действительно меняет папку в Chrome.
Переупорядочить группы
Перетаскивание заголовка сохраняет новый порядок только в MagicTab. Папки Chrome остаются на прежних местах.
Защитить основу
Корневые группы Favorites закреплены. Во время поиска сетка переходит в режим просмотра.
Удаление
Удаление и резервные копии
Контекстное меню ведёт к явному подтверждению с названием, URL и объяснением последствия. До вызова удаления MagicTab сохраняет полное дерево закладок в локальное хранилище.
В локальном хранилище остаётся до 20 автоматических копий. В версии 0.1.1 отдельного интерфейса восстановления пока нет, поэтому копию приходится открывать вручную.
01
Выбор
Контекстное меню конкретной закладки.
02
Проверка
Название, URL и явное подтверждение.
03
Снимок
Локальная копия всего дерева закладок.
04
Удаление
Только после успешного сохранения.
Разрешения
Иконки и разрешения
В стандартном режиме MagicTab получает иконки через Chrome API. Загрузка изображений с сохранённых HTTPS-сайтов включается отдельно в настройках и только после подтверждения.
Публичное демо
Демо-данные для скриншотов
На обычном экране видны названия и URL личных закладок. Для презентаций и скриншотов я добавил отдельный набор закладок, недавно закрытых страниц и вкладок других устройств. Он включается параметром URL или в настройках.
Стабильный набор примеров
Скриншоты и сценарии проверки используют одни и те же демонстрационные сайты.
Режим просмотра
При активных демо-данных перенос, удаление и экспорт недоступны.
Адаптивная компоновка
Ниже 940 px боковые панели складываются в одну колонку; плавающие поиск и настройки остаются доступными.
— 08
Реализация
Как собрана версия 0.1.1
MagicTab написан на HTML, CSS и JavaScript. Для запуска не нужны фреймворк, сборка или внешние зависимости. Вместе с версией 0.1.1 подготовлены черновики описания, политики конфиденциальности, обоснования разрешений и чеклиста для публикации.
22 мая
Основа
Сетка закладок, управление группами и безопасный сценарий удаления.
20–23 июня
Контекст и управление
Доработка интерфейса, визуальные материалы, вкладки других устройств, имя MagicTab, опциональные улучшенные иконки, недавно закрытые страницы и настройки.
6 июля
Сетевой доступ
Улучшенные иконки загружаются только по HTTPS. Разрешение включается отдельно в настройках.
v0.1.1
Черновик пакета
Рабочий ZIP и черновики описания, политики конфиденциальности, скриншотов и чеклиста. Перед подачей документы нужно синхронизировать с версией 0.1.1 и фактическим сценарием перемещения закладок.
Что я проверю в следующей версии
- Время до нужной страницы на библиотеках 100+ закладок.
- Доля запросов, которые завершаются открытием результата.
- Ошибки при переносе закладок между папками.
- Реальная ценность боковых панелей против добавленной плотности.