Hefur þú heyrt um bókasöfn, stílhandbækur, hluti bókasafna, hönnunarmynstur eða UI tól? Ekki hafa áhyggjur ef þú ert ruglaður eða þekkir ekki muninn. Hér er leyndarmál - flestir í hönnunariðnaði eru líka svolítið ruglaðir.

Með öllum þessum skilmálum fljúga í kringum það getur fljótt orðið yfirþyrmandi. En vertu viss um að það er í raun miklu minna flókið en þú gætir fyrst hugsað.

Öll þessi mismunandi hugtök geta verið flokkuð í tvo mismunandi flokka:

1) Stíll fylgja

Þetta eru leiðbeiningar um vörumerki fyrir vefsíðuna. Þau innihalda lógóið, liti og leturfræði. Stíllhandbók tekur allar viðeigandi hlutar viðmiðunarreglna um vörumerki og setur þær saman.

2) Mynstur bókasafna / hluti bókasafna / UI tól

Öll þessi hugtök vísa til sama.

Þau eru safn af endurnýjanlegum íhlutum sem búa til vefsíðu. Mynstur bókasöfn (eins og ég vísa til þeirra frá og með) er leið til að tákna allt sem gerir vefsíðu. Þetta felur í sér skipulag, uppbyggingu og allt sem er í þeim.

Á eCommerce website þetta myndi fela í sér vöru atriði, endurskoðun, stjörnu einkunn, magn, siglingar, töflur og hnappar, til að nefna nokkrar. Hver þeirra kallast hluti.

Svo er mynsturbæklingur safn af íhlutum sem gera upp vefsíðu.

Mynstur bókasöfn vs stíl leiðsögumenn

Vefsíður þurfa bæði stílhandbók og mynsturbækling. Þeir munu oft lifa saman sem gæti verið þar sem mikið af ruglingunni kemur frá.

Stílleiðbeiningar sækja um vörumerkingu en mynsturbibliotekar nota skipulag og uppbyggingu. Til dæmis, stíll fylgja fyrir Levis myndi fyrirmæli heimasíðu ætti að nota rautt með mikið letur en mynstur bókasafn myndi fyrirmæli vöru skráningu atriði ætti að innihalda mynd, titil og verð.

kynningu

Bæði leitast við sameiginlegt markmið, að gera vefsíðuna í samræmi, á vörumerki og notendavænt.

Af hverju eru þau gagnlegar?

Yfirgripsmikið ávinningur af stílleiðsögumenn og mynsturbókasöfnum er samkvæmni. Hönnuðir elska samkvæmni, verktaki elska samræmi, website eigendur elska samkvæmni og síðast en ekki síst, viðskiptavinir þínir elska samkvæmni.

Þess vegna:

Hagur fyrir viðskiptavini þína

  • Bætt frammistöðu og hraðari vefsíður vegna þess að nota samhæfa hluti og stíl þýðir sléttari og hreinni kóða.
  • Samhæft notendaviðmót um vefsíðuna sem gerir þér kleift að auðvelda siglingar - ef vara birtist á sama hátt alls staðar, er auðveldara að skilja.
  • Betri vafra stuðningur vegna þess að mynstur bókasöfn leyfa okkur að einangra og nákvæmlega prófa hluti.

Hagur fyrir eigendur vefsíðu

  • Ein stað sem inniheldur allt á vefsíðunni sinni.
  • Byggja nýjar síður og köflum fljótt með því að nota núverandi hluti.
  • Vefsíðan haldist hratt og halla því nýjar atriðir geta arfleiddir áður byggðir hluti.
  • Sérhver síða á vörumerki. Engar undantekningar. Style leiðsögumenn gildi vörumerki samkvæmni með engin villur letur eða litir creeping inn.
  • Hærri viðskiptahlutfall vegna þess að vefsíðan er samkvæmari sem gerir vefsíðuna hraðari og veitir samræmda notendavanda um.
  • Bætt leitarvél hagræðingu frá samkvæmum og vel skipulögðum hlutum.
  • Lean og hreinn kóða þýðir að framtíðarvinna tekur minni tíma.
  • Eykur líftíma vefsvæðisins vegna þess að stöðug framför eru auðveldara að gera.

Hagur fyrir forritara

  • Skrifaðu minna og betri kóða. Þetta gerir kóðunarstöðin verulega auðveldara að vinna með og stjórna.
  • Engin treysta á einn mann. Allir íhlutir eru aðgengilegar öllum svo ekki er þörf á frekari þekkingu til að byggja upp nýjar köflur og síður.
  • Bætt við prófanir á vafra þannig að þegar nýir hlutar eru saman ertu viss um að það mun virka í öllum studdum vafra.
  • Góð skjöl eru venjulega byggð á mynsturbæklingnum.

Hagur fyrir hönnuði

  • Allt á vörumerki. Ef það er í mynsturbæklingnum er það á vefsíðunni. Sérhver hluti er hægt að athuga til að tryggja að það lítur vel út.
  • Samræmi hönnun og skipulag. Endanlegur hluti þýðir betri hönnunarkerfi er búið til.
  • Alltaf vita hvað er á síðunni. Ef nauðsynlegt er að vinna í hönnunarverkefni er hægt að nota mynsturbæklinginn sem tilvísun fyrir það sem þegar er til staðar.

Dæmi

Eins og leiðsögumenn og mynsturbókasöfn verða vinsælari hefur einnig opinberlega aðgengilegt dæmi. Það er jafnvel heilt vefsvæði tileinkað sýningunni.

Hér eru nokkrar af uppáhalds dæmi okkar.

Sölustjóri

Þetta er ein af fánustu útgáfum sem þú finnur á vefnum. Stíll fylgja þeirra og mynstur bókasafn inniheldur allt sem er á heimasíðu þeirra. Þú verður einnig að taka eftir því að það felur í sér fullt af skjölum og leiðbeiningum um hvernig á að kynna hluti.

sölustjóri

uSwitch

Í viðbót við stíll fylgja og mynstur bókasafn, uSwitch hafa ákveðið að bæta við tungumáli og tón. Þetta er frábær hugmynd þar sem það virkar sem öll umfangsskjal fyrir vefsíðuna; tryggja að hönnun, skipulag og jafnvel tónn sé í samræmi.

ustyle

Walmart

Hver hefði hugsað Walmart Viltu hafa einn af bestu leiðsögumenn og mynsturbibliotekum í kringum? Þetta er frábært dæmi um eCommerce website með því að nota hluti til að byggja upp síður á vefsíðunni sinni. Það er líklega einn af alhliða útgáfur þarna úti.

Walmart

Innan stofnunar

Flest dæmi um góða leiðsögumenn og mynsturbókasöfn eru fyrir stóra vefsíður. Það gæti verið auðvelt að hoppa niður að þeir séu aðeins gagnlegar fyrir vefsíður sem hafa fullt af fólki sem vinnur stöðugt að þeim.

Við sjáum líklega alltaf dæmi um stóra vefsíður vegna þess að tíminn til að byggja upp stílhandbók og mynsturbæklingur getur verið veruleg. Flestir smærri vefsíður geta ekki réttlætt fyrstu upphæðin sem þarf til samanburðar við framtíðarsparnað.

Á iWeb reynum við að breyta því. Markmið okkar er að gera hvert vefsvæði sem við byggjum eins hratt og halla og mögulegt er. Um 18 mánuðum síðan byrjuðum við að byggja upp eigin stílleiðsögn og mynsturbækling. Við höfum búið til það Chop Chop .

Að vera stofnun sem við getum nýtt sér kosti þess að vinna á heilmikið af verkefnum í hverri viku. Þessi einstaka innsýn í vefsíður gerir okkur kleift að byggja upp stílleiðbeiningar og mynsturbækling sem hægt er að nota á öllum vefsíðum, sama hvaða stærð sem er.

Með því að nota sama bókasafnið með kóða á hverju verkefni getum við kynnt miklu meiri samkvæmni um borð. Þetta hefur mikla ávinning fyrir alla viðskiptavini okkar. Þar sem verkefnin verða samkvæmari eru fleiri verktaki fær um að vinna á þeim án fyrirfram þekkingar. Þetta þýðir að enginn verktaki er bundinn við verkefnið, þannig að vinna að því að byrja hraðar og taka minni tíma.

Ekkert nema ávinningur

Við sjáum að það er ekkert annað en ávinningur af því að hafa stílhandbók og mynsturbækling fyrir hvert vefsvæði. Að byggja upp eigin kerfi okkar hefur gert okkur kleift að draga úr upphaflegu kostnaðarverði sem venjulega er krafist. Með tímanum mun þetta halda áfram að bæta.

Style fylgja og mynstur bókasöfn koma bætur fyrir viðskiptavini, website eigendur, verktaki og hönnuðir. Svo á næsta verkefni, eða jafnvel núverandi, er það örugglega þess virði að spyrjast fyrir um tækifæri til að nota þau.