Поглед към изграждането на уеб сайтове за потребители на таблети

Арена на таблетите, която някога е била единствено доминирана от iPad на Apple, сега процъфтява с нов участник всеки ден. Google Nexus 7, Amazon Kindle, Microsoft Surface и множество други таблетни устройства, които навлязоха на пазара, подтикват търговците да мислят отвъд уебсайта на PC и да разработят самостоятелна стратегия за таблети - или поне, уебсайт, подходящ за таблети.

Замествате ли таблетите за смартфони? Краткият отговор е не. Всъщност неотдавнашен доклад на ComScore ясно показва, че всеки четвърти собственик на смартфон също използва таблет. Освен това има някои ясни различия в начина, по който хората използват тези две устройства. Докато някои от вашите уеб стратегии за мобилни устройства могат да работят за потребителите на таблети, вашите таблети имат специални нужди, които изискват специално внимание.

Сграда за таблета

Достъпът до съдържание и информация изглежда е най-голямата активност на собствениците на таблети в целия свят, се казва в проучване на Асоциацията на онлайн издателите. Включено е потребление на съдържание гледане на видеоклипове, последвано от четене на новини. И така, какво трябва да правите, като маркетолог или издател на съдържание, за да ухажвате читателите на таблетите?

Таблетните четци са свикнали да се ангажират с безброй приложения, които са изградени с богата графика и много подробни визуализации. Следователно читателите на таблетите очакват същия опит за четене, подобен на приложението, както са свикнали да виждат на своите настолни браузъри..

Свитъкът е преминал; неточен удар е в

Единственият начин да се ангажирате с все по-нарастващите посетители на таблета е да помислите извън нормите на уебсайта на компютъра, т.е. вертикалните формати за превъртане и оформленията, и да започнете да създавате по-личен, интерактивен уебсайт. Читателите на таблетите са свикнали да жестове като плъзгане и прелистване и предпочитат тези на по-стария начин на придвижване по сайтове за превъртане и кликване.

Възползвайте се от HTML5 и CSS3 за показване на съдържание в странично, добре форматирано оформление, което емулира отпечатано списание и дава на читателите опит за прелистване на страниците на любимите си списания.

Допирни уеб сайтове

Всяка таблетка на пазара днес работи с интерфейс за докосване, който предефинира идеята за взаимодействие с персоналните компютри. За оптимално изживяване при четене на таблети, това е толкова просто, колкото поставянето на минималния размер на текста на 14 пиксела. Но какво да кажем за потребителските интерфейси, особено когато става въпрос за човешкия принос?

Това е в пръстите

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

Увеличаване на добавянето на текст така че има доста област около хипервръзката, която може да се кликне дори с големи пръсти. Също увеличете междуредовото разстояние между изреченията така че между тях няма сблъсък текстове в хипервръзки, полета за формуляри или падащи менюта. Премахване на събития с навъртане но запази поведението и контролира интуитивно, или поне достатъчно предсказуемо, за да не се налага потребителите да научават как да навигират в сайта си.

Препоръчваме ви да спазвате указанията на Apple за IOS за човешки интерфейс, когато изграждате уебсайт, който е удобен за таблети.

Избягвайте елегантните елементи

С IPAD все още лидер на опаковката на пазара на таблети, той все още е безопасно да не се изгради за Flash. Въпреки това можете да създадете подобен на опит опит за вашите читатели в браузърите на таблетите си, използвайки HTML5. Използвайте по-малко анимации, базирани на JavaScript, за да поддържате уебсайта на таблета си бърз и достъпен във всички таблетни устройства.

Въпросите на ориентацията

Посетителят на таблета ви може да вижда уебсайта ви в пейзажна или портретна ориентация; така че се уверете, че съдържанието на уебсайта на таблета се пренарежда автоматично, за да отговаря на тези две насоки. Вижте 30 адаптивни портфейли за вдъхновение за идеята как съдържанието ви трябва да се пренареди, за да отговаря на различни размери и ориентации на екрана.

А за по-нататъшно четене вижте:

• Мобилен уеб дизайн: 10 съвета за по-добра използваемост
• 30 Уроци за полезен отзивчив уеб дизайн
• 50 Полезни Отзивчиви инструменти за уеб дизайн за дизайнери

И накрая, винаги използвайте изображения, които са с много висока разделителна способност, или се уверете, че изображенията са с различна ориентация, така че потребителите да получат пълната картина. Съотношението 16: 9 работи добре с повечето таблети.

Завийте

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

Бележка на редактора: Тази публикация е написана от Лакшми Харикумар за Hongkiat.com.