Using Atomic Design í nútíma Web Development
Ef það er eitthvað sem ég hef lært að vinna fyrir tæknifyrirtækið, þá er það til þess að byggja upp vefsíðu - mjög ótrúlegt, fallegt og hátt starfandi vefsvæði - margar mismunandi hæfileika og þættir verða að koma saman og vinna í samræmi. Stundum getur það líkt eins og að vinna á turninum í Babel: Einn maður er að sigla í smáatriðum með strikamerkjum, krakkarnir yfir herberginu eru rattling af stafrófsúpa af mismunandi forritunarmyndum og reikningsstjórinn er við hliðina á mér í símanum útskýrir hvernig á að nota efnisstjórnunarkerfi til viðskiptavina, allt á meðan ég er að reyna að skrifa þessa grein í venjulegri ensku.
Allir þessir þættir þurfa leið til að koma saman án þess að nokkuð glatast í cacophony og það er tiltölulega nýtt hugtak sem hefur virkilega hjálpað okkur að vinna betur sem lið: hönnuðir, verktaki, prófanir ... allir.
Það er kallað Atomic Design .
Hvað er Atomic Design?
Hlutar Atomic Design voru fengnar úr hönnuði Brad Frost 'S heillandi við efnafræði; atóm eru minnstu einingin, bindandi í sameindir, sem síðan mynda flóknari lífverur, að lokum skapa öll mál í alheiminum.
Svo, ef við erum í alþjóðlegu geimstöðinni, að horfa niður á öllu verkefninu í heild, er hér lokið vefsíðu listans fyrir nýlegt verkefni sem við sóttum Atomic Design til, Route 93 Pizza Mill :
Heimasíða heimleiðarinnar Pizzu samanstendur af öllum þáttum okkar sem sameinað, hagnýtur vefsíða. Nú, ef við setjum síðuna undir smásjá, getum við séð kyrrstæða hluti hennar:
Atóm: Hér að neðan eru atóm fyrir vefsíðu vefsíðu Route 93 Pizza Mill. Atómin eru grunnbyggingin, svo sem merki, form merki, hnappar, litaval og leturgerðir. Þó ekki mjög gagnlegt á eigin spýtur, eru atóm bráðabirgðarviðmiðunarpunktur þinn - upphaf sköpunar þinnar.
Sameindir: sameindir eru þar sem atóm eru sett til vinnu-þar sem lokið vefsvæði hönnun byrjar að líða áþreifanleg. Í sameindunum fyrir Route 93 geturðu séð litatöflu, leturgerðir og táknmyndina sameinast í formasvæðum, myndatökum og hnöppum. Þeir eru, eins og Frost setur það, tólið þitt til að "gera eitt og gera það vel."
Líffæri: Þegar við komum að lífverum getum við búið til alla fæti fyrir Route 93. Það sameinar allar ofangreindir þættir í vinnanlegt, fagurfræðilegan vef.
Grunnskráin: Nú þegar við höfum öll innihaldsefnin þurfum við áþreifanlegan matseðil sem hægt er að raða þeim í eitthvað meltanlegt. skjal sem inniheldur öll ofangreind atriði sem læsileg, nothæf auðlind-tengi lager.
Þó að sumar stofnanir kalla þetta mynsturbækling eða stílleiðbeiningar og nota tengigagnagrunninn sérstaklega til að vísa til endurskoðunar sem þeir hafa gert á núverandi vefsíðu, notum við hugtakið Interface Inventory fyrir eigin verkefnum (auk endurskoðunar annarra vefsvæða) sem hluti af stöðugu matferli.
Vegna þess að vinnuflæði Atomic Design líkist líklega við kjúkling eða eggja-gerð vandamála, tekur viðmiðunarskráin yfirleitt nokkuð lífrænt eftir stofnun heimasíðunnar og aðra síðu vefsins, en ekki of lengi eftir það. Eins og þessir tveir upphafssíður taka form, tryggir hönnuðurinn að þættirnir séu bæði í samræmi. Fyrir allar síður eftir það geta þeir síðan tekist úr skránni. Þetta gefur til kynna að hægt sé að nota sjónræna stíl um verkefnið, bókstaflegt algengt tungumál, á ensku ensku, háskóða kóða, hnappastílum, púðarbreiddum osfrv. Sem verktaki og allt liðið getur vísað til.
Með því að hanna Interface Inventory með Atomic Design aðferðinni, getum við byrjað með frumstæðu einingar og sett saman þau í lokið þætti. Þetta ferli bætir skilvirkni, samskipti meðal liðsmanna og framleiðir fallegri vefsíðu í heild.
Hvað Atomic Design gerir fyrir okkur
Atomic Design hjálpar okkur bæði að finna traustan "sannleika" um hönnun verkefnisins sem við erum að vinna að, auk þess að búa til sameiginlegt orðaforða milli listræna og tæknilega þætti þess. Það hvetur til öflugra kerfisins sem bætir UX og veitir aðferðafræði þannig að hönnuðir geti staðist viðmiðunarreglurnar sem byggir á íhlutum og haldið áfram með sköpunargáfu.
Auðvitað eru forritarar kóðaðir frá jörðu niðri en nálgun listamanns hefst venjulega í meira nebulous formi, sem þá solidar í hagnýtur vefsíðu eftir nokkrar mótun. Atomic Design hvetur - og krefjast hönnuða til að vinna frá jörðu niðri líka, til að gera hluti af viðmótinu í samræmi og markvissari á lægsta mögulegu stigi.
Stofnun þessarar sameiginlegu tungumáls, sem táknar tengimagnið, tryggir hönnuði og verktaki ekki að finna nýjar lausnir á vandamálum sem þegar hafa verið leystar. Til dæmis, ef nýtt snertingartexta er bætt við í verkefni, þá eru þær stíll sem þarf til að búa til þetta form þegar til og getur auðveldlega verið notað til að byggja upp síðuna og telja það óþarfa fyrir hönnuður að setja fram frekari viðleitni. Það tekur ekki endilega vinnu í burtu frá hönnuði, en í staðinn gerir það auðveldara fyrir forritara að fljótt byggja upp lausnir frekar en að krefjast þess að hönnuður leggi fram hverja síðu eða lífveru fyrst. Hlutverk hönnuðarinnar er síðan breytt í eitthvað meira eins og liststefnu eftir að síðurnar hafa verið byggðar. Þessir áþreifanlegar "sannleikar" útiloka einnig þörfina á að nota hönnuðinn sem dómarinn. Spurningar eins og, "er þetta hönnun val ásetningi?" Eða "hvaða lit ætti að nota á þessari tilteknu þætti?" Eins og heilbrigður eins og breytingar á síðustu stundu eða viðbætur á síðu eru svaraðar af Interface Inventory.
Sameiginlegt tungumál heldur áfram í gæðatryggingu. Þegar ég prófar vefsíðu fyrir bæði efni og virkni, dregur ég Interface Inventory upp í skjánum mínum sem leiðbeiningar. Þó að fremst er hönnuður tól og í öðru lagi verktaki tól leyfir það öllum á liðinu að taka þátt í samtali um hönnun og samkvæmni þar sem við tryggjum að vefsvæði okkar séu óaðfinnanlegur og tilbúinn til afhendingar til viðskiptavinarins.
Niðurstaða
Til þess að tryggja rétta framkvæmd verkefnisins, sérstaklega sumir af þeim stærri sem við finnum oft við að takast á við, samskipti eru lykill; ef þú ert að hrópa fjölda mismunandi hugmynda í herberginu á hvor öðrum, þá mun ekkert framkvæmanlegt verða. Atomic Design hjálpar til við að starfa sem þýðandi fyrir þessar mismunandi deildir og "tungumálin" sem fylgja með þeim til að viðhalda samræmi í hönnun. Það skapar mátúrræði fyrir liðið, sem gerir ráð fyrir samfellu og árangri í skilvirkum viðsnúningi, færri mistökum og meira fáður fullunnu vöru.