Mājas lapa » UI / UX » Tabletu lietotāju mājaslapu skatīšana

    Tabletu lietotāju mājaslapu skatīšana

    Tabletes arēna, kas reiz bija dominējusi tikai Apple iPad, katru dienu strauji attīstās ar jaunu dalībnieku. Google Nexus 7, Amazon iekurt, Microsoft Surface un daudzas citas planšetdatora ierīces, kas ir ienākušas tirgū, mudina tirgotājus domāt ārpus datora tīmekļa vietnes un izstrādāt atsevišķu planšetdatora stratēģiju - vai vismaz, planšetdatoriskai vietnei.

    Vai planšetdatori aizstāj viedtālruņus? Īsa atbilde ir nē. Faktiski nesenajā comScore ziņojumā skaidri redzams, ka viens no četriem viedtālruņu īpašniekiem izmantoja arī planšetdatoru. Turklāt ir dažas skaidras atšķirības attiecībā uz to, kā cilvēki izmanto šīs divas ierīces. Lai gan dažas no jūsu mobilajām tīmekļa stratēģijām var strādāt planšetdatora lietotājiem, jūsu planšetdatora lasītājiem ir īpašas vajadzības, kurām nepieciešama īpaša uzmanība.

    Tabletes veidošana

    Piekļuve saturam un informācijai, šķiet, ir tabletes īpašnieku visaugstākā aktivitāte visā pasaulē, saka Online Publishers Association pētījums. Satura patēriņš iekļauts skatoties video, pēc tam lasot ziņas. Tātad, kas jums, kā satura tirgotājam vai izdevējam, jādara, lai woo jūsu planšetdatoru lasītājus?

    Tabletu lasītāji tiek izmantoti, lai iesaistītos ar neskaitāmām lietojumprogrammām, kas ir veidotas ar bagātīgu grafiku un ļoti detalizētiem vizuāliem. Līdz ar to planšetdatoru lasītāji sagaida tādu pašu izskatu, piemēram, lasīšanas pieredzi, ko viņi izmanto, lai redzētu to darbvirsmas pārlūkprogrammās.

    Ritiniet ir passé; zvēliens ir

    Vienīgais veids, kā piesaistīt savus arvien pieaugošos planšetdatora apmeklētājus, ir domāt ārpus PC tīmekļa vietnes normām, t. I., Vertikālajiem ritināšanas formātiem un izkārtojumiem, un sākt veidot personiskāku, interaktīvāku tīmekļa vietni. Tabletes lasītāji tiek izmantoti, lai žesti, piemēram, swiping un flicking, un dod priekšroku šiem vecākiem "ritināšanas un klikšķu" veidiem, kā navigēt vietnēs.

    Izmantot HTML5 un CSS3, lai parādītu saturu lapiņā, labi formatētā izkārtojumā, kas emulē drukāto žurnālu, un dod lasītājiem pieredzi, kā pārvērst savu iecienītāko žurnālu lapas.

    Skārienjutīgas tīmekļa vietnes

    Katra tirgū esošā tablete darbojas ar pieskāriena saskarni, kas ir no jauna definējusi ideju par to, kā mēs sadarbojamies ar personālajiem datoriem. Lai iegūtu optimālu lasīšanas pieredzi tabletes, tas ir tikpat vienkārši kā minimālā teksta izmēra ievietošana 14 pikseļos. Bet kā ar lietotāja saskarni, it īpaši, ja runa ir par cilvēka ieguldījumu?

    Tas ir pirkstos

    Lai gan datora tīmekļa vietnes ielādējas uz ekrāna, kas novietots noteiktā attālumā no acs, ko var piekļūt ar peles kursoru, tabletes ir paredzētas turēšanai rokās un pieņemt ieeju no lietotāja pirkstiem.

    Palieliniet teksta polsterējumu tā, ka ir diezgan daudz teritorijas ap hipersaites tekstu, kuru var noklikšķināt pat ar lieliem pirkstiem. Arī palielināt rindu atstarpi starp teikumiem lai nebūtu sadursmes starp hipersaites teksti, veidlapu lauki vai nolaižamās izvēlnes. Noņemiet svārstības bet saglabājiet uzvedību un kontrolē intuitīvu vai vismaz pietiekami paredzamu, lai lietotājiem nebūtu jāpārzina, kā pārvietoties jūsu vietnē.

    Iesakām ievērot Apple iOS Human Interface vadlīnijas, veidojot planšetdatoram draudzīgu vietni.

    Izvairieties no neskaidriem elementiem

    Tā kā iPad joprojām ir iepakojuma līderis planšetdatoru tirgū, tas joprojām ir drošs, ka Flash nav paredzēts. Tomēr, izmantojot HTML5, varat izveidot lasītājiem labāku rezultātu līdzīgu pieredzi savā planšetdatora pārlūkprogrammā. Izmantojiet mazāk JavaScript balstītu animāciju, lai planšetdatora vietne būtu ātra un pieejama visās planšetdatora ierīcēs.

    Orientācijas jautājumi

    Jūsu planšetdatora apmeklētājs var apskatīt jūsu vietni ainavas vai portreta orientācijā; tāpēc pārliecinieties, vai planšetdatora vietnes saturs automātiski pārkārtojas, lai tas atbilstu abām šīm orientācijām. Skatiet 30 reaģējošos portfeļus, lai iegūtu priekšstatu par to, kā jūsu saturam ir nepieciešams pārkārtot sevi, lai tas atbilstu dažādiem ekrāna izmēriem un orientācijām.

    Un tālākai lasīšanai skatiet:

    • Mobilā tīmekļa dizains: 10 padomi, lai uzlabotu lietojamību
    • 30 Noderīgas atsaucīgas Web dizaina konsultācijas
    • 50 Noderīgi reaģējoši web dizaina rīki dizaineriem

    Visbeidzot, vienmēr izmantojiet ļoti augstas izšķirtspējas attēlus vai pārliecinieties, ka attēli ir mainīti dažādām orientācijām, lai lietotāji iegūtu pilnīgu attēlu. 16: 9 izmēru attiecība darbojas labi ar lielāko daļu tablešu.

    Satīt

    Izveidojot planšetdatoriskai vietnei, padomājiet tālāk par PC vietnēm un veiciet personīgo mijiedarbību soli tālāk. Pārdomājiet un atjaunojiet savas tīmekļa vietnes pasaulei, kurā tabletes ir pirmās.

    Redaktora piezīme: Šo ziņu raksta Lakshmi Harikumar par Hongkiat.com.