Регулярно увеличивающееся количество различных устройств, обеспечивающих доступ во Всемирную паутину, радует практически каждого.
Компьютерщик , но часто расстраивает разработчиков и дизайнеров сайтов.
Подавляющее большинство сайтов не имеет абсолютно никакой поддержки чего-либо, кроме браузеров обычного компьютера, а пресловутая кроссбраузерность не всегда реализована в полной мере.
Хотя разработчики устройств стремятся минимизировать различия в требуемом представлении, это не всегда возможно по техническим причинам.
Должны ли вы поддерживать разные методы доступа к вашему сайту? Определенно да.
Так что же я по сути предлагаю? Предлагаю реализовать разные виды сайта для разных устройств.
Какие устройства они сейчас используют?
Попробуем определить, какие устройства люди сегодня используют для доступа в сеть, и попробуем разобраться, чем отличаются сайты, оптимизированные под эти устройства.
ПК, ноутбуки и нетбуки
Наибольшая часть пользователей использует именно эти классы устройств для доступа в сеть.Именно на них в первую очередь ориентируются дизайнеры и разработчики интерфейсов в интернет-проектах.
Об обеспечении кроссбраузерной совместимости веб-сайтов, о различных видах дизайна и даже об экранной типографике написано немало литературы и статей.
Но почти вся эта литература опирается только на отображение информации на экране ПК.
Я вижу две основные проблемы при разработке сайта для ПК:
- поддержка вывода на печатающее устройство;
- поддержка различных разрешений экрана (гибкая компоновка).
Сайты, борющиеся за внимание пользователей, не делают тривиальных вещей, чтобы помочь своим пользователям.
Создавая тысячи статей, авторы сайта даже не подозревают, что эти статьи кто-то прочитает и распечатает. Для чего они тогда? Многие люди, найдя статьи на интересующие их темы, сразу распечатывают их и изучают позже.
Часто информацию вообще ищут для другого человека, например, по заданию менеджера, или набор рецептов для бабушки.
Заставляя пользователя самостоятельно обрабатывать статью, удаляя из нее множество баннеров, форм регистрации, комментариев и т. д., вы теряете клиента.
Отдельная «страница для печати» улучшает ситуацию, но не спасает. Больше всего от этой проблемы страдают сайты компаний, предоставляющих прайс-листы и каталоги в виде сайта, а также проекты новостных и информационных порталов.
Лучший способ решить эту проблему — использовать специальные возможности CSS. Добавив всего одну таблицу стилей для печатающих устройств, проблема решается раз и навсегда.
В чем же тогда проблемы с «резиновой» компоновкой? Проблем достаточно.
Сегодня ширина экранов, используемых на ПК, колеблется от 800 пикселей до 1980 пикселей (почти в два с половиной раза).
Попытки растянуть текст на всю ширину обычно приводят к катастрофическим результатам; текст очень сложно читать на широких экранах.
Попытки уменьшить ширину основного текста обычно создают очень большие пустоты по бокам сайта, и самое дефицитное экранное пространство просто теряется.
У нас классическая ситуация: свободного места много, но информации мало помещается.
Ситуация другая.
При попытке заполнить пространство экрана в сайдбаре размещаются различные блоки (объявления, реклама, меню и т.п.
).
Этот вариант приемлем, когда мы уверены, что у всех посетителей широкий экран.
Но такой уверенности нет. И такой подход часто приводит к очень узкой колонке с основным контентом сайта.
Отдельно стоит рассмотреть экраны нетбуков.
Они имеют ширину 800 пикселей и 1024 пикселей.
И подавляющее большинство современных сайтов не могут в них вписаться без горизонтальной прокрутки, и это огромная ошибка.
Пользователей нетбуков становится все больше и больше.
Телефоны, КПК и коммуникаторы
К особенностям этого класса устройств можно отнести относительно небольшой размер экрана, и в то же время очень широкий шаг разрешения.А также очень ограниченные возможности навигации по странице.
Также этот класс устройств обычно имеет низкую скорость соединения.
Нет смысла загружать на эти устройства ненужную информацию.
Лучше отключить всю рекламу, ненужные изображения и т.п.
Показывайте только необходимую информацию в удобном виде, разрешите удобную навигацию и, в частности, поиск по сайту, и не забудьте предоставить возможность отправить ссылку на это.
материал в виде электронного сообщения.
почту одним кликом, это позволит ему вернуться позже с более традиционного устройства.
Интернет-планшеты
Набирающие обороты устройства, одной из основных задач которых является просмотр веб-страниц.Однако не все так просто.
Разрешение современных планшетов находится в пределах нетбуков и значительно ниже разрешения современных мониторов.
Да и способы связи этих устройств существенно отличаются от привычных на ПК.
При работе с такими устройствами целесообразно не использовать многоколоночную раскладку, а обеспечить удобный интерфейс перехода на основе относительно крупных кнопок для упрощения использования сенсорного экрана.
Телевизоры и HD-плееры
Телевизоры, предоставляющие возможность выхода в Интернет, постепенно начинают привлекать внимание общественности.С таких устройств удобно знакомиться с новостями, смотреть видео, знакомиться с фильмами и музыкой в Интернете.
В связи с этим желательно внедрить поддержку данного класса устройств для новостных сайтов, а также различного типа развлекательных порталов.
Но стоит отметить весьма специализированный метод взаимодействия с пользователем.
Следует быть очень внимательным при проектировании интерфейса взаимодействия с помощью пульта дистанционного управления.
Эл.
книги Производители электронных книг постоянно сообщают о росте продаж.
Все больше пользователей могут похвастаться наличием таких устройств дома.
А некоторые даже начали использовать их для доступа к информации в Интернете.
Википедия, поисковые системы и некоторые сайты уже адаптировались под устройства E-Ink, и я рекомендую реализовать поддержку этих устройств на всех новостных порталах, корпоративных сайтах, блогах и информационных сайтах.
Читать новости, юмористические заметки, а также различного рода статьи очень удобно с помощью таких устройств, если позаботиться о достойной навигации.
Хорошим решением вижу возможность создания закладок внутри сайта для чтения материалов в книге.
То, что должно быть сделано?
И не так уж много нужно сделать.Вам необходимо определить, какие устройства могут использовать ваши посетители, спроектировать и создать презентацию вашего сайта для этих устройств, идентифицировать устройство, проверив заголовки браузера, и отправить наиболее подходящую презентацию.
Такой подход позволит вам выделиться среди конкурентов, повысить лояльность ваших клиентов, что в конечном итоге увеличит вашу прибыль.
Послесловие
На регулярное возражение «А ко мне никто не заходит с телефонов, телевизоров и электронных книг.
Почему бы не поддержать их? Отвечу вопросом «Что именно вы сделали, чтобы люди приходили к вам с этих устройствЭ»
О планах на будущее
В ближайшее время я предоставлю статью с полным описанием метода разработки удобных представлений для различных устройств и подключения этого метода к некоторым наиболее популярным CMS и серию статей об удобстве использования интерфейсов веб-сайтов для каждого класса устройства, кроме ПК.Об удобстве использования веб-сайтов для ПК уже написано немало.
Теги: #веб-дизайн #разработка сайтов
-
Кения
19 Oct, 24 -
Асинхронная Репликация С Oracle Streams
19 Oct, 24 -
Полетим?
19 Oct, 24 -
Народный Смс-Биллинг
19 Oct, 24 -
Идея: Обмен Опытом На Jabber-Конференции
19 Oct, 24 -
Представляю Идею Сервиса Подбора Авиабилетов
19 Oct, 24
