Hvernig snertiskjábyltingin hefur áhrif á UX
Innleiðing Windows 8 sá gríðarlega endurskoðun Windows notendaviðmótsins í takt við Windows Phone tengið til þess að vera meira leiðandi fyrir fólk sem notar snerta skjái og Apple hefur verið í lagi að laga OSX með tímanum og hagræða aðgerðir sem verða sífellt að deila yfir farsíma og skrifborð stýrikerfi þeirra. Þó að við höfum enn ekki séð touchscreen Mac, þá er augljóst að snerta skjárbylturninn er yfirvofandi yfir okkur, þar sem notendur eyða fleiri og fleiri tíma í farsímum sínum en heima tölvum.
Með þetta í huga og sífellt vaxandi hlutfall vafra sem fara fram á snjallsímum og spjaldtölvur verða vefsíður að ákveða hvernig þeir munu laga sig að fólki sem kemst að efni án þess að nota mús og lyklaborð. Þó að sjálfgefið svar við þessu hafi oft verið "bara að gera sérstakt farsímaviðmót!", Lausn sem hefur gengið vel í fortíðinni á smærri farsímum eins og sími, það er mjög lítið umfang fyrir miðjan hópinn sem er með stærri síma og tafla birtist.
Þessi grein mun kíkja á fjölda vefsvæða sem hafa farið niður bæði óhefðbundin og staðlað hönnun á síðuna til að verða snerta-vingjarnlegur.
Áhersluð vefsíður víðtækar vefsíður
Margir vefsíður hafa búið til dótturfyrirtæki eða forrit sérstaklega fyrir notendur snertiskjás, til að leyfa þeim að einblína á eina tegund notanda í einu. Eitt vandamál er að þar sem vefsíður eru aðgreindir treysta þeir á endurvarpi vefslóða sem geta oft leitt til vandamála eins og notandinn er sendur á röngum vefsvæðum frá tenglum eða léleg umskiptingu vegna þess að þörf er á umskiptum á sniðnum síðum fyrir farsíma notendur.
Stærsta vandamálið með aðskildum vefsíðum fyrir farsíma notendur er hins vegar sú að farsímaútgáfan skortir aðgerðir eða upplýsingar sem skrifborðsmaður fær; lögun og tengi einfaldlega einfaldað, takkarnir stækkaðir og valkostir minnkaðar. Þetta er hægt að leysa með því að nota "móttækileg" hönnun. A móttækilegur vefsíða er hannaður til að skoða auðveldlega á báðum kerfum án þess að tapa gæðum á annarri. Þetta hefur einnig þann ávinning að aðeins ein vefsíða þarf að vera hannað, frekar en tveir, en þetta leiðir oft í málamiðlun fyrir báðar umhverfi.
Grunnhönnunarmunur
Það eru augljósir munur á snertiskjá og skrifborð sem þú þarft að hugsa um þegar þú býrð til vefsíðuna þína. Á snerta skjár þú högg upp síðunni til að fletta niður það, en á skjáborðinu færðu skrunahjólið þitt niður. Apple hefur reynt að leiðrétta þetta með því að samrýma snertihlotatækni sína í rekja spor einhvers á bæði fartölvu og skrifborðinu Macs, en PC notendur eða jafnvel Mac notendur sem nota hefðbundna skrúfahjól eða renna til að fletta gegnum vefsíður eru í óhagræði.
Hnappar verða að vera miklu stærri á farsímum, þar sem slá er ekki nálægt því nákvæmlega eins og að smella með músum, þá er ekkert meira pirrandi en að reyna að smella á tengil á næstu síðu og að því tilviljun er sent til baka síðu eða á auglýsingu í staðinn. Skortur á bendilinn þýðir einnig að þú getur ekki haft svokallað ríki til að útskýra hvar tengilinn fer, hvað orð þýðir eða jafnvel hvað er smellt á.
Það er einnig munur á nákvæmni á inntakum í farsíma þar sem snertiskjám getur haft annaðhvort mótspyrna eða rafrýtt inntak sem hafa mismunandi næmni og síðan er hægt að týna nákvæmni á viðnámi snertiskjánum. Fyrir utan þetta verður hönnun að innihalda tvær mjög ólíkar ályktanir fyrir farsíma sem eru með tvær stefnur.
Skjár stefnumörkun og hliðarhlutfall
Með mörgum upplausnum utan venjulegs skjástærð þýðir að þú getur ekki lengur hugsað bara með tilliti til staðlaðra skjáupplausna og lóðréttrar hreyfingar. Hraðbreytingin á tæknimarkaðnum hefur skapað skjástærð sem er frábrugðin líkani og framleiðanda og með öllum sögusagnir um svokölluðu snjallsímar gætum við byrjað að sjá skjái sem eru ekki lengur bundin við fjóra landamæri. Hreyfanlegur skjár bætir við frekar flókið vegna þess að hægt er að skoða þau bæði í mynd og landslagi með snúningi.
Svarið er fljótandi skipulag sem sjálf stilla fyrir hvaða upplausn sem er og hægt er að laga fyrir bæði myndatöku og landslagsmyndun. Sumar vefsíður nota fljótandi skipulag sem breytir hreint útliti vefsins til að hámarka vellíðan af stjórn og nýta fullan möguleika skjásins byggt á stefnumörkun þess.
Þó að mýs voru sérstaklega hönnuð með rollahjólum til að auðvelda lóðrétta hreyfingu fljúga margir notendur til snertiskjáa og snertiskjáa og þar sem Apple hefur tekið á sér nýjungar snertiskrúfa sem líkist að draga á síðu frekar en að fletta, er meira skapandi hugmynd um lárétt skrun má ekki vera út af spurningunni. Flest forrit nota lárétt flettitæki sem tól og langstærsti árangur í láréttri flettingu er kveikja, svo af hverju ekki að framkvæma það í vefþjóninum þínum? Margir vefsíður á einni síðu eru eingöngu lárétt ás en þó þurfa þeir oft að nota hnappa til að hefja skrunið þar sem notendur geta ekki skilið óhefðbundna sniði.
Lárétt skrun geta verið svipuð lóðréttri flettingu með hugtökum, en notkun þessara tveggja getur hins vegar opnað möguleika á tvískipandi hreyfingu, sem getur ekki virka í vafra. Margir notendur vilja vera festir á ás, augljóslega er þetta venjulega x-ásinn, sem er truflaður, þannig að ef notendur glatast á síðunni geta þeir bara flett upp og komið aftur í aðalleiðsögnina. Á tvíhliða síðum er þetta kannski ekki eins einfalt, og það getur því þurft að vera klíst með því að nota HUD stíll.
Svo hvaða notendaviðmót ætti vefsvæðið þitt að nota?
Augljóslega er ekki hvert HÍ hentað fyrir allar tegundir vefsvæða, svo spyrðu sjálfkrafa nokkrar spurningar: Hver er markhópur þinn? Hvað ertu að reyna að "selja"? Hvaða áhrif viltu gefa? Ungt fólk er líklegri til að nota snertiskjá en eldri lýðfræðilega sem mun líklega nota skjáborð, en getur samt þurft stærri hnappa og skýrari notendaviðmót. Það er ekkert mál að búa til nýjungahugbúnaðinn hugsanlega ef enginn skilur hvernig á að nota það, svo mundu alltaf að búa til notendaviðmót sem notandi getur litið á og þegar í stað vita hvernig á að nota.
Radial valmynd
Radial valmynd, einnig þekktur sem baka valmynd, er hringlaga samhengisvalmynd sem notar margvísleg samhengi frekar en hæð eða breidd sem valverkfæri.
Þetta er frábært mynd af innsæi hönnun sem kemur í veg fyrir að notendur glatast í heilmikið af undirvalmyndum. Annar kostur er að snertiskjánotandi hefur betri stjórn á venjulegum niðurdrættalistum þar sem stefnustýring er nákvæmari en að slá á. Notkun geisladisksefna í formum og vefsíðum gæti verulega aukið snertiskjánotendur upplifun á vefsíðunni og nær til smáatriði eins og þær sem notaðar eru á leikjatölvum, einhvers staðar eru radíal valmyndir oft notaðar þar sem það gerir leikjum auðvelt að flytja til tölvu. Eins og svo skrifborð notendur missa ekki af heldur sem það er svo að radial valmyndir geta einfaldað langan lista í einfaldar flokkar auka notagildi eða framleiðni á vefsíðu.
Radial valmyndir eru góð leið til að sýna samhengisviðkvæmar upplýsingar, eitt dæmi um að þetta sé að smella á mynd af fat á matarstöð og að fá möguleika á retweeting, uppskriftarlistanum, innihaldslistanum eða því að vista myndina. Hins vegar verður þú að gæta þess að valmyndin þín sé áfram aðgengileg og einföld, annars getur þú auðveldlega yfirþyrmt notandann sérstaklega þegar þú sameinar tákn og orð í sömu geislamyndavalmyndinni. Radial matseðill er miklu auðveldara að nota þegar truflanir frekar en dynamic þar sem þetta getur leitt til erfiðleika við val á hlutum eins og á síðum eins og Phong , í þessu tilfelli sérstaklega þegar mús er notaður sem bendill mælingar gerir það sérstaklega óæskilegt.
Skeuomorphism
Skeuomorphic hönnun líkar eftir útliti og virkni daglegs mótmæla til þess að búa til innsæi HÍ, eitthvað sem hefur nýlega farið út úr vogue, sérstaklega þar sem Scott Forstall sagði frá Apple og flatarmáli Sir Jony Ive tók yfir IOS og líklega OS X í framtíð. Skeuomorphism hafði verið stór hluti af örvun Apple í átt að fleiri innsæi hönnun, nýlega með tengiliði á Mac sem hönnuð er sem raunveruleg vistfangaskrá, eða Kiosk og iBooks á IOS eru raunveruleg bókhalds. Þessi hönnun er einn sem bætir augljóslega notendaviðmótnotendum, þar sem við höfum ekki samskipti við heiminn í kringum okkur með bendilinn.
Þekking bætir innsæi við notkun notendaviðmóts, þetta er vísbending um skeuomorphism, til að auka þekkingu með því að sameina sveitir með raunverulegum hlutum þannig að notandinn veit þegar í stað hvernig á að hafa samskipti við það. Árangursrík skeuomorphic hönnun þýðir að bara með því að glancing á vefsíðunni sem þú munt vita hvað efnið er / síðunni er notaður fyrir, gera músarbendilinn tól og tengdu hápunktur úreltur.
Hringja HÍ
Þetta er blanda af báðum ofangreindum þar sem allt notendaviðmótið er einfalt hringja; hönnunin lítur út fyrir radíalvalmynd, en í stað þess að ljúka í miðjunni, velja þaðan, hringir skífunni í eitt valpunkt. Þetta er mjög árangursríkt í tilvikum eins og tónlist þar sem hringingar eru oft notaðir til að blanda lag og stjórna hljóðstyrk. Ef um er að ræða netmiðilinn SHSK'H Þeir nota breytt gerð hringja HÍ til að velja hvaða lag þú vilt spila.
Lágmarkshreyfingin
Minimalism er þar sem vefsíða er fjarlægt aftur að berum grundvallarþáttum þess. Þetta er frábært fyrir farsíma notendur þar sem það dregur úr álagstíma og gagnanotkun og leyfir notandanum að geta nálgast allar nauðsynlegar upplýsingar í skýrum tengi sem er auðveldara að nota fyrir minni upplausn. Núverandi naumhyggju hefur gengið lengra en nektarmarkaður staður að berum meginatriðum, og hefur myndað nýja stíl sem kallast flat hönnun. Þetta liggur á þeirri skoðun að innsæi sé ekki lengur nauðsynlegt í hönnun þar sem tengi og notkun þeirra hafa orðið svo mikilvægur hluti lífsins sem hönnun getur farið út fyrir að segja frá notendum hvað á að gera. UI getur loksins verið tæki, frekar en tvöföldun sem leiðbeinanda. Flat hönnun hefur lengi verið einkennist af því að nota djörf blokkalitir, en með tilkomu IOS7 hafa stigamörk tekið sér stað í heimi landamæra flatt hönnunar, sem dregur úr glæsileika úr garish.
Að lokum endar ég þessa grein með síðu sem gerir hlutina svolítið öðruvísi. Thibaud er skapandi verktaki sem hefur hannað eignasafni byggingar sem kallast Pikibox. Vefsíðan er afar snertavæn en án þess að hindra aðgengi að skrifborðsnotendum, á smærri snertiskjánum en notandinn er sendur til áherslu tilvísunar með farsíma tengi.
Hinn einfalda hönnun virkar frábærlega þegar þú sýnir alla eigu sína á faglegri hátt meðan þú heldur áfram skemmtilegt nýtt útlit sem er mjög leiðandi. Auðvitað er stór hluti hönnunarinnar í höndum notandans, það er hægt að breyta staðsetningarleiðsögu og stilla hvernig það er notað staðbundið, sem sumir myndu segja er ekki einmitt hönnunarval. Skjáborðsútgáfan kemur í fjórum stílum og ég býð þér að spila með þeim og draga eigin ályktanir þínar um hvort þetta sé einfaldlega afgerandi eða gríðarlega skapandi.
Hvaða málamiðlun hefur þú gert vegna snertiskjáa? Það sveima ástand hlutur af the fortíð? Láttu okkur vita í athugasemdunum.