Designe webgrensesnitt skalert for berøringsskjermer
Borte er dagene med snevd JavaScript-notasjon og utallige plugins inkluderer i overskriften. Layoutdesign har tatt et stort skritt fremover da vi ser designere lage noen ekstravagante konsepter. Berøringsskjermenheter har for øyeblikket den største interessen fra en designer og utvikleres synspunkt.
Flere mennesker bruker berøringsskjermaktiverte enheter nå enn noen gang før. Dette inkluderer nettbrett-PC-er og hele listen over operativsystemer for mobiltelefoner. Disse enhetene er alle mobile og gir tilgang til fra alle andre steder.
Designere skalerer sin troverdighet tilbake for å følge med høy etterspørsel. Men hva er viktig når du skifter mellom en standard webdesign og en berøringsskjerm-app? Det er mange nye trender blant designmiljøene som kan brukes til å skalere enhver ide til futuristisk berøringsskjermteknologi.
Nåværende tilpasningstilstand
Selv om Apples iPhone og iOS ofte diskuteres blant mainstream media og tech guruer, er de ikke den eneste markedskapitalen på berøringsskjermenheter. Mange bærbare bærbare datamaskiner og nettbrett-PC-er er gitt ut av tredjepartsprodusenter, inkludert Hewlett-Packard, Samsung og Microsoft.
For tiden må utviklere se på berøringsskjermgrensesnitt som nye enheter bortsett fra standard tastatur og mus. Tradisjonelt har dette blitt fullført med JavaScript-anrop eller mediesøk som resulterer i komplekse returdata. Det må være en bedre måte å ta i bruk disse nye trendene.
Som et eksempel kan vi sammenligne en Apple iPad med en hvilken som helst netbook som kjører Google Chrome for å umiddelbart merke forskjeller. Selv om skjermstørrelsene deres kan være like, fungerer de på to helt forskjellige nivåer. Selv operativsystemene i seg selv er veldig forskjellige og støtter nye databehandlingsstandarder.
Gevinstene og tapene
Med berøringsskjermgrensesnitt får vi mye fleksibilitet. Designere kan plassere knapper og rullehjul hvor som helst på siden, siden det hele er tilgjengelig med berøring eller snu.
Utviklere er også i stand til å fullstendig kontrollere funksjonaliteten til applikasjoner. Cocoa SDK for iOS-utvikling tilbyr mange klasser som reflekterer berøringsskjerminteraksjoner. Utviklere kan se etter flere fingre og til og med trykkføling mellom hvert samspill.
Vi mister imidlertid også mange viktige designinformasjon som vi alle har blitt glad for. Som et eksempel er det ikke behov for svevetilstander når du arbeider med et fullt berøringsskjermbasert grensesnitt. Dette kan erstattes med en handlingsstatus når en bruker aktivt trykker på et element, selv om formålet er enormt forskjellig.
Mangelen på mus er også et problem for innspill. Å bla og bla mellom sider må være jevnere og enklere enn de fleste apper, siden det er en reduksjon i funksjonaliteten. Tastaturer er også innebygd i nettbrettet eller den håndholdte skjermen som gir en radikal ny følelse av brukeropplevelsen.
Grupp felles elementer sammen
Clustering-elementer er en god praksis innen layoutdesign for berøringsskjermapper. Med klynge mener jeg ikke å stappe alle knappene og elementene på en side inn i øverste høyre hjørne. I virkeligheten utformer du et kart for hver visning og beregner hvilken informasjon som er best egnet for hvilken visning.
Dette reduserer frustrasjon og forvirring på brukerens slutt. Når du ser etter innstillinger for å oppdatere kontoinformasjon, ville det være enklest å finne alle disse i ett skjermpanel. Dette er ofte tilfelle også med webapper, selv om grensesnittet vanligvis er satt opp for musinteraksjoner.
I stedet for å lage en lang rullesamling av data-mobile OS tilbyr unike fordeler. Med de fleste berøringsskjermenheter kan du opprette faner i hver appvisning. Disse tilbyr en enkel måte for brukere å bytte mellom innstillinger og andre data uten for mye krefter. Denne fanefeltet kan sammenlignes med en navigasjonslinje full av sidekoblinger i et klassisk webgrensesnitt.
Plan for utallige mobile systemer
Det er flott å vurdere at nettstedet ditt fungerer med fulle HTML5- og CSS3-spesifikasjoner, men dette løser ikke mange vanlige problemer blant berøringsskjermgrensesnitt. Forutsatt at nettleseren analyserer siden din, kjører med de vanligste DOM-standardene, vil du ha det bra.
Skjønt Google Chrome for desktop kjører en parsing-motor som er veldig variert til den mobile BlackBerry eller Opera Mobile. For hver av de største mobiloperatørene ser vi faktisk mange nye nettlesere.
iOS leveres med Safari som standard, men mange flere finnes i App Store. Alle moderne programvarenettlesere for mobile plattformer inneholder muligheten til å se etter HTML5-notater og attributter. Hvis mulig, bør du vurdere å teste ut hver layoutversjon av nettstedet ditt i de viktigste sakene på berøringsskjermen. Nettlesere mellom Android, Microsoft Mobile og BlackBerry vil alle være forskjellige og krever grundig planlegging.
Selvfølgelig er det umulig å glede alle hele tiden, men flertallet er absolutt et mål verdt å nå for. Implementere en installasjon av Google Analytics eller en annen statistikk-app på nettstedet ditt som vil analysere hver besøksenhet.
Google tilbyr utrolig detaljerte rapporteringsdata, for eksempel hvilke mobilnettlesere som går inn på nettstedet ditt hyppigst, og hvor mange sider hver gjennomsnitt besøker.
La ingen stein stå uten
Dette kan også kobles til som generell designkunnskap, men sørg for at hvert element er i rute for hver berøringsskjermoppsett. Når vi ser tilbake på en prototype eller mobilgrensesnitt, prøver vi som designere ofte å endre og plassere ting i hjel.
Det er viktig å innse med berøringsskjermgrensesnitt at det er mye mindre rom for fri bevegelse. Derfor er det viktig å finne en layout som fungerer best og fremdeles gir den enkleste brukeropplevelsen - og deretter holde seg til den!
Det kan være vanskelig, men stol på tarmen din og designfølelsen for kunnskap om når du skal kalle det en dag.
Vurder å teste ut designen din på noen få av dine venner eller familiemedlemmer. En rask demonstrasjon eller gjennomføring av applikasjonen og brukergrensesnittet fra et utenfor perspektiv vil vanligvis skaffe nyttige tilbakemeldinger og tilby kritikk fra et nytt sett med øyne.
Konklusjon
Når berøringsskjermenheter fortsetter sin invasjon, vil vi merke en økning i apputviklingen. Dette er et enormt marked, ikke bare inkludert Apples iOS-enheter, men Google og Microsoft lanserer også kampanjer for å samle sin del av mobilnettet.
Sammenligningen mellom hver av disse enhetene varierer og vil vise seg forskjellig fra alle designere. Hvis du vil sjekke ut flere ideer om dette emnet, kan du vurdere å utvide tankene dine på nettsteder med berøringsskjerm for å se hva som er der ute. Nettgrensesnitt på berøringsskjerm utvikler seg, og etter hvert som designfellesskapet utvikler seg med dem, vil vi se innovativ brukergrensesnitt som aldri før!
