Í gegnum árin hafa vefur hönnun og skipulag aukist í flókið. Samt, en vinnan okkar verður sífellt friðsælari og gagnvirkari, að flytja í burtu frá kyrrstöðu boxy skipulag sem einkennist af 90s, Miðmarkið hefur ekki breyst.

Skyggni er jafn mikilvægt fyrir hönnuði í dag eins og alltaf. Það snýst um getu okkar til að einblína á athygli notandans á mikilvægu efni sem hjálpar til við að selja vörur og hvetja áskrifendur og það hjálpar vefsíður að fá reglulega lesendur.

Með því að fólk notar sífellt nýttar fyrirframbyggðar lausnir er það mikilvægt að gefa vefsíður nógu greinarmikil og persónuleiki til að rækta notanda áhuga.

Eftir allt saman, allt benda á vefsíðu er að vera einstakt, ekki að fylgja öðrum eða bjóða upp á nothæfa enn almenna og lífalausa skipulag. Með þessu í huga, við skulum kanna hvernig þvingunin við ofnotkun tiltekinna hönnunarsamninga og mynstur gæti haft áhrif á notendur.

Mettun og næmi

Til að byrja, skulum fara yfir tvær kjarnabreytur í vinnunni. Mettun, ekki að rugla saman við litatengdu hugtakið, vísar til alls kyns ákveðinna verkfæringa, tækni eða hönnunarmála á vefnum. Til dæmis, íhuga hvernig útbreiddar Google auglýsingar eru í dag og hvernig sumir hönnuðir pakka þeim inn á vefsíðum sínum.

Sensitization vísar hins vegar til hve miklu leyti notandi hefur áhrif á verkfæri, tækni eða framkvæmd. Það má segja að við höfum vaxið svo mikið til að sjá auglýsingar á netinu sem við höfum lagað til að sía þau út sem óviðeigandi bakgrunnsstøy og stundum sífellt að sía þau út.

Vídeóleikjaauglýsingar.

Við sjáum sífellt uppáþrengjandi auglýsingar sem nota fjör, hljóð og skær liti.

Þó að nokkrar framkvæmdir, svo sem auglýsingar, gætu sagt að draga úr verðmæti efnis, geta aðrir verið mjög gagnlegar ef þær eru notaðar ítrekað og stöðugt, svo sem smámyndir í myndasöfnum. Vegna þess að bæði mettun og ófullnæging getur bæði verið gott og slæmt, þá er nauðsynlegt vandamál sem hönnuðir standa frammi fyrir, hvernig á að fylgja og fylgja samningum.

Iðnaðurinn okkar byggir mjög á samkomulagi. Ef við notum ekki CMS eða sniðmát, notum við ramma og innblástur vefsíður. Að treysta á hönnunarsamþykktir gætu stafað af ótta við að ef menn fylgjast ekki með menningarlegum vaktum og stefnumótum, munu þeir líta svo á að þær séu úreltar eða að skilningur þeirra á notagildi verði kölluð. En þetta er langt frá sannleikanum.

Þó að afrita hönnun eða nota almennar samninga getur verið auðveldara takmarkar það möguleika manns til að tengjast notendum á tilfinningalegan hátt, sem ekki er hægt að taka létt.

Innihaldsstjórnunarkerfi.

Með svo mörgum ramma og CMS vélum, það er furða að við þurfum að byggja neitt.

Skulum skoða nokkrar af þeim ávinningi sem samkomur geta komið á vefsíðu og greina nokkrar helstu fallhýsingar sem gætu leitt þig til að ákveða ákveðna uppsetningu eða endurskoða eiginleika.

Við munum einnig kanna nokkrar lausar lausnir sem hjálpa þér að koma í veg fyrir að vefsvæðið þitt lítur út og líður út eins og þær milljónir skipulags sem ekki hafa raunverulegt einstakt seljauppástunga (USP) eða mikilvægi.

Góða hliðin á mettun

Ein aðal rök fyrir því að nota mettað þætti í hönnun er viðurkenningin sem það veitir notendum. Stefna og mynstur veitir ekki aðeins einföldum lausnum fyrir aðgerðir sem við viljum framkvæma (eins og valmyndir á flakki), en þeir hafa skýran notagildi vegna þess að þeir fullvissa notendur með kunnuglegum viðmiðum á síðunni.

Navigation valmyndarkerfi.

Stýrikerfi verða sífellt flóknari en þeir geta líka verið mjög glæsilegir.

Mettun getur leitt til fræðslu fyrir reynslu. Með því að veita samninga fyrir notendur minnkar mettun læraferillinn fyrir vefsíðuna með tímanum.

Íhuga hvernig við höfum vanist í fellivalmyndinni; ef þú hefðir aldrei séð þetta tól, gætir þú ekki orðið ljóst að sveima yfir það myndi rúlla út efri lista af hlutum. Slíkar sameiginlegu þættir geta haft minni gagnsæi eða sérstöðu, en þeir hjálpa notendum að sinna verkefnum sínum fljótt.

Mystery Kjöt flakk.

Mystery-kjöt siglingar skapar vandamál fyrir notendur. Þekking ætti að liggja fyrir fagurfræði.

Við höfum tilhneigingu til að taka sjálfsögðu hluti sem við sjáum á hverjum degi. Hversu oft, til dæmis, telur þú tækni á bak við umferðarljós? Þetta fyrirbæri er einnig hægt að nota til vefhönnunar.

Eins og mettunarsvið stefna eykst, munum við kynnast hlutverki sínu og hvernig það hefur áhrif á okkur. Þar af leiðandi getum við hugsað huglægum því þar til við þurfum að nota það. Hættan á þessu er "uppvakningur á vettvangi", sem við munum ræða síðar.

Leggðu áherslu á síðuna.

Notendur hafa tilhneigingu til að einbeita sér eingöngu á efni og geta misst skilaboð hönnunarinnar.

Stöðugleiki er önnur algeng áhrif á hönnunarsamninga. Þegar eitthvað hefur verið hrint í framkvæmd aftur og aftur, er líklegt að það hafi farið í gegnum nokkrar endurtekningar á prófun, greiningu og framförum og sem slík hækkun á virði.

Þar að auki, vegna þess að skilvirkni samninga, svo sem fellilistanum, hefur verið mjög rannsakað getum við byggt upp notkunarsvið til að ákvarða hvort og hvernig þær væru viðeigandi fyrir tiltekna uppsetningu.

Merki kallar til aðgerða.

Við vitum að notendur búast við að vera vísað aftur á heimasíðuna þegar þeir smella á lógó.


The Bad Side af mettun

Þó að öll þessi atriði sýna að mettun getur verið gagnleg, eins og með hvern þætti hönnunar, þá er það fliphlið sem ætti að gera þér kleift að hugsa tvisvar áður en þú stökk á hljómsveitinni. Fyrsta af þessum málum er misnotkun.

Fyrir ykkur sem geta muna Web 2.0 hönnunar tímann, þegar allt var glansandi og skreytt, var netið hreint með tilgangslausum hönnun, bæði fagleg og persónuleg. Allir afrita það sem þeir héldu voru vinsælar og því varð stefnain svo algeng að verðmæti hennar var glatað í klónasjó.

The Web 2.0 Era.

Web 2.0 hönnunartímarnir urðu úr hendi, og skipulag nýsköpunar orðið til vegna þess.

Beyond bara misnotkun á mettun, annar hindrun er hugsunarleysi sem stundum umlykur mettun. Þegar við innleiðum eiginleika eins og siglingarvalmynd, ættu gestir að þekkja marga þætti þess á síðunni.

En hvað gerist ef tólið virkar ekki eins og búist er við? Það kann að virðast léttvæg í fyrstu, en þróun takmarkar getu okkar til nýsköpunar og notendur forsendur geta komið í veg fyrir framfarir á vefnum.

Hnappar á vefnum.

Notendur búast við aðgerðum þegar þeir smella á hnapp, þannig að aðgerðin verður að vera viðbrögð.

Auk þessara þátta er eitt stærsta rökin gegn sniðmátum og mettuðum eiginleikum að þau miða ekki á þarfir tiltekinna markhóps.

Eitt af skilgreiningareiginleikum handverksmiðaðrar vefsíðu er að það hefur verið byggt (vonandi) með kröfum heimsóknarinnar. Þó að vefsíður geti komist í snertingu við almenna útlit, þá munu hönnun sem eru fallega iðn auka verðmæti vefsvæðisins og auðga eða bæta við innihaldinu.

Child orientated síða.

Þú getur greinilega sagt að þetta vefsvæði var byggt fyrir markhópinn: börn.

Endanlegt mál er áhrifin sem mettun hefur á gesti. Þegar skipulag verður venja, geta notendur auðveldlega misst af nýjum hlutum sem þeir gera ráð fyrir að hafi verið á fyrri heimsókn.

Þetta sálfræðileg ástand, þekktur sem "uppvakningur á vettvangi", birtist þegar notendur ekki taka eftir hlutum sem þeir ómeðvitað eða meðvitað telja óviðkomandi. Þetta er sérstaklega erfitt í auglýsingum; margir notendur loka auglýsingum með viðbótum vafra eða forðast að horfa á þau, jafnvel þó að auglýsingarnar séu gagnlegar.

Ad Block Plus fyrir Firefox.

Þó að sía valkostir geta verið gagnlegar fyrir notendur, þeir geta einnig gert það erfiðara að koma auga á.


Lausnir fyrir hönnuði

Fyrsta lausnin, sem virðist frekar augljós, er að nýsköpun, frekar en að afrita það sem er til.

Í sumum tilfellum er hins vegar besta aðgerðin sú að einfaldlega ekki endurfjármagna hjólið; Framboð á innblástursgalleríum, skera-og-líma forskriftir, CMS-vélar og skipulagsmyndir hafa tilhneigingu til að stuðla að því að hraðvirka hönnun, frekar en handverksmiðað, upprunalega framleiðslu.

Jafnvel ef þú notar fyrirframbyggðri lausn geturðu samt bætt eða sérsniðið það fyrir áhorfendur þína.

The WordPress CMS.

WordPress getur (og ætti að vera) að vera mjög sérsniðin til að passa við persónu einstaklings eða fyrirtækis.

Önnur lausnin er að ákvarða hvort almennar aðgerðir þjónar í raun ákveðin markmið. Hugmyndin um að hanna með tilgangi hefur verið í kring í mörg ár og á meðan notendur halda áfram að krefjast aukinnar gagnvirkni og stjórnunar á vefsetri (langt frá grunnuðu hönnunartímanum), ættum við aðeins að taka þátt í einni vefsíðu ef gagnsemi þyngra en kostnaðurinn við að vera þarna; Það ætti td ekki að stela athygli frá öðru efni. Sérhver hlutur ætti að þjóna gagnlegur tilgangur, jafnvel minni háttar þættir eins og "Skip" tenglar, sem aðstoða skjálesendur.

Hreint tengi.

Að fjarlægja óþarfa aðgerðir er enn vinsæll þar sem við elskum öll hreint tengi.

Einfaldleiki og markmiðið að beina augum gestrisins gagnlegt innihald er kjarna góðrar hönnun. Til að koma í veg fyrir yfirmettun, verðum við að gæta varúðar við að bæta við hlutum á síðunni (og sérstaklega ekki gera það ítrekað) og ekki verða of áhugasamir með "lögun hleðslu."

Við vitum að ofhleðsla notendur munu neyða þá til að vinna erfiðara að þróast í gegnum síðuna; og fleiri truflanir sem eru til, því meiri hætta á að mikilvægt efni muni saknast. Hönnuðir verða að vera viðkvæmir þörfum notenda, draga úr námsferlinum og hámarka sýnileika efnis.

Góð og slæm dæmi

Í fyrsta dæmið hér fyrir neðan hefur mikið af orku greinilega farið í jafnvægisstefnu og frumleika. Takið eftir því hvernig útfærsla á föstum breiddum, miðju og mjög sýnilegu merki og kunnuglegu þættirnar koma saman á síðunni án þess að valda notendum of mikið. Þó að skrun er krafist, býður tengið upp á einstakt snúning, með lúmskum sveiflum sínum, typographic vali og vandlega skipulagðar prófílsmyndum.

Eina raunverulega hæðirnar eru að notendur sem ekki eru kunnátta gætu ekki auðveldlega greint sjónmerkin. Mystery-kjöt flakk er alltaf stór áhætta.

Dæmi A.

Útlitið fyrir þetta annað dæmi er kannski minna einstakt en fyrsta. Og ennþá er það ennþá góð reynsla af stuttu námsferlinum fyrir notendaviðskipti: Merkið og flakkavalmyndin eru þar sem þú býst við að þau séu; Vefsíðan fylgir hefðbundnum skilmálum fyrir eignasöfn (þótt í þessu tilfelli er skjárinn frekar sóa); og auga-smitandi infographics ýta notendum til að fletta niður á síðunni.

Valstikan er frekar áhugaverð. Margir hönnuðir virðast samþykkja einn til að reyna að ná meiri stjórn á fagurfræði vefsíðunnar. En vegna þess að smærri smellt er á svæðið hér, gæti þetta skipulag verið mjög óaðgengilegt fyrir notendur sem nota vélknúin ökutæki, og það gengur gegn sameiginlegri tilhneigingu til að nota sjálfgefna vafrann. Það er mótspyrna og það er gott dæmi um óviðeigandi hönnun.

Dæmi B.

Þessi síðasta vefsíða er alvöru "hvað ekki að gera" dæmi. Eins og þú getur séð, meðan reynt er að setja notendur á vellíðan, er MSN heimasíðan ekki frumleg og sýnir ekki innihald hennar greinilega.

Merkið, leitarreitinn og táknmyndin eru ásættanleg, en þegar notandinn rúlla niður verður blaðinu sífellt ringulreið vegna þéttu pakkaðra hönnunarsamninga.

Það eru allt of margir valmyndir á leiðsöguvalmyndinni, sem leiðir til ruglings. ef til vill hefði fellivalmyndin verið nóg. Að auki occupies auglýsingar einn sjötta af síðunni, þannig að afla athygli notandans. Ennfremur, þegar við förum niður, er blaðsíðan dreifð með slideshows, flipaðum innihaldsefnum og hundruðum yfirfylla tengla. Þetta er yfirmettun í sitt besta: of mikið er með of lítið frumleika eða tilgang.

Dæmi C.

Mettun og jafnvægi milli samnings og frumleika mun alltaf myndast að miklu leyti í hönnun.

Þar sem vefurinn heldur áfram að þróast munu nýjar reglur og samninga kynna sig. Þó að við viljum forðast að búa til hönnun sem er svo ólík að þeir rugla saman notendur, verðum við að halda einstökum þáttum í starfi okkar til að koma í veg fyrir pigeonholing gesti okkar.

Hvert vefsvæði mun eiga sinn eigin áskoranir og þarfir og ábyrgð hönnuðarinnar verður að ýta aftur gegn almennum "andstæðingur-reynslu" sniðmátanna og koma með nýsköpun aftur í starfið.



Einstaklega skrifað fyrir WDD eftir Alexander Dawson. Hann er sjálfstætt vefur hönnuður, höfundur og afþreyingar hugbúnaður verktaki sem sérhæfir sig í vefur staðla, aðgengi og UX hönnun. Eins og að keyra fyrirtæki sem heitir HiTechy og skrifar, hann eyðir tíma Twitter , Umræðuefni SitePoint og öðrum stöðum, hjálpa þeim sem þarfnast. "]

Hvað finnst þér um mettun í vefhönnun og hvernig standa þér frammi fyrir þessum áskorunum á vefsvæðum þínum? Vinsamlegast deildu hugsunum þínum hér fyrir neðan ...