Эпичное сравнение интерфейсов браузеров. Интерфейс браузера

Интерфейс Браузера – Environment Brooklyn (NY)

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

Работа с учебным сайтом brooklynenvironmental.com1. Получить задание с учебного сайта.Google Chrome -> www.google.com -> www.brooklynenvironmental.com-> правое вертикальное меню КОМПЬЮТЕРНЫЕ КЛАССЫ.

2. Перенести контент учебной страницы в свой электронный конспект lessons.Выделить текст -> В пределах выделенного текста кликнуть ПРАВОЙ кнопкой мышки (откроется выпадающее меню) -> Copy -> Развернуть свой электронный конспект (lessons) в WordPad -> Установить курсор в начало последней строки (пустой) конспекта lessons -> Кликнуть ПРАВОЙ кнопкой мышки (откроется выпадающее меню) -> Paste -> Задание занесется в конспект -> Сохранить конспект.3. Читать задание -> ПОНИМАТЬ -> Выполнять.

Интерфейс браузера Internet Explorer.

Internet Explorer был разработан для просмотра разных типов веб-страниц и поддержки ряда функций операционной системы, включая обновления Windows. Internet Explorer, основанный на браузерном движке Trident, поддерживает ряд установленных и развивающихся стандартов, таких, как HTML5, CSS3, SVG (Scalable Vector Graphics) и др.

1. Адресная строкаАдресная строка расположена под заголовком окна браузера. Слева от нее находятся стрелки навигации «назад и вперед», для перемещения по открытым веб-страницам. Одной из особенностей адресной строки в Internet Explorer, является подсветка основного домена в адресе какого-либо сайта. Благодаря этому, можно сразу увидеть на каком сайте вы находитесь, что должно служить повышению безопасности при работе в интернете.Если мы начнем набирать имя сайта, то адресная строка начнет предлагать нам загрузку уже ранее открытых сайтов, с совпадением по имени. Если мы наберем в адресной строке просто какое-либо слово или фразу – то браузер перекинет его в поисковую системы для поиска.Справа в конце адресной строки находятся кнопки «Перезагрузить» и «Остановить», если страница уже загружена. И кнопка «Переход к…», если вы набираете адрес какого-либо сайта.

2. Поле поисковиков.В данном поле вы можете писать какую-либо информацию для поиска ее через поисковую систему. Здесь же выбрав пункт «Управление поставщиками поиска» можно добавить другие поисковые системы для поиска информации.

3. ПанелиВ браузере Internet Explorer 8 и 9 можно выводить отображение разнообразный панелей. Обычно, они призваны вносить какой-либо новый функционал в браузер или получать быстрый доступ к сторонним программам (например, у нас на скриншоте отображена панель программы WebResearch).Ремарка: включение и отключение панелей (тулбаров) происходит в меню Сервис. Находим там пункт Панели и ставим или снимаем галочки напротив нужных нам панелей. Или просто щелкаем правой кнопкой по области панелей и выбираем там.

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

5. Командная строкаВ данном блоке расположены элементы управления браузером. Здесь имеется несколько кнопок и три раскрывающихся меню. Пройдемся по строке слева-направо:Домой – кнопка для перехода на домашнюю страницу.Просмотр каналов на этой странице – можно открыть новости текущего сайта, выводимые в RSS-ленте.Читать почту – переход к почтовой программе.Печать – установка параметров печати и непосредственно печать страниц.Меню Страница – в данном меню находятся операции над страницей. Здесь вы можете выбрать операции, доступные через веб-ускорители Internet Explorer, копировать и вставлять выделенный текст и элементы графики, выбирать масштаб, шрифт и кодировку страницы. Также можно просмотреть исходный код текущей интернет-страницы.Меню Безопасность – в данном меню вы можете выбирать параметры безопасности браузера Internet Explorer. Отсюда можно перейти к удалению в браузере пользовательских данных, переходу в приватный режим InPrivat, настройке фильтрации InPrivat, включению и настройке функции SmartScreen.Меню Сервис содержит в себе некоторые настройки браузера, задействование или отключение элементов. Можно открыть предыдущий сеанс просмотра страниц, настроить блокировку всплывающих окон, перейти в работу в полноэкранном режиме. Включить или отключить какие-либо панели (тулбары) и элементы управления. Также можно открыть инструментальные средства веб-разработчика. Помимо этого, в данном меню вы можете перейти к управлению всеми надстройками, нажав на пункт «Надстройки». Откроется окно, в котором можно управлять панелями инструментов и расширениями, управлять службами поиска, ускорителями и настраивать фильтрацию режима InPrivat.

6. Панель вкладокНа данной панели размещаются открытые вами вкладки с интернет-страницами. Для открытия новой пустой вкладки достаточно:– щелкнуть по иконе с пустым листом: Internet ExplorerВкладки в Internet Explorer– или нажать CTRL+T на клавиатуре.В открывшейся новой пустой вкладке, можно ввести адрес интернет-сайта в адресное поле или сделать поисковый запрос в поле поиска. Помимо этого, после открытия пустой вкладки на основной части экрана, Internet Explorer предлагает пользователю следующие действия:– можно повторно открыть вкладку, из предыдущего сеанса работы;– можно перейти в приватный режим работы в браузере Internet Explorer;– можно выполнить некоторые операции над текстом, находящемся в буфере обмена. Его можно направить в поисковую систему для поиска, опубликовать в блоге, перевести на другой язык. Данные функции зависят от установленных ускорителей.Интересной особенностью браузера Internet Explorer 9 и 8 версии является окрашивание вкладок. Так, все ссылки, открываемые с текущей страницы будут окрашены в один цвет с ней. Если вы откроете другой сайт, то цвет его (и ссылок, открываемых с него) будет отличен от цвета первого сайта (и открытых сайтов с его ссылок). Это очень полезная фишка, которая позволяет своего рода группировать вкладки, лучше в их ориентироваться:

7. Поле с содержимым интернет-страницы (рабочая область).Здесь отображаются интернет-страницы. Если вы откроете новую вкладку, то в данной области будут отображаться некоторые функции (смотрите предыдущий пункт).Метки: Описание

Интерфейс браузера Google Chrome.

По умолчанию, интерфейс Google Chrome включает кнопки: назад, вперед, обновить/остановить загрузку, добавить текущую страницу в закладки. Кнопка перехода на главную страницу может быть включена.Панель вкладок является основным компонентом интерфейса и находится в верхней части окна, а не под строкой адреса. Это изменение выглядит достаточно контрастно по сравнению со многими другими браузерами. Вкладка легким перетаскиванием на свободное место может быть перенесена в отдельное окно (возможен также и обратный вариант). Каждая вкладка имеет свой собственный набор элементов, в том числе Omnibox.Адресная строка (Омнибокс)  находится наверху каждой вкладки, она совмещает в себе адресную строку и строку поиска. Омнибокс перенаправляет запрос в поисковую систему в том случае, если адрес не соответствует правилам написания URL — к примеру, не содержит точек, косых черт, содержит пробелы в начале адреса и т. д. При вводе поискового запроса Google, используя функцию поиска в Интернете «Мне повезет», предлагает первый по списку URL-адрес (например, при вводе в адресную строку слова «яндекс» браузер автоматически предложит вариант «www.yandex.ru»). Также, автодополнение предлагается поиском по закладкам и истории, ранее посещенных страниц. В браузере возможен вызов различных поисковых машин, прямо из адресной строки. Для этого, надо ввести сокращение для данной поисковой машины (например, букву ‘g’ для google), затем нажать клавишу «Пробел» и ввести поисковый запрос. Сокращения для поисковых машин можно задавать самостоятельно. При посещении сайтов, браузер автоматически копирует оттуда строку поисковых запросов и в следующий раз, при вводе этого сайта, автоматически будет предложен поиск с использование его поисковой системы.Одной из отличительных черт Google Chrome является страница быстрого доступа, которая может заменять домашнюю страницу и открывается при создании новой вкладки. На странице быстрого доступа содержится 8 наиболее посещаемых веб-сайтов (отображаются в виде маленьких снимков веб-страниц), недавно закрытые вкладки, советы по использованию Chrome и синхронизация закладок. По желанию, пользователь может изменить внешний вид страницы, добавив или удалив одну из опций.Google Chrome имеет менеджер закладок, доступный из меню. Справа от омнибокса, имеется кнопка (на ней изображена звёздочка), при нажатии на которую, текущая страница добавляется в закладки. Эта функция была не доступна в версии Google Chrome 4.0.206.0 на платформах Linux и Mac]. В 6 версии эта кнопка была убрана вместе с опцией в параметрах, а звёздочка переместилась в правую часть Omnibox, как у браузера Mozilla Firefox. В настоящее время эта функция доступна на всех платформах.Окно Параметры Google Chrome содержит три вкладки: Основные, Личные материалы и Расширенные.Вкладка Основные содержит настройки: домашней страницы, поисковых систем и браузера по умолчанию.Вкладка Личные материалы содержит настройки: синхронизации закладок, сохранение паролей, автозаполнение форм, возможность импорта данных о работе из другого браузера и настройку тем.Вкладка Расширенные содержит настройки: конфиденциальности, сети, переводчика, загрузок и безопасности.Google Chrome позволяет пользователю создавать локальные ярлыки на приложения (а именно — их страницы). При запуске такого ярлыка, страница, на которую он ведет, открывается в Google Chrome, но без элементов интерфейса (за исключением заголовка окна).При загрузке файла с веб-сайта, в нижней части вкладки, появляется панель загрузок, на которой отображается ход загрузки. Список всех загруженных файлов находится на странице загрузок.

brooklynenvironmental.com

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

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

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

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

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

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

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

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

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

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

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

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

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

Первая идея

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изнанка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор: atonedash

Источник

www.pvsm.ru

Эпичное сравнение интерфейсов браузеров ‹ Mozzy

Война браузеров продолжается. Страсти накаляются. Год назад масла в огонь подлил Google, выпустив Chrome — потрясающе быстрый и удобный браузер с приятным интерфейсом, вобравший в себя все удачные решения остальных браузеров. Не побоюсь признаться, сам перешёл на рабочей машине с любимого Firefox (которым пользовался много лет, начиная ещё с Mozilla) на Chrome, спустя полгода после его выхода. Перешёл бы раньше, но очень не хватало плагина Xmarkrs для синхронизации закладок…

После выхода Chrome разработчики других браузеров немного забеспокоились, ведь Хром значительно опережал по быстродействию их детища. И активно занялись ускорением своих движков, что привело к тому, что сейчас последние версии Safari, Firefoх и свежая альфа Opera 10.5 приближаются по скорости к Chrome, и на этом фронте силы постепенно уравниваются. Ребята из Microsoft не беспокоятся, их «детище» до сих пор самое медленное в мире, и в последней, восьмой версии браузера мало что изменилось…

И вот начинается «битва» на другом фронте… Интерфейс. Я сделал кучу скриншотов различных браузеров в двух операционных системах с комментариями:

Браузеры под Mac OS

Компактный и минималистичный интерфейс

Ужасные, ужасные круглые кнопки, нерациональное использование пространства, кнопка закрытия вкладки непривычно и по-виндовому справа…

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

Интерфейс явно перегружен и тёмный фон у вкладок здесь лишний. Семь (!) плохо отрисованных навигационных кнопок в ряд

Свежая альфа. Уже лучше, избавились от синего фона и лишней линии. Но опять эти кнопки…

Очень, очень неплохо. Достаточно минималистично и красиво. Но за что таскать окно? За тоненькую полосочку сверху вкладок? За активную вкладку?Не зря Apple перед релизом четвёртой версии Safari выпустила превью-версию с вкладками сверху. Было компактно, но неудобно. Особенно я мучался с планшетом, пытаясь переключить вкладку, вместо этого двигалось окно. В итоге, в финальном выпуске отказались и сделали снизу. Слава богу

Не маке мой выбор — Safari. Удобный, быстрый и нативный браузер. Наброски Firefox 4 выглядят неплохо, посмотрим что будет в финальной версии.

P.S. Мне кажется, Apple задала новое направление в дизайне приложений, выпустив iTunes 9. Я бы делал сделал новый браузер айтюнсоподобным.

Браузеры под Windows

Во времена Windows XP этот стиль смотрелся ещё более-менее. Но с выходом Vista и 7 он тут же устарел… Мне, к слову, он никогда не нравился, всегда ставил другую тему (чаще Modern).

Металлический блеск кнопок, полупрозрачность, оранжевая кнопка приложения… Да это будет лучший дизайн! Но дата выхода «четвёрки» запланирована на начало 2011 года…

Компактный и минималистичный интерфейс

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

Под Windows я выбрал Google Chrome, но возлагаю большие надежды на Firefox 4, если он будет хотя бы настолько же быстр как Хром и концепт интерфейса не успеют испортить, то я с превеликим удовольствием вернусь обратно на Файрфокс.

Интересно, что и Chrome и Safari присутствуют под обе операционные системы, но удобно пользоваться ими только под те системы, под которые они изначально были разработаны. Safari (как и iTunes) воспринимается под Windows как нечто инородное. В случае Chrome это прослеживается немного меньше…

P.S. Очевидно, что интерфейс в большинстве браузеров можно настроить, но 90% пользователей после установки ничего не настраивают и я в их числе.

P.P.S. «Скриншоты» набросков Firefox 4 взяты из блога дизайнера, их нарисовавшего.

mozzy.ru

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

• 
  Браузер гризли
• 
  Slim браузер
• 
  Браузеры необычные
• 
  Агент браузер
• 
  Биткоин браузер
• 
  Темный браузер
• 
  Браузер казахстанский
• 
  Безопасность браузеров
• 
  Челку браузер
• 
  Браузер принтер
• 
  Тегос браузер