Tvær af algengustu leiðin til að skipuleggja vefsíðu efni þessa dagana er með því að nota kort og listi. Hver hefur sína eigin kostir og gallar. Þar sem listar hafa verið í kringum upphafsdagana á vefnum hefur kortamiðað hönnun aðeins orðið nýtt gildi til að reikna með og einn sem er sífellt vinsælli val fyrir innihaldssamtök.

Spil og listar eru einstakar leiðir til að sýna efni, sem þýðir að þau eru betri og verri, í sömu röð, fyrir ákveðnar aðstæður. Lykillinn fyrir vefhönnuðir er auðvitað skilningur þegar einmitt að nota hver og einn veitir notendum betri notendaupplifun. Svörin geta bara komið þér á óvart og valdið því að þú horfir á hönnunarmarkmiðina svolítið öðruvísi.

Hér könnum við þegar það er viðeigandi í vefhönnun að nota kort á móti listum og öfugt.

Hvað er kort? Hvað er listi?

Til að hjálpa okkur að skilja þegar kort eða listi er notað er viðeigandi fyrir UX tilgangi, hjálpar það okkur mjög að skilja fyrst hvað hver er og hvað hver gerir (eða er ætlað að gera).

Kort er ílát sem sýnir ýmsar bita tengdar upplýsingar, þar sem notendur geta fengið enn meiri upplýsingar. Þó að það sé ennþá vara af íbúðhönnun, þá er það frekar flokkuð sem Flat Design 2.0 þar sem það hefur venjulega létt 3D áhrif eins og droparskuggi til að gefa til kynna smelli. 3D áhrif eins og sjónrænt dýpt virka sem merki fyrir notendur, segja þeim að þeir geti smellt á frekari upplýsingar.

Athyglisvert er að það er nokkuð dígómur með korti þar sem það líkist líklega raunverulegt spilakort bæði í form og stærð. Þetta bendir til þess að tímabundin skeiðmyndun, þar sem grafísku þættir líkjast raunverulegum hlutum.

Listi er síða þar sem leitarskilyrði notenda eða beit venja tekur þær. Skráningarsíðan inniheldur í meginatriðum fjölda af frambjóðandi hlutum eða færslum. Þess vegna þarf listi að auðvelda skilvirka og fljótlega auga skönnun fyrir rétta UX. Þetta er mikilvægur greinarmunur sem hjálpar okkur að greina frá þegar listi er meira viðeigandi en kort, hvað varðar nothæfi.

Hvenær á að nota kort

Nú þegar við þekkjum lykilmuninn á kortum og listum, er auðveldara fyrir okkur að vita með trausti þegar hver er viðeigandi í vefhönnun.

Til að vafra um upplýsingar (í stað þess að leita)

Spilin gera það erfitt eða jafnvel ómögulegt fyrir notendur að auðveldlega greina staðsetningu mikilvægi efnisins. Til dæmis gefa spilin ekki augljósar upplýsingar um röðina þar sem innihald ætti að skoða á síðu þar sem útlínur / mörk spilanna líta svipuð út. Sannarlega bendir það til þess að grunnrannsóknir í augum mæli alltaf með því að notendur byrja fyrst með efni efst og til vinstri á síðu en listar gera það auðveldara fyrir notendur að fylgja með þessum grundvallaratriðum að hrífandi efni á netinu.

cards03

Þess vegna nota kort til að vafra um stórar söfn, eins og þær sem eru á Pinterest, til dæmis-það er tilvalið. Þegar þú ert að vafra um leitarniðurstöður á Pinterest, í stað þess að ákvarða í hvaða röð það er að skoða það, gerir óendanlega skrúfan af kortafræðilegum niðurstöðum vafra aðlaðandi, skemmtilegt og auðvelt. Hvenær sem þú sérð eitthvað áhugavert, getur þú strax smellt á kortið til að fá meiri upplýsingar. Það er augnablik fullnæging.

Fyrir hópa fjölbreyttra atriða

Það fer eftir forritinu eða forritinu sem þú ert að nota, en þú munt lokum hitta einn með mælaborðinu sem notar korthönnuð hönnun til að gera það auðvelt að greina á milli mismunandi gerða efnis. Þetta er dæmi um styrkleika spila til að leyfa notendum að bera kennsl á mismunandi gerðir af efni sem þeir stjórna.

cards02

Þar sem spilin nota landamæri til að koma á sjónrænum mörkum eru þau hugsjón þegar kemur að því að skipta ólíkum þáttum.

cards04
cards01

Hvenær á að nota listi

Listar geta verið svolítið einfaldari en spil, kannski vegna þess að þeir hafa verið lengi í vefhönnun. Þess vegna hefur tilhneigingu til að vera auðveldara að ákvarða hvenær á að nota þau vel.

Fyrir duglegur auga skönnun

Listar eru valin þegar notendur þurfa að fljótt leita að einhverju sem þeir vilja á vefsvæðinu, eins og þegar þeir eru að lesa leitarniðurstöðusíðuna eftir að þeir hafa slegið inn leitarskilyrði. Listar sem eru lóðréttir og þar sem ein þáttur situr í einum línu yfir næstu hjálp til að einbeita augum notandans miklu betur en spil, þar sem listar eru fastar en spilin sitja ekki í föstum stöðum í röðum.

list04

Fyrir smærri skjái

Einfaldlega setja, spil taka upp meira fasteignir á skjánum. Þetta gerir notkun þeirra á farsímum og sumum töflum vandkvæðum vegna þess að það veldur notendum að fletta niður á síðunni til að sjá fleiri valkosti fyrr en þegar listar eru notaðar. Þar sem einingar listanna sitja bara í stuttum röðum niður lengd síðunnar geta notendur séð fleiri valkosti án þess að þurfa að treysta á skammtímaminni (sem þeir sem horfa á hönnun á kortinu þurfa að gera þegar þeir byrja að fletta niður að sjá fleiri þætti).

Um leið og hönnunin þín krefst þess að notendur muna eftir vali lengra upp á skjánum, munu þeir byrja að lenda vitsmunalegum álagi , sem skaðar UX. Vitsmunaleg hleðsla þýðir að heilinn þarf að vinna erfiðara að muna eitthvað meðan hann vinnur enn frekari, nýjar upplýsingar. Þetta leiðir aftur til að hægja á hraða verkefna og, hugsanlega, að losa afnotarverkefni.

list03a

Í appforritinu í smartphone minn er appflokkar skipulögð í snyrtilega lóðrétta lista sem sýnir átta hluti á einni síðu án þess að hafa áhyggjur af því að þurfa að fletta niður til að sjá meira og muna fyrri valkosti. Ef þetta hefði verið gert í skipulagi með miklu stærri spilunum hefði ég aðeins getað séð nokkra möguleika að mestu og hindrað UX minn.

list02
list01

Spil á móti listum

Spil eru einfaldlega skipulags kerfi til að birta bita af tengdum upplýsingum sem tengjast viðbótarupplýsingum dýpra inn á vefsíðum. Þeir eru frábærir til að leyfa notendum að skoða fullt af upplýsingum og til að flokka hluti.

Listar eru síður sem sýna leitarniðurstöður og færslur sem eru frambjóðandi atriði sem passa við leitina. Þeir eru tilvalin til að skipuleggja svipað efni í lóðréttri röðun.

Mundu þetta mikilvæga greinarmun á milli tveggja, og þú verður að skipuleggja efni með góðum árangri með mikilli hönnun.