Почетна » УИ / УКС » Поглед у изградњу Веб страница за кориснике таблета

    Поглед у изградњу Веб страница за кориснике таблета

    Арена арена, која је некада била под доминацијом Аппле-овог иПад-а, сада цвјета са новим учесником сваког дана. Гоогле Некус 7, Амазон Киндле, Мицрософт Сурфаце и мноштво других таблет уређаја који су ушли на тржиште гурају продавце да размишљају даље од ПЦ сајта и развијају самосталну стратегију таблета - или, у најмању руку,, Веб-сајт прилагођен таблетима.

    Да ли су таблете замјена за паметне телефоне? Кратак одговор је не. У ствари, недавно ЦомСцоре извештај јасно открива да је сваки четврти власник паметних телефона користио таблет. Штавише, постоје неке јасне разлике у начину на који људи користе ова два уређаја. Док неке од ваших стратегија мобилног веба могу да раде за кориснике таблет рачунара, читачи таблет рачунара имају посебне потребе које захтевају посебну пажњу.

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

    Чини се да је приступ садржајима и информацијама највећа активност власника таблета широм свијета, каже студија Онлине издавача. Садржај је укључен гледање видеа, након чега слиједи читање вијести. Дакле, шта бисте ви, као маркетер или издавач садржаја, требали учинити да удовољите својим читачима таблета?

    Читачи таблета су навикли на ангажовање са безброј апликација, које су изграђене са богатом графиком и веома детаљним визуалама. Према томе, читачи таблета очекују исти доживљај читања који се може примијенити на леђа и који су навикли да виде на својим претраживачима радне површине.

    Сцролл је пассе; свипе је укључен

    Једини начин да привучете своје стално растуће посетиоце таблета је да размислите изван норми за веб сајт рачунара, тј. О вертикалним форматима за померање и изгледу, и да почнете да градите личнији, интерактивнији веб сајт. Читаоци таблета су навикли да гестикулирају као што су покретање и прелиставање и преферирају их на старије начине кретања по сајтовима.

    Искористите предности ХТМЛ5 и ЦСС3 да бисте приказали садржај у нумерисаном, добро обликованом распореду који емулира штампани часопис и читаоцима пружа искуство окретања страница омиљених часописа.

    Веб-локације погодне за додир

    Сваки таблет на тржишту данас ради са додирним интерфејсом, који је редефинисао саму идеју о интеракцији са персоналним рачунарима. За оптимално искуство читања на таблетима, то је једноставно као постављање минималне величине текста на 14 пиксела. Али шта је са корисничким интерфејсом, посебно када је реч о људским инпутима?

    То је у прстима

    Док се рачунар учитава на екран који се налази на одређеној удаљености од ока доступног мишем преко курсора, таблете су дизајниране тако да се држе у руци и да прихвате унос са прстију корисника.

    Повећавање обима текста тако да постоји доста простора око текста повезаног хипервезом који се може кликнути чак и великим прстима. Такође повећајте размак између реченица тако да не постоји сукоб између текстови са хипервезама, поља обрасца или падајући менији. Уклоните ховер догађаје али држите понашања и контролишете интуитивно, или барем предвидљиво довољно да корисници не морају поново да науче како да се крећу по вашем сајту.

    Препоручујемо да се придржавате Апплеових иОС смерница за људски интерфејс приликом израде веб сајта који је прилагођен таблетима.

    Избегавајте флексибилне елементе

    Са иПад-ом који је и даље лидер пакета на тржишту таблет рачунара, још увек је безбедно да се не прави за Фласх. Међутим, можете да направите боље искуство за читаоце на њиховим таблет прегледачима користећи ХТМЛ5. Користите мање анимација заснованих на ЈаваСцрипт-у да бисте одржали веб-локацију таблета брзо и приступачно на свим таблет уређајима.

    Оријентациона питања

    Посетилац таблета може да види вашу веб локацију у пејзажној или портретној оријентацији; зато проверите да ли се садржај веб странице табличног рачунара аутоматски преуређује како би одговарао објема оријентацијама. Погледајте 30 одговарајућих портфолија за инспирацију за идеју о томе како ваш садржај треба да се преуреди како би одговарао различитим величинама екрана и оријентацијама.

    А за даље читање погледајте:

    • Мобилни веб дизајн: 10 савјета за бољу употребљивост
    • 30 Корисни одговарајући веб дизајн туторијали
    • 50 Корисни алати за веб дизајн за дизајнере

    На крају, увек користите слике које су веома високе резолуције, или се уверите да су ваше слике промењене за различите оријентације, тако да корисници добију пуну слику. Омјер слике 16: 9 добро функционира с већином таблета.

    Упаковати

    Приликом изградње веб странице која је прилагођена таблетима, размислите о томе да се не ради о веб страницама за ПЦ и да се особна интеракција учини корак даље. Поновно размислите и обновите своје веб странице за свијет у којем су таблете први.

    Напомена уредника: Овај пост је написао / ла Лаксхми Харикумар фор Хонгкиат.цом.