Touchscreens Vinna öðruvísi frá hljómborð og músum
Í upphafi daganna að hanna vefsíður fyrir farsíma, flestir verktaki bifurcated vöru tilboð þeirra. Þeir losa út fullbúið skrifborðsútgáfu og síðan "farsíma bjartsýni" útgáfu sem fjarlægði mikið af vörumerki og myndmálum til að mæta takmarkaðri getu og nethraða nammi-bar síma og 3G þráðlausra neta.
Samtímis snjallsímar geta hins vegar skilað vefsíðum eins og skilvirkt og skrifborð tölvur, í gegnum net eins góð eða betri en DSL línur í gær.
Hönnunin breytir síðan aftur til notendaviðmóts. En áhættan fyrir hönnuði er ekki sú að snjallsími eða tafla geti ekki veitt nútíma móttækilegan vef. Fremur er það að aðferð inntak notenda á snertiskjá tæki krefst mikilvægra breytinga á undirliggjandi vefsíðum. Dögum að byggja upp vefsíðu sem gerir ráð fyrir að gestir hafi lyklaborð og mús er yfir.
Grunnupplýsingar um snertiskjá
Hönnun fyrir touchscreen-meðvituð vefur tengi krefst þróunar á hefðbundnum skjá-mús-lyklaborð nálgun frá fortíðinni. Sérstaklega, þú verður að hýsa samskipti eins og bendingar, krana og multitouch inntak.
- Tapping er ekki rétt. Nema viðskiptavinur hefur fingur smábarn, jafnvel með mjög nákvæmum hugbúnaðarstýringu, getur verið erfitt að tappa og vera nákvæm.
- Bendingar eru frábrugðnar krönum. Til þess að fletta að langa síðu á snerta skjár, swipes notandinn einum fingri upp í vafraglugganum. Þetta virðist ekki vera marktækur fyrr en þú kemst að því að vafrað er með mús, færðu músina niður .
- Tveir (og fleiri) fingurkröfur. Notandi getur notað marga fingrafta á tækinu á sama tíma til að stjórna því. Þessar viðbótaráföll geta þýtt eitthvað sérstakt eftir stýrikerfi tækisins notanda.
- High-glampi tæki. Skjár flestra touchscreen töflurnar eru gerðar úr traustum gleri. Þetta efni getur verið mjög erfitt að lesa í gegnum, með mikið af glampi, í björtu ljósi. Að auki fáum við fingraför og blettir á skjánum sem geta haft áhrif á hvernig síðurnar þínar líta út.
- Skjáborðs lyklaborð. Þó að sumir notendur hafi þráðlaust lyklaborð sem þeir tengjast töflunum sínum, nota flestir spjaldtölvu lyklaborðið á skjánum til að fá gögn. OSK færsla getur leitt til þess að sumir hræðilegir leturgerðir séu óþægilegar til að nota í lengri tíma.
Vegna þessa eiginleika tækisins, skulu vefhönnuðir leggja áherslu á nokkrar grunnreglur um hönnun fyrir snertiskjánotendur:
- Setjið ekki smella saman atriði saman. Það er engin hraðvirk regla sem skilgreinir hversu nálægt er of nálægt, en lista yfir tengla, sérstaklega í litlum leturstærð, getur verið erfitt að sigla með því að smella (tappa) með feitu fingri. Það getur verið pirrandi að þurfa að súmma inn bara til að reyna að smella á tengil. Þessi regla gildir um hnappa og tengla.
- Stigveldi geta verið erfitt að halda opnum. Eitt vinsælt mynd af dynamic valmynd notar JavaScript til að opna undirvalmynd þegar notandinn smellir og síðan sveiflar músina yfir undirvalmyndina. Þessar ríki geta verið mjög erfiðar eða ómögulegar til að nota á snertiskjám vegna þess að þeir eru heldur ekki opnir eða munu ekki loka.
- Færa tengla og smelltu svæði í burtu frá hægri brún gluggans. Flestir eru hægrihöndaðar og hafa tilhneigingu til að fletta á þeim megin á skjánum. Þar sem skrun er gert með látbragði er stundum hægt að hefja högg á hlekk fyrir mistök. Notendur geta orðið pirruðir ef þeir vildu fletta á síðunni og í staðinn endaði það með því að slá á óvart tengil. Með því að færa tengla þína frá hægri hliðinni geturðu hjálpað þeim að koma í veg fyrir þetta óþægindi.
- Það er engin mús. Og þetta þýðir að það er engin músarbendill . Þú ættir ekki að treysta á músarbendilinn að breyta til að hjálpa til við að benda á að eitthvað sé smellt á.
- Högg ríki eru ekki til. Sem afleiðing af ofangreindu, þar sem engin mús er til staðar, er ekkert til að sveima með. Tengill er annaðhvort smellt (tapped) eða ekki á snertiskjánum, þannig að notendur geta ekki sleppt einhverjum gagnlegum upplýsingum frá svona sveiflum eins og litabreytingar, tólatól eða breytingar á stöðubálkum.
- Svartur bakgrunnur endurbætir glampiina. Vefsvæði með svörtu bakgrunni getur verið mjög erfitt að lesa á snertiskjánum vegna glitrunarinnar. Svartur gerir fingraförin á tækjunum sýnilegari og óskýrt á skjánum. Og svarta getur snúið skjánum í spegil sem endurspeglar aftur notendur andlit oft meira en textinn á skjánum.
- Langar blokkir af texta í formum er erfitt að skrifa. Þó að hægt sé að skrifa allt skáldsögur á iPad eða Android eða Windows tafla, líkar það oft við að nota lyklaborðið á skjánum til að lengja texta. Því meira sem hönnunin þín getur gert gagnafærslu eins stutt og auðið er, því betra.
Mikilvægasti þátturinn í hönnun með snertiskjáum í huga er að prófa síðurnar þínar á snertiskjánum . Þó að fjöldi iPad og Android emulators séu tiltækar og nóg af Windows-töflum, veita þeir enn ekki tilfinningu um snertiskjá. Þú getur ekki sagt að tenglar séu of nálægt eða að hnappar séu of lítilir eða að glampiin gerir blaðið of erfitt að lesa - nema þú fáir út töflu og reyndu þá áður en þú sleppir nýju vefsíðunni þinni.