Новый Яндекс.Браузер. Альфа версия браузера будущего. Браузер будущего

Будущее Яндекс.Браузера — Блог Яндекс.Браузера

27 ноября 2014, 13:24

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

Браузер это окно в интернет. А что мы ценим в окнах больше всего? Способность пропускать свет и возможность любоваться видом. Мы смотрим сквозь окна на мир, а не рассматриваем оконную раму. С браузерами все точно так же. Мы выходим в интернет не ради браузера, а ради сайтов. Поэтому в новом Яндекс.Браузере мы хотим сократить интерфейс до минимума. Для оставшихся элементов наши дизайнеры предложили использовать эффект прозрачности. Верхняя и нижняя панели накладываются поверх контента и визуально являются продолжением открытой страницы. Граница между сайтом и браузером почти исчезла.

Если на странице есть фоновое видео, то смотрится это еще эффектнее. 

Вкладки теперь можно найти в нижней части окна браузера. Если сайты это приложения, то почему бы не разместить вкладки там, где исторически располагается список запущенных приложений в Windows и Mac OS. Мы также добавили вкладкам возможность группироваться по домену, чтобы пользователь видел открытые веб-приложения, а не отдельные странички. Достаточно кликнуть по группе, чтобы раскрыть ее.

Поиск - неотъемлемая часть интернета и любого браузера. В нашей альфе поисковые технологии шагнули чуть дальше. Кликните по заголовку страницы и вы попадете в специальный режим, открывающийся поверх сайта и называемый нами Изнанкой. Помимо уже знакомых элементов (Умная строка, Табло и кнопки взаимодействия со страницей), Изнанка содержит контекстные ответы и рекомендации, связанные с просматриваемым сайтом. В текущей сборке это могу быть ссылки на похожие ресурсы, карта с адресом, более выгодные предложения по товарам.

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

Мы также встроили в браузер анимированные фоны, которые придадут ему еще большую индивидуальность. Словами это не передать - посмотрите видео.

Скачать альфа-версию можно с browser.yandex.ru/future. На уже установленный Яндекс.Браузер текущей версии она никак не влияет и использует свой отдельный профиль.

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

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

browser.yandex.ru

Альфа-версия нового Яндекс.Браузера

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

Основные идеологические тезисы, которые лежат в основе:

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

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

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

Если открыть несколько сайтов, то вы увидите примерно такую картину.

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

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

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

Если подвести резюме, то альфа-версия будущего Яндекс.Браузера это, конечно же, все тот же  Blink/Chromium в фундаменте (велосипеды нынче никто не изобретает) и технологии/разработки Яндекса рядом с ними (все особенности текущей версии никуда не пропали), но над всем этим мы видим совершенно иной дизайн, расширенную интеграцию с поисковыми технологиями и стремление работать с сайтами, как с приложениями. Альфа это альфа, поэтому сейчас ее стоит воспринимать как демонстрацию идей и дизайна. Детали следует оценивать тогда, когда это превратится хотя бы в бету.

Скачать можно с browser.yandex.ru/future. И не забудьте рассказать сообщникам с Хром.рф о своих мыслях. Что думаете?

UPD. Новый Яндекс.Браузер уже доступен в бета-версии.

today 27.11.2014

my-chrome.ru

Новый Яндекс.Браузер. Альфа версия браузера будущего

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

О том, что мне понравилось, а что нет, в новом браузере, читайте в этой статье! Сразу хочу обратить внимание на то, что все о чем я напишу, это исключительно мое мнение построенное на личном использовании браузера.

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

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

Скачать новый Яндекс.Браузер (97,9 Mb)

Установка браузера заключается в нажатии одной кнопки (не считая галочек)

Нажав на кнопку “Начать пользоваться” браузер незамедлительно начнет инсталлироваться на вашем компьютере.

Никаких лишних вопросов или предложений, он действительно сам знает куда ему нужно устанавливаться )). Не знаю хорошо ли это или плохо, но лично мне понравилось, больше чем уверен вы тоже при установке программ, жмете все время “Далее…” соглашаясь со всеми пунктами по умолчанию. Вот и разработчики браузера подумали, “А что если мы не будем задавать глупых вопросов?”.

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

Первый запуск меня удивил сообщением “Мы перенесли настройки из вашего браузера!”, то есть, они не стали спрашивать меня, нужно это делать или нет, просто взяли и перенесли все! Закладки, пароли, куки, абсолютно все! Но ведь это для твоего же удобства, сказал бы простой пользователь, но я с такими доводами не согласен. Мало ли что они делают с моими данными… За это минус.

Очень понравился фон страницы, которая открывается при запуске, этот фон живой! Облака движутся как на видео, зрелище интересное. Нажав правой клавишей мышки, можно изменить фон, там есть еще несколько “живых” обоев и симпатичных картинок.

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

Управление открытой страницей осуществляется нажатием на заголовок, если вы подведете мышку к верхней панели, то вы уведите что он превратится в кнопку. Нажимая на кнопку вы попадете в меню страницы

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

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

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

Меню браузера лаконично и интуитивно понятно, однако если открыть дополнительное меню, любители хрома увидят что то до боли знакомое 🙂

В принципе разработчики и не скрывают что их браузер собран на “скелете” хрома (а точнее хромиума – прародителя всех современных браузеров, кроме файрофкса). Оно и ясно, зачем изобретать велосипед, когда он уже давно изобретен и обкатан.

На этом я закончу свой мини обзор, поработаю я в этом браузере еще пару неделек, после чего напишу свои ощущения. Пока что мне все нравиться, очень нравится что он довольно сносно работает на слабом железе и мой компьютер из-за него не тормозит. А вы уже установили новый Яндекс.Браузер ?

Ещё на сайте:

Интересные статьи по теме:

faqpc.ru

Браузер будущего | Технологии | Forbes.ru

Основой RockMelt стала созданная в Google открытая платформа Chromium, на которой сделан и самый быстрорастущий браузер последнего времени Google Chrome (за год с небольшим после запуска его рыночная доля в США достигла 8,5%). Что отличает RockMelt от конкурентов — это социальная интеграция. Первое, о чем просит новый браузер после установки, — зайти в свой аккаунт в Facebook. Обновления статусов друзей в социальных сетях можно увидеть в любом окне браузера, для этого достаточно навести курсор на портрет любимого друга в левом углу экрана: на странице браузера присутствуют портреты друзей из Facebook — в столбике слева. Всем найденным в сети можно поделиться со своими контактами, нажав одну только крупную кнопку вверху экрана. Еще до выхода RockMelt успели прозвать карманным браузером Facebook, но это не вполне верно: другие социальные сервисы, вроде Twitter, интегрируются в браузер почти с той же простотой.

Правая часть экрана отдана под «потоки» — видео, новостные ленты, тот же Facebook (его новостную часть), Twitter и любые сайты, которые пользователь пожелает добавить. Идея не сильно отличалась бы от закладок во всех современных браузерах, если бы не одно «но»: закладки справа живут собственной жизнью. Показывают обновления и открывают превью при наведении курсора. В отличие от закладок, которые рассчитаны на запоминание множества непредсказуемо понравившихся страниц, «потоки» RockMelt рассчитаны на людей, точно знающих, чего они хотят. В некотором смысле RockMelt — это первый браузер, который не предполагает прогулок по сети.

Несколько месяцев назад журнал Wired в заглавной статье анонсировал смерть «веба», паутины, на смену которой, писали авторы Крис Андерсен и Майкл Вольф, пришел интернет. Все больше и больше времени пользователи интернета проводят в небольшом количестве приложений, вроде Facebook, Skype, Gmail, Youtube или Apple Store. На весь остальной интернет — миллионы сайтов с разнообразным содержанием — приходится все меньше и меньше времени и внимания. Когда-то, чтобы слушать музыку, смотреть видео, играть в шахматы, читать новости и переводить слова, нужно было открыть множество сайтов, теперь это делается при помощи приложений и «полузакрытых» платформ.

Люди все так же подключаются к интернету, но все меньше времени проводят за пределами знакомых маршрутов. Венцом этого подхода стал iPhone, позволяющий решить любую задачу при помощи приложений внутри своей платформы. У Apple есть даже зарегистрированная торговая марка — There’s an app for this («И для этого есть приложение»). Но так же поступают и другие. Facebook представляет собой точно такую же платформу, внутри которой можно делать что угодно: играть в видеоигры, узнавать погоду, играть в го или — в скором времени — делать покупки. В 2003 году на 10 самых популярных сайтов приходилось меньше половины интернет-трафика, сейчас — три четверти. Зачем куда-то ходить.

Символами изменившейся реальности авторы статьи назвали Марка Цукерберга и Стива Джобса: их знак качества — или тавро — стоит на большинстве приложений нового мира. Символами прошлого стали поисковик Google и браузер Netscape, сделанные для поиска и просмотра в большинстве своем анонимных страниц демократичного интернет-пространства.

С IPO Netscape в августе 1995 года началась эра доткомов, этот день многие считают днем рождения интернета в том виде, в котором мы его знали, то есть паутины. По иронии судьбы через 15 лет именно основатель Netscape Марк Андриссен стал главным инвестором и проповедником RockMelt. Создатель открытого интернета признал наступление эпохи интернета закрытого и поставил на кон несколько миллионов (общая сумма привлеченных RockMelt венчурных средств — $10 млн).

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

www.forbes.ru

Будущее [отсутствие] интерфейсов браузеров от Яндекса

Меня зовут Гена Лохтин. В Яндексе я отвечаю за проектирование интерфейса нового Браузера, и специально для Хабра хочу сейчас рассказать, почему мы пришли к такому новому интерфейсу и какие трудности нам удалось преодолеть по дороге. Внутри для нового браузера мы использовали кодовое название «Кусто» (чуть ниже расскажу почему). Так что иногда я буду использовать его в тексте.

Всё началось ещё в 2012 году с вопроса, который задают себе многие авторы браузеров: как сделать так, чтобы интерфейс занимал меньше места и оставлял его сайтам? Вопрос кажется простым. И первые идеи ответов на него тоже простые. Кто-то убирает табы в заголовок окна, кто-то — иконки расширений к адресной строке.

Но никто ещё не предлагал такого радикального решения, как мы. Чтобы прийти к нему, и решить все те проблемы, которые оно ставит, — понадобилось несколько лет. Ведь это не только убирание рамок. Нужно, чтобы браузером при этом было удобно пользоваться. Внутри «Кусто» много новых интерфейсных решений, над которыми мы долго работали и которые долго тестировали. Итак.

Начну с пары слов о названии. Деталь нового браузера, которая первой бросается в глаза, — анимированные фоны с зацикленными видео. На самом первом из них были колышущиеся на ветру кусты. И именно так все внутри и начали сначала называть новый продукт. Вместе с тем, как наша первоначальная идея развивалась, улучшалась и менялась, нам стало обидно, что название отражает только самый поверхностный взгляд. Поэтому мы придумали новое имя, созвучное с прошлым, но лучше отражающее внутренний смысл того, что мы делали. И назвали проект Кусто — в честь известного учёного, исследователя и путешественника. Браузер — это окно в мир, рамки которого мы решили не просто раздвинуть, а стереть.

За прошедшие десятилетия интернет изменился кардинально. Количество доменов росло в геометрической прогрессии, а сами сайты превратились из простых html-страничек с текстом, гиперссылками и редкими картинками в полноценные веб-приложения с навороченной инфраструктурой. Сайты сейчас это не только страницы с информацией, но и графические редакторы, офисные пакеты, музыкальные плееры, социальные сети, онлайн-кинотеатры — таким программам становится тесно в современных обозревателях.

А что произошло с браузером за все это время? Появились вкладки, в значительной степени упростившие работу в сети. Была изобретена универсальная адресно-поисковая строка, доказывающая, что поиск является неотъемлемой частью интернета. Во всем остальном современный браузер — это все та же программа для загрузки страничек с массивным серым интерфейсом, доминирующим над контентом.

Создатели браузеров и раньше делали попытки сделать интерфейс менее заметным. Но все шаги делались постепенно и больших изменений в этой программе не произошло. Недавно у Safari появилась прозрачность, но как оформительский прием, — интерфейс по-прежнему остается серым. Какие-то примеры «спрятанных интерфейсов» можно найти среди видеоплееров. Вспомните, как выглядит Quicktime.app, когда проигрывает видео.

Или текстовый редактор iA Writer:

Сделать буквальную незаметность интерфейса браузера его важнейшим свойством никто не пытался. Браузер стал по сути главной программой в операционной системе. Многие пользователи вообще не выходят из него большую часть времени, решая все свои задачи средствами веб-приложений. Именно на использовании сайтов как приложений сделали акцент в Opera, создав Coast. Но сайты-приложения — это и реальность десктопа, с которой его еще никто не примирил.

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

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

Первая идея

Это браузер, в который злоумышленник загрузил фейсбук:

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

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

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

Столь радикальная идея продержалась не очень долго. Браузерное окно в любом случае должно содержать системные элементы для закрытия и сворачивания. Помещать подобные кнопки поверх сайта не имеет смысла уже потому, что это испортит внешний вид страницы, да и сами кнопки будет трудно найти визуально. Если копнуть глубже, то окажется, что и кнопку главного меню не стоит скрывать. Мы бы и рады спрятать «бутерброд» в контекстное меню или придумать всплывающий вариант, но наш опыт исследования поведения пользователей показал, что подобная кнопка просто обязана быть не просто в одном и том же месте, но и всегда на виду. Иначе высок риск, что большинство пользователей просто никогда и не узнают о возможностях, которые скрываются за ней. Добавим к этому заголовок сайта, за которым отныне скрываются все остальные инструменты для работы со страницей. В общем, минимальная панель в шапке браузера все равно нужна.

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

Прозрачный браузер

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

Создавая новый Яндекс.Браузер, мы с самого начала отталкивались от идеи, что контент превыше всего, поэтому никакой интерфейс не должен нависать над ним. А прозрачные панели — это все равно прозрачные панели. Они, конечно, визуально не является жесткой структурой самого браузера и позволяют размыть границы между сайтом и интерфейсом. Но интерфейс от этого никуда не девается.

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

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

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

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

Особенно эффектно смотрятся ресурсы с фоновым видео:

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

Когда скачаете Кусто, можете еще посмотреть на tigran.ru/panorama, где tigran, один из руководителей направлений Яндекса, выкладывает панорамы, снятые с воздуха. Вы тоже можете попробовать режим прозрачности на своем сайте. Для этого мы подготовили специальный API.

Вкладки-приложения

В попытке избавиться от излишнего интерфейса, но при этом сохранить и развить возможность переключения между сайтами мы обратились к опыту Табло. Если вы хотя бы раз видели Яндекс.Браузер, то знаете, что Табло это такие визуальные закладки, упрощающие доступ к любимым и часто посещаемым сайтам. Ничего лишнего вокруг — только ссылки на сайты, оформленные так, чтобы максимально быстро находить глазами нужный ресурс: в виде логотипов, а не мелких скриншотов сайтов.

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

Еще через некоторое время мы перенесли кнопку создания новой вкладки в самый угол окна. Хотели окончательно избавить вкладки от интерфейсных излишков хотя бы рядом с ними.

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

Сейчас наши вкладки выглядят уже вот так:

Обратите внимание на три точки у вкладки Кинопоиска. Это индикатор группировки. Если сайты это не просто странички, а веб-приложения, то почему бы не добавить группировку по домену так, чтобы на панели вкладок пользователи явно видели запущенные сервисы, а не кашу из документов. Достаточно кликнуть по группе, чтобы раскрыть ее. При этом страницы одного сайта представлены одним и тем же цветом, чтобы не только упростить визуальный поиск, но и сохранить логику работы с приложениями.

Изнанка

Эскиз этот в конечно счете воплотился в прототипе, который мы называли Феноменом:

И даже не в одном. Вот особенно оригинальный вариант с использованием закладочного меню:

И кто знает, какие бы еще экзотические варианты могли бы мы увидеть, если бы не идея создать новый прозрачный браузер. Прозрачный тонкий интерфейс не оставил нам никаких вариантов, кроме как добавить в браузер новый слой поверх просматриваемого сайта. Так и появилась Изнанка — особый режим, который содержит не только Умную строку, Табло и все остальное, от чего мы очистили интерфейс, но и наследие Феномена в виде рекомендаций и расширенной информации по сайту. Попасть на Изнанку можно через клик по заголовоку страницы:

Кстати, обратите внимание, что на скриншоте выше представлены заголовки из двух разных ОС. Мы хотели, чтобы наш браузер даже на разных системах выглядел одинаково.

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

Работа над Изнанкой продолжается. В будущем разновидностей контекстной информации будет больше, да и сам режим может измениться.

Богатый поиск

В текущей альфа-версии нового Яндекс.Браузера можно заметить появление богатых ответов, которые уже содержат не только текст или иконки, а фрагменты текста, картинки и быстрые ссылки на подстраницы ресурса.

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

Новая анимированная вкладка

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

Сегодня мы поделились с вами своими мыслями и ранней сборкой, скачать которую можно на browser.yandex.ru/future. Хочется еще раз повторить, что это еще только альфа (но ее можно смело устанавливать параллельно с текущей версией Яндекс.Браузера). Ваши отзывы могут достаточно сильно повлиять на ее судьбу и помочь нам. Например, нам очень интересно узнать мнение аудитории Хабрахабра об идее сделать в новом браузере специальный «режим разработчика», включение которого позволило бы вернуть некоторые привычные элементы (как вариант, отображение адреса сайта в заголовке). Впереди у нас много работы, а сам новый браузер не стоит ждать раньше будущего года.

Поделитесь с нами своими отзывами и идеями?

habrahabr.ru

В будущем браузеры превратятся в ОС

Сегодня браузеры находятся в весьма двусмысленном положении. С одной стороны — растущая невероятными темпами мобильная индустрия. По данным Flurry Insights, более половины трафика потребляется через мобильные устройства, при этом на браузеры приходится всего 14% затраченного времени.

С другой стороны, браузеры, которые в этом году отмечают своё двадцатипятилетие (WorldWideWeb вышел 25 декабря 1990 года), стали за четверть века настолько привычными, что без них уже невозможно представить интернет.

Нужна ли нам сейчас, в 2015 году, специальная программа для просмотра интернета? Чтобы ответить на этот вопрос, стоит оглянуться в прошлое и посмотреть, как изменилась концепция серфинга за эти годы.

Интернет-вселенная

Вспомните интернет начала нулевых — множество маленьких персональных страниц, форумов и несколько сетевых гигантов (в основном поисковиков и почтовых сервисов).

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

Интернет превращается в телевидение

Сегодня интернет поделён между крупными агрегаторами контента и социальными сетями. Новый контент размещается в рамках существующих площадок, а не в standalone-исполнении. В течение дня мы постоянно переключаемся между контентными «каналами». Facebook, Twitter, Gmail, «Цукерберг позвонит», еще пара сайтов — и всё начинается сначала. Браузер становится пультом управления.

Смартфоны задают тренд

Сеть становится мобильнее с каждым днем. Мобильная индустрия создает новые оригинальные решения, которые подхватываются десктопными системами. Ограничения, поставленные небольшими экранами и отсутствием понятия "mouseover", требуют более рационального использования экранного пространства и иного UX-дизайна. Коснулось это и браузеров.

Источник: flurrymobile.tumblr.com

Что дальше

Когда мы только начинали исследовать сеть, браузер был как космический корабль USS Enterprise с ручной трансмиссией. Но как он должен выглядеть сегодня?

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

Представим, что может произойти.

До свидания, URL

Вам кажется, что это заявление выглядит святотатством? Тем не менее, на деле мы уже практически отказались от основы привычного ранее серфинга.

В начале девяностых авторы учебников по ЭВМ изливали негодование в адрес графического интерфейса Windows 3.1, «отвлекающего от изучения команд DOS».

Что общего между командной строкой DOS и адресной строкой браузера? Раньше они обе были единственным способом управления, а сейчас — становятся инструментом для профессионалов, уступая место графическому интерфейсу.

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

Поиск — это новый адрес

Несмотря на снобизм со стороны ИТ-профессионалов, рядовому пользователю всё же проще вбить в строку поисковика слово «Одноклассники» и отправиться по первой же ссылке, чем прописывать URL. Да, это требует лишнего действия, но зато избавляет от необходимости помнить десятки адресов и защищает от ошибок при вводе.

Человек всегда будет стремиться разговаривать с компьютером на своем языке.

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

Сайты как приложения

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

Сегодня стартовые страницы Top sites большинства браузеров уже начинают напоминать рабочие столы операционных систем, но и их можно улучшить.

Например, добавив на виджеты сайтов отображение активности каждого ресурса, уведомлений и сортировки сайтов по типам с возможностью добавления новых из каталога, подобного App Store или Google Play.

Браузер как ОС

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

Мы постоянно сталкиваемся с новыми интерфейсами на веб-сайтах и помним сотни UI-паттернов. Действительно, бывает такое, что на очередном ресурсе мы проводим 2-3 минуты в поисках кнопки «Settings», но у нас не возникает таких проблем в рамках ОС, будь то Word, или Photoshop. Там настройки всегда на своем месте.

Сайты могут передать большинство сервисных функций браузерам, освободившись от части интерфейса

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

Меньше интерфейсов

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

Этой проблемы также можно избежать путем оптимизации взаимодействия браузеров с интернет-ресурсами

Интерактивные уведомления

Задумайтесь, почему вы до сих пор заходите на Twitter, чтобы написать твит? Казалось бы, глупый вопрос. При этом тот же iOS позволяет нам совершать множество действий с приложениями вообще не открывая их, с помощью уведомлений.

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

Удобные вкладки

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

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

Закладки — это история. Буквально

Сегодня мы гораздо чаще нажимаем «Like», чем «Add bookmark», хотя потребность в закладках всё ещё актуальна. История шеров и лайков, проанализированная и отсортированная «умным» браузером по темам и категориям, может стать закладками.

Кнопка «Лайк» заменит кнопку «В закладки»

Персонализированный серфинг

Facebook анализирует наши лайки, чтобы предложить нам подходящий контент с помощью EdgeRank. «Умный» браузер может сделать то же самое с сайтами.

Анализ шеров и лайков браузером позволит предложить пользователю новые релевантные веб-ресурсы

Прямой доступ


С развитием парадигмы SaaS (Software as a service), исчезают границы между приложениями и сайтами. Для пользователя стирается разница между Word и YouTube. Мы больше не видим приложения и сайты, мы видим иконки на рабочем столе.

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

Начало пути


Браузеры изменятся. Они стали одними из первых мостиков, связавших нас с сетью. Скоро именно они лягут в основу грядущего слияния офлайна с онлайном.

vc.ru

Браузер будущего от «Яндекса» - «Хакер»

Два часа назад компания «Яндекс» выложила в онлайн Яндекс.Браузер альфа-версии — экспериментальную разработку, в которой kukutz сотоварищи реализовали самые смелые дизайнерские идеи, в том числе так называемый «прозрачный интерфейс», в котором браузер сливается в единое целое с отображаемой веб-страницей.

На скриншотах показано, как выглядят в «браузере будущего» различные веб-страницы.

Как видно, вкладки располагаются в нижней части экрана и выделены разными цветами. Разработчики объясняют это тем, что браузер стал «вторым рабочим столом» для пользователя. Люди отказываются от отдельных медиаплееров, мессенджеров и других standalone-программ, переходя веб-сервисы, в том числе встроенные в социальные сети. Так зачем сохранять за браузером статус равной программы со всеми, если это, по сути, — самая главная программа на компьютере?

Пользователю незачем видеть структуру веба, знать изнанку сайтов, запоминать URL’ы и чувствовать, как пакеты данных бегают по сетям, такую мысль передал главный дизайнер «Яндекса» на презентации.

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

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

Для увеличения CTR контекстной рекламы специалисты «Яндекса» придумали ещё одну инновацию — это так называемая «изнанка» веб-страницы, слово разработчикам.

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

Умная строка уже известна пользователям Яндекс.Браузера. В неё можно вводить адреса сайтов и поисковые запросы, причём ответ она умеет давать прямо в поисковых подсказках — например, называет температуру воздуха в Москве или высоту Эвереста. Новый Яндекс.Браузер способен быстро отвечать и на более сложные вопросы. Например, можно узнать, что такое фотосинтез или кто такой Кип Торн, не переходя на страницу с результатами поиска.

На видео показано, как можно настроить браузер под себя, в том числе выбрать фон.

Браузер доступен для скачивания в версиях для Windows и OS X.

См. также расширенную презентацию в официальном блоге

xakep.ru

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

• 
  Понятие браузера
• 
  Debian браузер
• 
  Тестирование браузеров
• 
  Moon браузер
• 
  Браузер бар
• 
  Бар браузер
• 
  Браузер activex
• 
  Эмулятор браузеров
• 
  Танки браузер
• 
  Браузеры 2016
• 
  Браузер вирус