Puutetundlike ekraanide jaoks kohandatud veebiliideste kujundamine
Möödas on keeruka javascripti märkimise päevad ja päises on lugematu arv pistikprogramme. Kujunduse kujundamine on astunud suure sammu edasi, kui näeme disainereid loomas ekstravagantseid kontseptsioone. Puuteekraaniga seadmed pakuvad disainerite ja arendajate seisukohast praegu kõige suuremat huvi.
Puuteekraani toega seadmeid kasutab nüüd rohkem inimesi kui kunagi varem. See hõlmab tahvelarvuteid ja kogu mobiiltelefonide opsüsteemide loendit. Need seadmed on kõik mobiilsed ja võimaldavad juurdepääsu enamikule suvalistest asukohtadest.
Disainerid vähendavad oma usaldusväärsust, et sammu pidada suure nõudlusega. Mis on aga tavalise veebikujunduse ja puutetundliku ekraaniga rakenduse vahel vahetamisel ülitähtis? Kujundusringkondade seas on palju esilekerkivaid suundumusi, mida saab kasutada mis tahes idee skaleerimiseks futuristlikuks puutetundliku ekraaniga tehnoloogiaks.
Kohanemise hetkeseis
Ehkki Apple'i iPhone'i ja iOS-i arutatakse tavameedias ja tehnikagurudes sageli, pole need puutetundlike ekraanide seadmete ainus turukapital. Kolmandate osapoolte tootjad, sealhulgas Hewlett-Packard, Samsung ja Microsoft, on välja lasknud paljud kaasaskantavad sülearvutid ja tahvelarvutid.
Praegu peavad arendajad puutetundliku ekraaniga liideseid vaatama kui uusi seadmeid, lisaks tavalisele klaviatuurile ja hiirele. Tavapäraselt on see lõpule viidud JavaScripti kõnede või meediumipäringutega, mille tulemuseks on keerukad tagastusandmed. Nende uute suundumuste vastuvõtmiseks peab olema parem viis.
Näitena võime võrrelda Apple iPadi mis tahes Google Chrome'iga töötava Interneti-arvutiga, et erinevusi kohe märgata. Ehkki nende ekraanisuurused võivad olla sarnased, töötavad nad kahel täiesti erineval tasemel. Isegi operatsioonisüsteemid ise on tohutult erinevad ja toetavad uusi arvutusstandardeid.
Kasumid ja kahjumid
Puutetundlike ekraaniliidestega oleme saavutanud palju paindlikkust. Disainerid saavad nuppe ja kerimisnuppe paigutada kõikjal lehel, kuna sellele lehele pääseb puudutusega või nipsuga.
Arendajad saavad ka rakenduste funktsionaalsust täielikult kontrollida. IOS-i jaoks mõeldud Cocoa SDK pakub paljusid klasse, mis kajastavad puutetundliku ekraaniga toimivust. Arendajad saavad kontrollida, kas iga interaktsiooni vahel on mitu sõrme ja isegi rõhutundlikkust.
Kuid me kaotame ka paljud olulised kujundusvolitused, mida me kõik oleme armastanud. Näitena ei ole vaja puutetundlikul ekraanil põhineva liidesega hõljuda. Selle võib asendada toimingurežiimiga, kui kasutaja mõnda elementi aktiivselt vajutab, ehkki eesmärk on väga erinev.
Ükskõik millise hiire puudumine on probleemiks ka sisendina. Lehtede vahel kerimine ja sirvimine peab olema sujuvam ja hõlpsam kui enamikul rakendustel, kuna funktsionaalsus on vähenenud. Klaviatuurid on sisse ehitatud ka tahvelarvutisse või pihuarvutitesse, mis pakuvad kasutajakogemusele radikaalselt uut tunnet.
Rühmitage ühised elemendid koos
Elementide rühmitamine on puutetundlike ekraanide rakenduste paigutuse kujundamise hea tava. Klastri all ei pea ma silmas kõiki lehe nuppe ja elemente paremasse ülanurka. Tegelikkuses kujundage iga vaate jaoks kaart ja arvutage, milline teave sobib selle vaate jaoks kõige paremini.
See vähendab pettumust ja segadust kasutaja jaoks. Konto teabe värskendamiseks seadete otsimisel oleks neid kõiki lihtsam leida ühest ekraanipaneelist. Tihti juhtub see ka veebirakendustega, kuigi liides on tavaliselt loodud hiirega suhtlemiseks.
Selle asemel, et luua üks pikk sirviv andmekogu, pakub mobiilne OS ainulaadseid eeliseid. Enamiku puutetundliku ekraaniga seadmete abil saate vahekaarte luua igas rakenduse vaates. Need pakuvad kasutajatele lihtsat viisi seadete ja muude andmete vahetamiseks ilma liigsete pingutusteta. Seda vahekaardi riba saab võrrelda navigeerimisribaga, mis on täis lehelinke klassikalises veebiliideses.
Lugematute mobiilsüsteemide plaan
Tore on arvata, et teie veebisait töötab täielike HTML5 ja CSS3 spetsifikatsioonidega, kuid see ei lahenda paljusid puutetundliku ekraaniga liideste probleeme. Kui teie brauser parsib teie lehte tavalisemate DOM-i standarditega, on teil kõik korras.
Ehkki lauaarvutitele mõeldud Google Chrome käitab sõelumismootorit suuresti, võrreldes mobiilse BlackBerry või Opera Mobile versiooniga. Tegelikult näeme iga suurema mobiilsideoperaatori jaoks palju uusi brausereid.
iOS-ga on vaikimisi kaasas Safari, kuid App Store sisaldab veel paljusid teisi. Kõik kaasaegsed mobiiliplatvormide tarkvarabrauserid sisaldavad võimalust kontrollida HTML5 märkmeid ja atribuute. Võimaluse korral peaksite kaaluma oma saidi iga küljenduse versiooni katsetamist peamistel puutetundlikel ekraanidel. Brauserid Androidi, Microsoft Mobile'i ja BlackBerry vahel on kõik erinevad ja vajavad põhjalikku kavandamist.
Muidugi on võimatu kõigile meeldida kogu aeg, kuid enamus on kindlasti eesmärk, mille poole tasub jõuda. Installige oma saidile Google Analyticsi või mõne muu statistikarakenduse installimine, mis parsib iga külastava seadme.
Google pakub uskumatult üksikasjalikke aruandeandmeid, näiteks selle kohta, millised mobiilibrauserid teie veebisaidile kõige sagedamini juurde pääsevad ja kui palju lehti iga leht keskmiselt külastab.
Ärge jätke kivi pöördumata
Seda saab ühendada ka üldiste disainiteadmistega, kuid veenduge, et iga element on iga puutetundliku ekraani paigutuse jaoks õigel teel. Prototüübile või mobiililiidesele tagasi vaadates proovime disaineritena sageli asju surnuks muuta ja ümber paigutada.
Puutetundlike ekraaniliidestega on oluline mõista, et vaba liikumiseks on palju vähem ruumi. Seetõttu on oluline leida paigutus, mis toimiks kõige paremini ja pakuks endiselt kõige hõlpsamat kasutuskogemust - ja siis pidage sellest kinni!
See võib olla keeruline, kuid usaldage oma soolestikku ja disainilahenduse mõistmist, millal seda päevaks nimetada.
Kaaluge mõne oma sõbra või pereliikme peal oma disaini proovimist. Kiire demonstratsioon või rakenduse ja kasutajaliidese läbi vaatamine väljastpoolt vaadates kogub tavaliselt kasulikku tagasisidet ja pakub kriitikat värske pilguga.
Järeldus
Kui puutetundlike ekraanide seadmed jätkavad sissetungi, märkame rakenduste arendamise hüppelist kasvu. See on tohutu turg, mis ei hõlma ainult Apple'i iOS-seadmeid, vaid ka Google ja Microsoft käivitavad kampaaniaid, et koguda oma osa mobiilsest veebist.
Kõigi nende seadmete võrdlus on erinev ja osutub erinevaks kõigist disaineritest. Kui soovite vaadata selle teema kohta rohkem ideid, võiksite laiendada oma mõtteid puutetundliku ekraaniga veebisaitidel, et näha, mis seal on. Puutetundliku ekraaniga veebiliidesed arenevad ja koos nendega kujunduskogukonna arenedes näeme innovaatilist kasutajaliidese inspiratsiooni nagu kunagi varem!
