I de tidlige dagene med å designe nettsteder for mobile enheter, de fleste utviklere bifurcated sitt produkttilbud. De lanserte en fullt funksjonell stasjonær versjon og deretter en "mobiloptimalisert" versjon som fjernet mye av merkevaren og bildene for å imøtekomme den begrensede kapasiteten og nettverkshastigheten til godteri-telefoner og 3G-trådløse nettverk.
Moderne smarttelefoner kan imidlertid gjøre nettsider like effektivt som stasjonære PCer, gjennom nettverk så gode eller bedre enn gårdagens DSL-linjer.
Design konvergerer deretter tilbake til et enkeltbrukergrensesnitt. Men risikoen for designere er ikke at en smarttelefon eller en nettbrett ikke kan gi et moderne, responsivt nettsted. Snarere er det at metoden for brukerinngang på en berøringsskjerm-enhet krever meningsfulle endringer i den underliggende webdesignen. Dagene med å bygge et nettsted som antar at besøkende har et tastatur og en mus er over.
Grunnleggende regler for berøringsskjerm
Utforming for et berøringsskjermbevisst webgrensesnitt krever en evolusjon av det tradisjonelle skjerm-mus-tastatur tilnærming fra fortiden. Spesielt må du ta imot samspill som gester, kraner og multitouch-inngang.
- Tapping er ikke nøyaktig.Med mindre kunden har fingrene på en pjokk, selv med de svært nøyaktige programvarekontrollene, kan det være vanskelig å trykke og være presis.
- Gestene er forskjellige fra kraner.For å rulle en langside på en berøringsskjerm svinger brukeren en finger opp nettleservinduet. Dette kan ikke virke vesentlig før du skjønner at du surfer med musen, du beveger musen ned .
- To (og flere) fingerkraner.En bruker kan bruke flere fingerkraner på enheten samtidig for å styre den. Disse ekstra kranene kan bety noe spesifikt avhengig av operativsystemet til brukerens enhet.
- High-glare enheter.Skjermen på de fleste berøringsskjermtabletter er laget av et solid glass. Dette materialet kan være svært vanskelig å lese gjennom, med mye blending, i lyse lysforhold. I tillegg, med all berøring får de fingeravtrykk og flekker på skjermen som kan påvirke hvordan sidene dine ser ut.
- Skjermtastatur.Mens noen brukere har et trådløst tastatur, kobler de til tabletter, bruker de fleste nettbrettbrukere tastaturet på skjermen for datainngang. OSK-oppføring kan resultere i noen morsomme typoer, så vel som å være ubehagelig å bruke i lengre perioder.
På grunn av disse funksjonene i enheten, bør webdesignere legge vekt på flere grunnleggende designregler for berøringsskjermbrukere:
- Ikke plasser klikkbare elementer for tett sammen.Det er ingen hard og fast regel som definerer hvor nært er for nært, men lister med lenker, spesielt i en liten skriftstørrelse, kan være vanskelig å navigere ved å klikke (tappe) med en feitfinger. Det kan være irriterende å måtte zoome inn bare for å prøve og klikke på en lenke. Dette prinsippet gjelder for knapper og lenker.
- Hierarkier kan være vanskelig å holde åpne.En populær form for dynamisk meny bruker JavaScript til å åpne en undermeny når brukeren klikker og deretter over musen over undermenyen. Disse tilstandene kan være svært vanskelig eller umulig å bruke på berøringsskjermen fordi de heller ikke holder seg åpne eller vil ikke lukke.
- Flytt linker og klikkbare områder vekk fra høyre kant av vinduet.De fleste er høyrehendt og har en tendens til å bla på den siden av skjermen. Siden rulling gjøres med en gest, er det noen ganger mulig å starte sveipe på en lenke ved en feil. Brukere kan bli irritert hvis de ønsker å bla på siden og i stedet endte opp ved et uhell å trykke på en lenke. Ved å flytte linkene dine bort fra høyre side, kan du hjelpe dem med å unngå denne ulempen.
- Det er ingen mus.Og det betyr at det ikke er mus pekeren . Du bør ikke stole på at musepekeren endres for å indikere at noe er klikkbart.
- Hover-statene eksisterer ikke.Som en følge av det ovennevnte, siden det ikke er noen mus, er det ingenting å svinge med. En kobling er enten klikket (tappet) eller ikke på en berøringsskjerm, slik at brukerne ikke kan utlede noen nyttig informasjon fra slike svevertilstander som fargeendringer, verktøytips eller endringer i statuslinjen.
- Svarte bakgrunner øker blendingen.Et nettsted med en svart bakgrunn kan være svært vanskelig å lese på en berøringsskjerm på grunn av blending. Svart gjør fingeravtrykkene på enhetene vises tydeligere, slør skjermen. Og den svarte kan gjøre skjermen til et speil som reflekterer tilbake, og brukerne møter ofte mer enn teksten på skjermen.
- Langblokker av tekst i skjemaer er vanskelig å skrive.Mens det er mulig å skrive hele romaner på en iPad eller en Android- eller Windows-nettbrett, liker de fleste ikke å bruke tastaturet på skjermen for lange tekststrekk. Jo mer designet ditt kan gjøre dataregistrering så kort og enkelt som mulig, desto bedre.
Det viktigste aspektet ved å designe med berøringsskjermer i tankene er å Test sidene dine på en berøringsskjerm. Mens mange iPad- og Android-emulatorer er tilgjengelige, og mange Windows-tabletter, gir de fremdeles ikke følelsen av en berøringsskjerm. Du kan ikke fortelle at koblingene er for nært eller at knappene er for små - eller at blendingen gjør siden for vanskelig å lese - med mindre du får ut en nettbrett og prøver dem ut før du slipper ut ditt nye webdesign.
