Hættu að vera svo ferningur
Sem hönnunarmaður ertu kunnugur (og hugsanlega stuðlað að) aukinni notkun hringa í öllum þáttum hönnunar.
Innanhúss innréttingar eins og hringlaga spegla og prentar til handverkfæri í vélbúnaðarversluninni eru hringir alls staðar. Hringir hafa jafnvel velt leið sína inn á vefsíðurnar okkar, birtist í hausum, valmyndum og stundum smack dab á miðri síðunni.
Nokkrar hönnunarstaðir hafa jafnvel búið til bloggfærslur þar á meðal frábær skjámyndir af skapandi notkun hringa í vefhönnun. Hins vegar hefur lítið verið sagt um sálfræði að baki með því að nota hringi í hönnun, eða hvernig hægt er að svara svörun notandans á hringjum í vaxandi fyrirbæri farsíma notkun.
Við vitum að við lítum eins og hringi, en hvers vegna? Og hvernig getur vefurhönnuður best notið hringi til að hámarka reynslu notenda í móttækilegri hönnun?
Hringir og heilinn
Vitsmunir og skynjun
Hringir höfða til fólks vegna þess að þeir eru auðveldara að skilja en form og hluti með hörðum línum.
Augan er dregin í hringi og upplýsingarnar sem eru að finna, og þau eru hraðar og auðveldari fyrir heilann að vinna en harður-beittur ferningur og rétthyrningur.
Svissneskur stærðfræðingur og eðlisfræðingur Jurg Nonni, höfundur sjónræna skynjunar, bendir til þess að fjarlægja brúnir getum við skynjað hlut á hraðari hátt. Samkvæmt Nonni, "Rétthyrningur með skörpum brúnum tekur örugglega svolítið meira vitræna sýnilega vinnu en til dæmis sporbraut af sömu stærð. "Fovea-auga okkar" er enn hraðar við að taka upp hring. Brúnir fela í sér frekari taugaverkfæri. Ferlið er því hægt. "
Þekki og huggandi línurit
Til viðbótar við hugrænni hæfni heila til að vinna hringi hraðar en það getur unnið ferninga og rétthyrninga, vinnum við kunnuglegar upplýsingar og hluti hraðar en þær sem við þekkjum ekki.
Allir viðurkenna hringi og fólk lærir að tengjast formum með sérstökum aðgerðum og niðurstöðum, svo sem alhliða rauðum oktagon "STOP" tákninu. Samkvæmt leiðbeiningum OS X um OS X, "Fólk lærir að tengja ákveðna hegðun við tiltekna þætti, byggt á útliti þeirra. Til dæmis viðurkenna fólk ýta á hnöppum með rúnnuðu formi. "
Skilvirk notkun á hringjum í helgimynda valmyndalistum á Azonmedia Þjónusta síðu.
Við lendum í hringi, ovalum og ávalum hlutum á mörgum hlýlegum og ógnumlegum leiðum yfir menningu og umhverfi. Ský, egg, sólin og tunglið í náttúrunni virðast allt í kringum augu. Smiley andlit, kökur, pies, curvy tölur eru öll ánægjulegt fyrir skynfærin.
Heila okkar bregst vel við hringi og bugða en áhorfandi erfiðar hlutir eru sterkari, skilgreindar og líklegri til að vera ógn.
Hringir og reynsla notenda
Hringir eru virkir í vefhönnun fyrir einmitt þessar ástæður.
Netnotendur eru alræmdir óþolinmóðir og vegna þess að hringir eru auðveldlega upplifaðir og skilin, tekur það minni tíma að vinna úr þeim upplýsingum sem þeir tákna.
Hreyfanlegur notandi er ennþá óþolinmóður. Þeir eru líka uppteknir, oft á ferðinni, multi-tasking, og nota vísifingri eða þumalfingur til að sigla handfrjálsa tækið. Þeir vilja upplýsingar sínar NÚNA. Hringir hjálpa farsímamönnum að ákvarða þær upplýsingar sem þeir leita að á skilvirkan hátt.
Hringir og þumlar
Önnur leið hringi eru gagnleg í farsíma fyrsta og móttækilegu hönnun umhverfi er hæfi þeirra sem þættir í touchscreen tengi.
Eins og snjallsímar og spjaldtölvur eru fingraflipar, renna eða þumalfla leið til upplýsinganna sem þeir leita, þá er skynsamlegt að nota hringi til að beina notandanum. Ekki einmitt líkja þeir eftir fingurgómum, við tengjum hringi og ávalar brúnir með ýta á hnappana og hjörtu okkar fljótt að vinna nauðsynlegar aðgerðir.
Vefur verktaki Oliver James Gosling
Þegar þú setur hringi í snertiskjá farsíma tengi skaltu hanna á minnstu skjáinn. Texti eða myndir innan hringsins verða að vera auðvelt að lesa og stærðin verður að vera að minnsta kosti stærð fingurgómsins eða 44 punkta.
Hringir og skjárými
Góðu fréttirnar um að nota hringi í móttækilegri hönnun er að CSS3 einfalda einfaldlega kröfur um kóðun.
Hinir slæmar fréttir eru að hringir taka mikið af fasteignum og leiða til meira opið skjásvæði.
Þar sem skjárinn á snjallsímum og töflum getur verið mjög lítill, hvernig geturðu kynnt hringi án þess að hafa áhyggjur af því að þær verði svo litlar að þær séu ómögulegar til að lesa, smella á eða smella á?
Einfalt hreyfanlegur tengi
Það hjálpar til við að halda farsímanum þínum einfalt. Eins og auga er dregið að hringnum engu að síður, það er ekkert lið í cluttering upp the hvíla af the skjár með efni sem notandinn mun sakna.
Nema þeir séu hluti af hausnum eða merkinu skaltu halda hring um að minnsta kosti einn eða tvo á hverri síðu. Prófaðu að nota hringlaga leitartakkann eða notaðu einn til að hringja í aðgerð eins og "hringdu hér" eða "skráðu þig hér."
Gravitate Design notar hringi og lit til að laða að augun á lógó, eigu og texta á heimasíðunni.
Bakgrunnur og hluthnappar
Eins og með hvaða hönnunarþáttur sem er, þarf notkun hringa að henta efni, vöru eða þjónustu, stíl og vörumerkingu á vefsvæðinu. Það ætti að auka reynslu notenda og einfalda viðmótið.
Ef notkun aðgerða er ekki viðeigandi fyrir síðuna, eða ef leiðsögnin og matseðillin einfaldlega virkar ekki í hring, skaltu íhuga að setja hring í bakgrunninn. Notaðu stærri hring í bakgrunni til að draga augun í mikilvægasta innihaldsefni á síðunni (hálfgagnsækt á bak við textann).
Mundu að efnið er það sem notandinn er hér fyrir í fyrsta sæti. Hvetja til notendaviðburðar með því að velja umferðarmiðla fyrir samfélagsmiðla í stað þess að rétthyrndum valkostum.
Hringlaga tákn í móttækilegri hönnun
Einn af vinsælustu leiðunum til að fella hringi í vefsíður er sem tákn í valmyndinni. Þetta hentar móttækilegri hönnun vel, þar sem hún kemur í stað langvarandi og / eða ruglingslegan texta með einfaldari mynd.
Buza notar hringi til viðbótar lóðréttum farsímavalmyndinni.
Hringlaga táknið tekur minna pláss og leyfir meira pláss fyrir efni. Það lítur vel út og notandinn vinnur fljótt hvað það táknar.
Ovals eða hringlaga rétthyrninga
Kannski ertu ekki tilbúinn að vefja handleggina í kringum stóra gamla hring. Það er í lagi. En ekki standa með hörðum brúnum.
Bættu við nokkrum hringlaga rétthyrningum eða ovalum við móttækilegan hönnunartól. The slétt horn mun gera það auðveldara að einblína á innihald innan boga, í stað þess að vekja athygli þína á ytri brúnir.
Final orð
Þó að vefhönnuðir megi eyða klukkustundum sem hafa áhyggjur af kröfum eða hringlaga rétthyrningum samanborið við skarpar brúnir, þegar það kemur að því að ánægja notandann við farsímahönnun, snýst allt um efnið. Notandinn vill taka þátt og gagnlegt efni sem er kynnt í einfalt og auðvelt að finna tengi. Allt annað er efri.
Þó móttækilegur vefhönnun reynir að bregðast við umhverfinu ætti það einnig að bregðast við þarfir notandans. Notendur þekkja kunnuglega form hringsins, skynja það fljótt og geta auðveldlega pinna punktinn á skjánum. Notaðu einfaldan hring í næsta móttækilegu hönnunarverkefni þínu. Notendur þínir munu þakka þér fyrir það.
Notarðu hringi fyrir símtal til aðgerða? Ert þú að spila það öruggt með svolítið ávölum rétthyrningum? Láttu okkur vita í athugasemdum hér fyrir neðan.