Подивіться на створення веб-сайтів для користувачів планшетів
Планшетна арена, яка колись виключно панувала iPad від Apple, тепер щодня процвітає з новим учасником. Google Nexus 7, Amazon Kindle, Microsoft Surface і безліч інших планшетних пристроїв, які вийшли на ринок, підштовхують маркетологів замислитися над веб-сайтом ПК і розробити окрему стратегію планшета - або, як мінімум,, дружній до планшетів веб-сайт.
Чи є заміна планшетів для смартфонів? Коротка відповідь - ні. Насправді, нещодавній звіт ComScore чітко показує, що кожен четвертий власник смартфонів також використовував планшет. Більше того, існують деякі чіткі відмінності в тому, як люди використовують ці два пристрої. Деякі стратегії веб-перегляду для мобільних пристроїв можуть працювати для користувачів планшетів, але читачі планшетного ПК мають особливі потреби, які потребують особливого розгляду.
Будівля для планшета
Доступ до вмісту та інформації, здається, є найбільшою діяльністю власників планшетів у всьому світі, говорить дослідження Асоціації Інтернет-видавців. Включено споживання вмісту перегляд відео з наступним читанням новин. Отже, що ви, як маркетолог вмісту або видавець, маєте робити, щоб заохотити читачів планшета?
Планшетні читачі звикли до взаємодії з безліччю додатків, які побудовані з насиченою графікою і дуже деталізованими візуальними зображеннями. Таким чином, читачі планшетів очікують того самого нахилу, наближеного до читання, як вони звикли бачити на своїх веб-переглядачах на робочому столі..
Прокрутка - це прохід; вдав
Єдиний спосіб залучити своїх постійно зростаючих відвідувачів планшетів - мислення за межами норм веб-сайту для ПК, тобто форматів вертикальної прокрутки та макетів, а також для створення більш персонального, інтерактивного веб-сайту. Читачі планшетів звикли жестикувати, як промахування та перемикання, і віддавати перевагу цим способам навігації по сайтах, що використовуються для прокручування та натискання..
Скористайтеся перевагами HTML5 і CSS3, щоб відображати вміст у пейджированном, добре відформатованому макеті, який емулює друкований журнал і надає читачам досвід перегортання сторінок улюблених журналів.
Зручні сайти
Кожен планшет на ринку сьогодні працює з сенсорним інтерфейсом, який перевизначив ідею взаємодії з персональними комп'ютерами. Для отримання оптимального досвіду читання на планшетах, це так само просто, як розміщення мінімального розміру тексту на 14 пікселів. А як щодо користувальницьких інтерфейсів, особливо коли йдеться про людські вклади?
Це в Пальцях
Поки комп'ютер розміщується на екрані, який розміщений на певній відстані від очей, доступного за допомогою миші за допомогою курсору, планшети призначені для того, щоб тримати їх у руках і приймати вхідні дані з пальців користувача.
Збільшення розміщення тексту так що є зовсім небагато ділянки навколо гіперпосилання, які можна натиснути навіть великими пальцями. Також збільшення міжрядкового інтервалу між реченнями так що між ними немає зіткнення тексти гіперпосилань, поля форм або випадаючі меню. Видалити події наведення але зберегти поведінку та керувати інтуїтивно, або, принаймні, передбачуваним, щоб користувачі не повинні повторно навчитися навігації по сайту.
Рекомендуємо дотримуватися інструкцій Apple IOS Human Interface Guidelines при створенні веб-сайту, зручного для планшетів.
Уникайте кричущих елементів
З iPad все ще лідером пакета на ринку планшетів, він все ще безпечно не будувати для Flash. Проте для своїх читачів у браузерах планшетних ПК, що використовують HTML5, можна створити кращий для нього досвід. Використовуйте меншу кількість анімацій на основі JavaScript, щоб швидко підтримувати веб-сайт планшета на всіх планшетних пристроях.
Питання орієнтації
Відвідувач планшета може переглядати ваш веб-сайт в альбомній або портретній орієнтації; тому переконайтеся, що вміст веб-сайту планшета автоматично переставляється, щоб відповідати обом цим орієнтаціям. Див. 30 адаптивних портфелів для натхнення, щоб отримати уявлення про те, як потрібно змінювати вміст вашого вмісту відповідно до різних розмірів та орієнтацій екрана.
А для подальшого читання перегляньте:
- Мобільний веб-дизайн: 10 порад для кращого використання
- 30 Корисні відгуки Підручники з веб-дизайну
- 50 корисних адаптивних інструментів веб-дизайну для дизайнерів
Нарешті, завжди використовуйте зображення з дуже високою роздільною здатністю або переконайтеся, що ваші зображення змінюються для різних орієнтацій, щоб користувачі отримали повну картину. Співвідношення сторін 16: 9 добре працює з більшістю планшетів.
Завершення
При створенні дружнього до планшета веб-сайту, подумайте, крім веб-сайтів ПК, і зробіть подальший розвиток особистої взаємодії. Переосмислення та відновлення веб-сайтів для світу, де першими є планшети.
Примітка редактора: Цей пост написано Лакшмі Харікумар для Hongkiat.com.