01 af 07
Hvað er Visual Flow?
Sjónstreymi ber augun áhorfandans í gegnum skjalið þannig að allar mikilvægir þættir fái áberandi og ekkert snertir sjónina eða veldur því að áhorfandinn missir skilning á verkinu. Notkun augljósra flæðisþátta eins og örvar eða tölur er algengasta leiðin Vefur hönnuðir nota flæði, en það eru aðrar gerðir þætti sem hægt er að nota og misnotuð til að beina lesendum þínum til að fara eftir ákveðinni slóð. Skrefin í þessari einkatími munu sýna þér dæmi um góða og slæma flæði og hjálpa þér að læra orðaforða sjónræna flæðis í hönnun.
Sjónræn flæði er hægt að ná á margan hátt:
- Örvar
- Sequential myndir eða textaefni
- Yfirsýn
- Stigamörk
- Stærðbreytingar
- Línur
- Hreyfing í myndum
- Andlit - sérstaklega augun
Eftirfarandi myndir munu sýna þér nokkrar algeng mistök í flæði á vefsíðum og hvernig á að leiðrétta þær.
02 af 07
Vestur texti flæðir frá vinstri til hægri
Ef þú ólst upp að lesa vestrænt tungumál ertu vanur að hugsa um að textinn ætti að fara frá vinstri til hægri. Svo, eins og auga færist yfir textalínu, er það að flytja frá vinstri til hægri.
Í myndinni hér að ofan flæðir fossinn í hægri til vinstri átt og textinn rennur upp í fossinn. Þar sem við vitum öll að fossar falla niður, þá er aftengja í átt að flæði vatns með flæði textans. Auga áhorfandans færist í röngum átt til að lesa textann.
03 af 07
Textinn þinn ætti að flæða með myndunum
Í þessu tilviki hefur myndin verið snúið svo að textinn rennur í sömu átt og vatnið. Allir þættir leiða augun áhorfandans niður með flæði vatnsins og flæði texta.
04 af 07
Vinstri til hægri er jafn hratt
Hesturinn á þessari mynd er í gangi frá hægri til vinstri, en textinn er enska og svo vinstri til hægri. Sjónræn áhrif hestakappakstursins ein stefna hægir hraða alls skjalsins vegna þess að það er að fara í aðra átt en textinn.
Í vestrænum menningarheimum, vegna þess að tungumálin okkar fara frá vinstri til hægri, höfum við komið til að tengja sjónræna átt frá vinstri til hægri eins og að vera áfram og hratt, en rétt til vinstri er aftur á bak og hægur. Þegar þú ert að búa til skipulag með samhengi af hraða, ættir þú að muna þetta - og halda myndirnar þínar í sömu átt og textinn.
05 af 07
Ekki þvinga augu áhorfandans til að hægja á sér
Þegar hesturinn og textinn eru báðir að fara í sömu átt, þá er óbein hraði aukinn.
06 af 07
Horfa á augun í vefmyndum
Margir vefsíður með myndum gera þessa mistök - þeir setja mynd af manneskju á síðunni og maðurinn er að leita í burtu frá efninu. Þetta má jafnvel sjást á vefinn Web Design Site í gamla hönnuninni.
Eins og þú sérð er myndin mín staðsett við hliðina á einhverjum texta. En ég er að horfa í burtu frá þeim texta, ég er næstum búin að snúa aftur til baka. Ef þú sást líkams tungumálið milli tveggja manna í hópi, væri auðvelt að gera ráð fyrir að mér líkist ekki sá sem ég er næstum (í þessu tilfelli textaskeið).
Margar rannsóknir á auga hafa sýnt að fólk sér andlit á vefsíðum. Og tengdar rannsóknir hafa sýnt að þegar þú horfir á myndir, þá mun fólk meðvitundarlaust fylgja augunum til að sjá hvað myndin er að horfa á. Ef mynd á síðuna þína er að horfa út fyrir brún vafrans, þá er það þar sem viðskiptavinir þínir munu líta út og síðan koma aftur á hnappinn.
07 af 07
Augun á hvaða mynd ætti að standa frammi fyrir innihaldi
Í nýju hönnuninni fyrir About.com er myndin svolítið betri. Nú lítur augun mín áfram fram og það er smá vísbending að ég sé að vinstri mínu - þar sem textinn er.
Jafnvel betra mynd fyrir þá stöðu væri einn þar sem axlir mínir voru einnig beygðir til textans. En þetta er miklu betri lausn en fyrsta myndin. Og fyrir aðstæður þar sem myndin verður á réttindum efnis og vinstri getur þetta verið gott málamiðlun.
Mundu líka að þegar myndir af andliti fólks vekja athygli, sama gildir um myndir af dýrum. Til dæmis, í þessu sýnishorni skipulagi, hef ég hundana mína að horfa til vinstri, en myndin er skola rétt. Svo þeir eru að leita af síðunni. Þessi skipulag myndi batna ef ég breytti stefnumörkun hundanna þannig að þeir voru að skoða miðjuna á skjánum.