Яндекс не мобильная. Мобильная версия яндекса стала персональной

Честно говоря, Яндекс всегда имел мобильную версию, которая, правда, состояла только из поиска, который повторял «аскетичный поиск» по адресу http://ya.ru . Новая персональная страница русского поисковика — это персонализированная стартовая страница для всех тех, кто не представляет интернет без Яндекса, и даже в дороге не расстается с ним. Вот только для пользования мобильным Яндексом обзаводитесь мобильником с шириной экрана не менее 240 точек, а лучше современным смартфоном с адекватным браузером.

Вот официальное сообщение из блога Яндекса о выпуске новой «маленькой морды»:

С радостью сообщаем о выходе новой версии главной мобильной страницы Яндекса — http://m.yandex.ru . Основное отличие «маленькой морды» от предыдущего варианта — предоставление персональной информации. Если вы активно пользуетесь такими сервисами Яндекса как Почта, Лента, Календарь, Деньги, то, залогинившись на http://m.yandex.ru , вы сразу узнаете о количестве непрочитанных писем и новых сообщений в Ленте, об остатке Денег и запланированных делах. Прогноз погоды, курсы валют, пробки (пока только для москвичей) — всё это тоже есть в новой версии мобильного Яндекса.

Приятной новостью для пользователей мобильного интернета (иногда все еще не дешёвого) станет то, что выйти за пределы мобильной страницы очень непросто — все, что вас может интересовать и правда может быть найдено силами самого Яндекса. Только веб-поиск может перекинуть вас на «тяжёлые» страницы.

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

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

В заключение хочется сказать, что сервис хоть и не представляет ничего принципиально нового и революционного, но настолько органично «вписался» в формат мобильного сервиса, настолько природно работал на моем Symbian телефоне на встроенном браузере, что сделать более юзабельно, кажется, просто невозможно. Браво! Лидер снова доказал, что он таковым пока и является.

Шрифт текста

Шрифт на баннере не должен превышать высоту и ширину заглавной буквы «Ф» шрифта «Arial Bold» 36 pt для одной строки (т. е. высоту и ширину квадрата со сторонами 26 px); шрифт не более 25 pt (квадрат со сторонами 20 px) - для двух строк; шрифт не более 20 pt (квадрат со сторонами 15 px) - для трех строк.

Минимальный размер шрифта - 11 pt (в логотипах, сообщении, иллюстрациях, дисклеймерах). Исключение - фото упаковок, фото товаров и снимки экранов.

Расположение текста

Расстояние от края баннера до текста должно быть не меньше 10 px.

Примечание.

Требование не относится к расположению возрастной метки.

Размер логотипа

Логотип или значок бренда, продукта, технологии должен занимать не больше 10% площади баннера.

Цвет фона

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

Желтый фон на баннере, так как этот цвет используется в стандартных элементах дизайна страниц Яндекса. Допустимый желтый цвет - #f0e5ad и светлее.

Рамка

Рамка может быть только по горизонтальным границам баннера.

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

Если есть белые элементы, которые пересекают край баннера, или цвет фона баннера белый, то необходимо добавить контрастную рамку 1 px по горизонтали (сверху и снизу). Наиболее подходящий цвет рамки - #dadada.

Длительность анимации

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

Допустимая частота смены элементов на баннере - не чаще одного раза в две секунды .

Читаемость обязательной информации

Пример хорошего баннера в увеличенном виде:

Элементы интерфейса на баннере

Баннер не должен маскироваться под элементы пользовательского интерфейса - например, под системное окно Windows.

Не следует использовать желтый в элементах интерфейса, так как этот цвет используется в стандартных элементах дизайна страниц Яндекса. Допустимый желтый цвет - #f0e5ad и светлее.

Возрастная метка

Если на баннере необходима возрастная метка, то:

Возрастную метку нужно ставить в верхнем правом углу баннера.

Шрифт метки - «Arial regular» 12 pt.

Цвет метки - #dadada.

Примечание.

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

Кнопка/бейдж магазина приложений

Максимальные размеры кнопки/бейджа: высота - 50px, ширина - 150 px.

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

Читаемость шрифта

90% отказов при прохождении модерации случаются из-за плохой читаемости шрифта.

Не используйте эффекты и украшательства

Украшательство шрифтов и плашек (тень, обводка, объем) может усложнить восприятие сообщения.

Уменьшите количество шрифтов

Используйте не больше двух шрифтов и начертаний.

Используйте не больше трех цветов в шрифтах.

Эти два требования не относятся к:

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

Не используйте изображения/фото низкого качества

Выберите главное

Разделение на кадры

Обязательная информация размещается отдельно на разных кадрах:

сроки акции - на первых кадрах;
остальная информация (обязательная для клиента) - размещается под плашкой «юридическая информация» и доступна по наведению курсора.

Внимание.

При показе кадр с обязательной информацией должен отображаться не менее трех секунд .

Фиксация на несколько секунд и управление паузой

Кадр с обязательной информацией (указаны названия банков в ОПФ) отображается не менее трех секунд . У пользователя должна быть возможность нажать на паузу и ознакомиться с остальной информацией. Если пользователь не нажал на паузу, анимация в баннере продолжается.

Шрифт текста

Расположение текста

Расстояние от края баннера до текста должно быть не меньше 10 px.

Примечание.

Требование не относится к расположению возрастной метки.

Размер логотипа

Логотип или значок бренда, продукта, технологии должен занимать не больше 10% площади баннера.

Цвет фона

Обязательная рамка

По всему контуру баннера должна быть рамка, контрастная фону баннера в любом месте соприкосновения. Толщина рамки - 1px. Наиболее подходящий цвет - #dadada.

Длительность анимации

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

Допустимая частота смены элементов на баннере - не чаще одного раза в две секунды .

Анимация в баннере может быть реализована только циклично. Длительность одного цикла анимации - не больше 18 секунд , перерыв между циклами - не меньше 60 секунд . В HTML5-баннере может быть добавлена управляющая кнопка Посмотреть еще раз , нажатие на которую приводит к повторному запуску сценария. Сам HTML5-баннер может быть интерактивным и может реагировать на движение курсора мыши и/или клик по баннеру, изменяя изображение на баннере в зависимости от произведенного действия.

Читаемость обязательной информации

Элементы интерфейса на баннере

Возрастная метка

Если на баннере необходима возрастная метка, то:

Возрастную метку нужно ставить в верхнем правом углу баннера.

Шрифт метки - «Arial regular» 12 pt.

Цвет метки - #dadada.

Примечание.

Кнопка/бейдж магазина приложений

Максимальные размеры кнопки/бейджа: высота - 40px, ширина - 140 px.

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

Читаемость шрифта

90% отказов при прохождении модерации случаются из-за плохой читаемости шрифта.

Не используйте эффекты и украшательства

Украшательство шрифтов и плашек (тень, обводка, объем) может усложнить восприятие сообщения.

Уменьшите количество шрифтов

Используйте не больше двух шрифтов и начертаний.

Используйте не больше трех цветов в шрифтах.

Эти два требования не относятся к:

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