Взгляд на создание сайтов для пользователей планшетов
Планшетный планшет, на котором когда-то доминировал iPad от Apple, теперь каждый день набирает обороты. Google Nexus 7, Amazon Kindle, Microsoft Surface и множество других планшетных устройств, которые вышли на рынок, подталкивают маркетологов не только к веб-сайту ПК, но и к разработке стратегии автономных планшетов - или, как минимум,, удобный для планшета сайт.
Являются ли планшеты заменой смартфонов? Краткий ответ: нет. Фактически, недавний отчет comScore ясно показывает, что каждый четвертый владелец смартфона также использовал планшет. Кроме того, существуют некоторые явные различия в том, как люди используют эти два устройства. Хотя некоторые из ваших мобильных веб-стратегий могут работать для пользователей планшетов, у ваших планшетных ридеров есть особые потребности, которые требуют особого внимания.
Сборка для планшета
По данным исследования, проведенного Ассоциацией онлайн-издателей, доступ к контенту и информации, по-видимому, является самой популярной деятельностью владельцев планшетов во всем мире. Потребление контента включено просмотр видео с последующим чтением новостей. Итак, что вы, как маркетолог или издатель контента, должны делать, чтобы добиться ваших читателей планшета?
Считыватели планшетов привыкли использовать множество приложений, которые построены с богатой графикой и очень детализированными визуальными эффектами. Следовательно, читатели планшетов ожидают такого же легкого, как приложения, опыта чтения, который они привыкли видеть в своих настольных браузерах.
Свиток устарел; Проведите в
Единственный способ привлечь ваших постоянно растущих посетителей планшетов - подумать не только о нормах веб-сайтов на ПК, то есть о форматах и макетах вертикальной прокрутки, и начать создавать более личный интерактивный веб-сайт. Считыватели планшетов привыкли к жестам, например смахиванию и стряхиванию, и предпочитают их более старому способу навигации по сайтам «прокрутка и щелчок»..
Воспользуйтесь преимуществами HTML5 и CSS3 для отображения контента в хорошо структурированном макете с нумерацией страниц, который имитирует печатный журнал и дает читателям возможность перелистывать страницы своих любимых журналов..
Сенсорные сайты
Каждый планшет на рынке сегодня работает с сенсорным интерфейсом, который пересмотрел саму идею о том, как мы взаимодействуем с персональными компьютерами. Для оптимального чтения на планшетах это так же просто, как установить минимальный размер текста в 14 пикселей. Но как насчет пользовательских интерфейсов, особенно когда речь идет о человеческом входе?
Это в пальцах
В то время как веб-сайты ПК загружаются на экран, который расположен на определенном расстоянии от глаза, доступного для мыши с помощью курсора, планшеты предназначены для того, чтобы держать их в руках и принимать данные от пальцев пользователя..
Увеличьте заполнение текста так что вокруг гиперссылочного текста довольно много области, по которой можно щелкнуть даже большими пальцами. Также увеличить межстрочный интервал между предложениями так что нет столкновения между тексты с гиперссылками, поля формы или выпадающие меню. Удалить парящие события но сохраняйте поведение и элементы управления интуитивно понятными или, по крайней мере, достаточно предсказуемыми, чтобы пользователям не нужно было заново изучать, как перемещаться по сайту..
При создании веб-сайта, удобного для планшета, мы рекомендуем соблюдать рекомендации Apple по интерфейсу iOS для человека..
Избегайте ярких элементов
Поскольку iPad по-прежнему является лидером на рынке планшетов, все еще безопасно не собираться для Flash. Однако вы можете создать для своих читателей опыт, подобный betterapp, в браузерах своих планшетов с использованием HTML5. Используйте меньше анимаций на основе JavaScript, чтобы обеспечить быстрый и доступный веб-сайт планшета для всех планшетных устройств..
Ориентация имеет значение
Посетитель планшета может просматривать ваш сайт в альбомной или портретной ориентации; поэтому убедитесь, что содержимое веб-сайта вашего планшета автоматически перестраивается под обе эти ориентации. См. 30 Отзывчивые портфолио для вашего вдохновения для понимания того, как ваш контент должен перестраиваться в соответствии с различными размерами экрана и ориентацией.
И для дальнейшего чтения взгляните на:
- Мобильный веб-дизайн: 10 советов по улучшению удобства использования
- 30 полезных адаптивных уроков по веб-дизайну
- 50 полезных адаптивных инструментов веб-дизайна для дизайнеров
Наконец, всегда используйте изображения, которые имеют очень высокое разрешение, или убедитесь, что ваши изображения изменяют размеры для различных ориентаций, чтобы пользователи получали полную картину. Соотношение сторон 16: 9 хорошо работает с большинством планшетов.
Заворачивать
При создании веб-сайта, удобного для планшетов, не ограничивайтесь веб-сайтами для ПК и сделайте шаг вперед в личном общении. Переосмыслите и перестройте свои сайты для мира, где планшеты первыми.
Примечание редактора: Этот пост написан Лакшми Харикумар для Hongkiat.com.
