Nneɛma a wɔde yɛ nneɛma abɛyɛ yɛn da biara da adwuma no fã titiriw, araa ma sɛnea nhyehyɛe bi a wɔde yɛ nneɛma no nyin na enyin yiye no betumi ama ade anaa adwuma bi ayɛ anaasɛ abubu. Great tokens, components and organization aren’t enough — ɛyɛ mpɛn pii no amammerɛ ne curation na ɛma nhyehyɛe a ɛtra hɔ daa, a wɔagye atom kɛse. Ebetumi ayɛ den sɛ yebehu baabi a yɛde yɛn bere ne yɛn adwene besi. Yɛbɛyɛ dɛn akyekye na yɛhwɛ nhyehyɛe a yɛde yɛ nhyehyɛe a ɛboa yɛn akuw, ɛma yɛn adwuma tu mpɔn, na yɛne yɛn nyin?
Nsɛm a wɔatwe afi mu: Design System Culture Amammerɛ yɛ ade a ɛyɛ serew. Yɛn nyinaa wɔ nkate bi wɔ sɛnea ɛho hia ho —anyɛ yiye koraa no yenim sɛ yɛpɛ sɛ yɛyɛ adwuma wɔ amammerɛ kɛse bi mu na yɛkwati nea awuduru wom no. Nanso agye dimmɔne sɛ ɛyɛ den sɛ wɔbɛkyerɛkyerɛ amammerɛ mu, na sɛ wɔsakra no a, ebetumi ayɛ te sɛ nkonyaayi sen nokwasɛm. Adwumakuw biako amammerɛ betumi ayɛ nea ɛkanyan ebinom na ɛyɛ mfonoe ama afoforo, beae a ebinom nyin na ɛyɛ nea ɛyɛ den ama afoforo. Nea ɛka nuance no ho ne sɛ, ɛnyɛ sɛ w’adwumakuw no wɔ amammerɛ bi nko, na mmom ɛwɔ amammerɛ nketewa pii. Ɛte saa efisɛ ɛnyɛ ankorankoro biara na ɔbɔɔ amammerɛ. Amammerɛ yɛ biribi a ɛba bere a nnipa kuw koro no ara hyiam mpɛn pii bere a bere kɔ so no. Enti, bere a adwumakuw bi nyin, de nhyehyɛe ne nhyehyɛe ka ho no, akuw a wɔhyehyɛe twaa botae pɔtee, nneɛma, nneɛma, nteɛso, ne nea ɛkeka ho ho hyiae no nyinaa nya wɔn ankasa amammerɛ nketewa. Ebia wowɔ design subculture bi. Ebia wowɔ product ownership subculture. Ebia mpo wowɔ subculture a ɛreyɛ atwa saa folks a wɔkɔ Zoom frɛ so Tuesday biara wɔ awia aduan mu kɔ knit na wɔbɔ nkɔmmɔ no ho ahyia. Amammerɛ nketewa ɔhaha pii anaa nea ɛboro saa na ɛwɔ ahyehyɛde dodow no ara a ne kɛse ye mu. Ɛyɛ nea ɛyɛ den, ɛyɛ nuanced, na ɛho hia kɛse. Sɛ ankorankoro bi repere wɔ ɔkwan a wɔfa so di ne so ho a, amammerɛ biako ma wotumi de nsɛm a ɛyɛ nokware ma wɔn panyin, bere a foforo ma wɔhwehwɛ adwuma foforo. Sɛ adwumakuw bi ma awia aduan a wontua hwee Fida a, amammerɛ bi ma wonya anisɔ ho adwene wɔ mfaso yi ho; foforo nso ma wote nka sɛ awia aduan a wontua hwee yi de akwanhwɛ ba sɛ wuntumi mfi adwuma da. Amammerɛ biako de sikasɛm mu aba di kan sen nkitahodi a obu wom. Amammerɛ biako hyɛ akansi a ɛkɔ so wɔ akuw ahorow ntam ho nkuran, bere a foforo si biakoyɛ a wɔne mfɛfo adwumayɛfo bɛyɛ so dua. Dɛn Nti na Amammerɛ? Wɔ afe 2021 mfitiaseɛ no, wɔka kyerɛɛ m’adwumakuw no sɛ wɔmmoa ahyehyɛdeɛ kɛseɛ bi nhyehyɛɛ, nhyehyɛɛ, na wɔnsi nhyehyɛɛ nhyehyɛeɛ a ɛka adeɛ a ɛsua koraa a ɛbɛtumi ayɛ adwuma a ɛwɔ afiri foforɔ ho adwene mu no ho. Eyi ne adwuma a yɛdɔ ankasa, enti kuw no ani gyei sɛ wobehuruw akɔ mu. Sɛ́ obi a ɔkyerɛw nhoma bi a ɛfa nhyehyɛe ahorow a wɔde yɛ nneɛma ho no, mempɛ hwee sɛ mɛka sɛnea saa aware nhyehyɛe yi kɔɔ so nwonwaso no akyerɛ mo. Mmom no, na ɛyɛ apereperedi kɛse. Ɛmfa ho sɛ na eyi yɛ adwuma a edi mũ ma me ne me kuw no wɔ krataa so no, na ɛsɛ sɛ yesi gyinae a emu yɛ den sɛ yɛbɛtwe yɛn ho afi yɛn adetɔfo no ho wɔ saa afe no awiei. Ɛnyɛ sɛ yɛantumi anyɛ adwuma no nti. Ɛnyɛ mfiridwuma mu nsɛnnennen anaa sikasɛm ho haw biara nti. Nea enti a yɛde mae ne “amammerɛ a ɛne ne ho nhyia.” Ɛkame ayɛ sɛ mfe aduonu a mede yɛɛ m’ankasa nnwuma mu no, na eyi nsii me so da. Ne nyinaa akyi no, yɛn clients mma yɛn nkyɛn efisɛ wɔasusuw biribiara ho — wɔba efisɛ wonim sɛ wohia mmoa. Sɛ yɛantumi ankyerɛ wɔn kwan wɔ bere a emu yɛ den mu a, dɛn nti na na yɛwɔ hɔ mpo!? Ɛho nhia sɛ yɛbɛka sɛ antra me ho yiye. Enti, bere a midii ehu nhama kakraa bi a mfaso nni so a yɛantumi atwitwa kɛkɛ akyi akyi no, mede afe a edi hɔ no de me ho kɔhyɛɛ kraman tokuru bi mu a na mereyɛ nhwehwɛmu wɔ ahyehyɛde amammerɛ ho. Saa ɔfa a edi hɔ yi yɛ nea misuae wɔ saa afe no mu ne sɛnea mede saa adwuma no adi dwuma fi saa bere no ho nsɛm tiawa. Sɛ yɛbɛhyɛ aseɛ a, momma yɛnhwehwɛ nteaseɛ a yɛtaa nya wɔ deɛ amammerɛ yɛ ho. Dɛn Ne Amammerɛ? Wɔ mfe du du kakraa a atwam no mu no, wɔaka pii afa adwumayɛbea amammerɛ ho. Efi nea enti a ɛho hia ne sɛnea ɛka akwan a yɛfa so di anim no ntease so kosi akwan horow a yɛbɛfa so asesa no a yɛde bɛma so. M’ahu mfaso kɛse wɔ nhwehwɛmu ne nkyerɛwee a Edgar Schein, aguadi ho ɔbenfo ne adwene ne nneyɛe ho ɔbenfo yɛe no mu. Schein de nhwɛso a ɛnyɛ den ma de kyerɛkyerɛ nea amammerɛ yɛ mu, na ɔkyekyɛ mu abiɛsa:
Nneɛma a Wɔde Yɛ Nneɛma Nneɛma a wɔde ayɛ nneɛma yɛ nea ɛkorɔn sen biara wɔ Schein’s model no mu. Eyinom ne nneɛma a nkurɔfo susuw ho bere a woka sɛ “amammerɛ” — mfaso horow a wotumi hu a adwumakuw bi de ma. Bere bi na meyɛ adwuma wɔ baabi a yebetumi abɔ ka de donuts aba ama kuw no. Adwuma foforo a na mede bɔɔlbɔ pon ama. Adwumakuw bi hyɛɛ yɛn nkuran sɛ yɛnbom nnoa awia aduan dapɛn biara. Saa nneɛma yi, ne...company swag, channel a ɛwɔ Slack a wunya kwan de w’atipɛnfo hoahoa wo ho, ne company retreat no nyinaa yɛ wo company amammerɛ “artifacts.” Gyidi Ne Gyidi Ahorow a Wɔahyɛ no Foforo Wɔfrɛ ɔfa a edi hɔ a ɛba fam no “gyinabea ne gyidi ahorow a wɔde gyina akyi.” Eyi ne nea nnipa a wɔwɔ amammerɛ no mu ka sɛ wogye di. Ɛyɛ gyinapɛn ahorow a wɔahyehyɛ, asɛmpatrɛw asɛm, anisoadehu. Ɛyɛ nsɛm a ɛwɔ wɛbsaet no so na wɔde plaster abɔ afasu no so. Ɛyɛ nneɛma a wohwɛ kwan sɛ wubenya bere a woagye adwuma no efisɛ ɛyɛ sɛnea nkurɔfo buaa wo nsɛmmisa nyinaa wɔ nsɛmbisa nhyehyɛe no nyinaa mu. Nsusuwii Titiriw a Ɛhyɛ Ase Wɔfrɛ ɔfa a emu dɔ sen biara no “nsusuwii atitiriw a ɛhyɛ ase.” Eyi ne nea nnipa a wɔwɔ ahyehyɛde no mu gye di ankasa. Ɛyɛ ɔkwan a akannifo ne adwumayɛfo fa so yɛ wɔn ade, nea ɛda nsow kɛse wɔ gyinaesi a emu yɛ den anim. Saa layer yi ne w’amammerɛ ntini. Na ɛmfa ho nea wobɛda no adi (artifacts), ɛmfa ho nea wobɛka (espoused beliefs), nneɛma a wugye di (nsusuwii a ɛhyɛ ase) no bepue awiei koraa. Efi Ase Wɔ Ase Sɛ́ odwumayɛni no, wubenya saa nneɛma yi mu osuahu fi soro aba fam. Wo da a edi kan no, wohwɛ nea ɛrekɔ so wɔ wo ho — wuhu amammerɛ no mu nneɛma a wɔde ayɛ nneɛma. Awiei koraa no, wubehu nnipa kakraa bi. Bere a wo ne wɔn rebɔ nkɔmmɔ pii no, wubefi ase ate sɛnea wɔka amammerɛ no ho asɛm — wɔn gyidi ahorow a wɔkamfo kyerɛ. Edu baabi a, nnipa a wɔwɔ w’amammerɛ mu no behyia tebea horow bi a emu yɛ den. Eyi ne baabi a rɔba no hyia kwan no ne bere a wubehu nea saa ankorankoro no nsusuwii atitiriw a ɛhyɛ ase no yɛ. Ahyehyɛde ahorow a enni apɔwmuden nni nhyehyɛe biara a wɔde bɛda saa nsusuwii ahorow a ɛwɔ ase no adi na wɔabu no sɛ ɛsom bo. Ahyehyɛde ahorow a ɛwɔ apɔwmuden nim sɛ amammerɛ fi ase wɔ ankorankoro biara a ɔwɔ adwumakuw no mu nsusuwii atitiriw a ɛhyɛ ase no so. Ahyehyɛde ahorow a wonni apɔwmuden bɔ mmɔden sɛ wɔde mfaso ne asɛmpatrɛw nsɛm bɛbɔ amammerɛ. Ahyehyɛde ahorow a ɛwɔ apɔwmuden ma kwan ma ntoatoaso abien a ɛwɔ soro no fi ase fi ase no fi awosu mu. Sɛ nsusuwii atitiriw a ɛwɔ ase no ne gyidi ne nneɛma a wɔde ayɛ nneɛma a wɔagye atom no nhyia a, abusuabɔ a ɛda ntam no mu yɛ den. Ɛtaa yɛ den sɛ wobɛka ɔhaw no ho asɛm, nanso nkurɔfo bɛte nka. Eyi ne adwumakuw a ɛwɔ gyinapɛn titiriw a ɛne “abusua kan” a ɛhwehwɛ sɛ wutu kwan bere nyinaa a wunhu nkɛntɛnso a enya wɔ w’abusua ankasa so no. Wɔmfa nsiyɛ nhyɛ gyidi a wɔkamfo kyerɛ sɛ wɔde abusua di kan no akyi wɔ gyinaesi ahorow a wɔresi no mu. Ahoɔden Ne Mmerewa Yɛn nyinaa nim saa nneɛma yi wɔ yɛn adwene mu, na ɛno da adi wɔ kasa a yɛde di dwuma bere a yɛreka ahyehyɛde bi amammerɛ ho asɛm no mu. Yɛtaa de nsɛmfua “ahoɔden” ne “mmerɛw” di dwuma de kyerɛkyerɛ amammerɛ mu. Ebia wobɛka sɛ, “Saa adwumakuw no wɔ amammerɛ a emu yɛ den.” Saa asɛm yi yɛ nea ɛkyerɛ sɛ ntoatoaso no hyia, na ɛno kyerɛ sɛ amammerɛ no ankasa yɛ ɔkwan a wɔfa so kyerɛ gyinaesi ahorow kwan. Sɛ yɛn nyinaa wɔ gyinapɛn koro a, yebetumi de yɛn ho ato yɛn ho yɛn ho tumi a yɛde besi gyinae a ɛne saa gyinapɛn ahorow no hyia no so. Nea ɛne eyi bɔ abira no, ahyehyɛde a n’amammerɛ yɛ mmerɛw no reyera sɛnea nneɛma a wɔka ne gyinaesi ahorow no hyia no. Saa amammerɛ ahorow yi taa de nhyehyɛe ne akwan horow ka ho bere nyinaa sɛnea ɛbɛyɛ a wɔbɛbɔ ankorankoro nneyɛe ho ban. Wɔ saa tebea yi mu no, amammerɛ no yɛ mmerɛw efisɛ ɛmma akwankyerɛ a ɛyɛ ɔkra a amammerɛ a ɛyɛ den de ma — misalignment no kyerɛ sɛ nneɛma a yɛpaw sɛ yɛbɛyɛ no yɛ soronko wɔ nneɛma a yɛka no ho. Ɛno nkyerɛ sɛ nhyehyɛe ne akwan a wɔfa so yɛ adwuma no nye. Bere a nnwumakuw renya nkɔso no, ɛho hia sɛ wɔkyerɛw nea wɔhwɛ kwan ma nkurɔfo. Amammerɛ a emu yɛ den a ɛyɛ nnam no kyerɛ sɛ saa nkrataa yi taa yɛ nea apue wɔ ɔkwan a ɛyɛ ɔkra so no ho nhyehyɛe, bere a amammerɛ a ɛyɛ mmerɛw yɛ n’ade wɔ tebea horow a enye ho a wɔwɔ anidaso sɛ ebesiw bɔne no kwan bio. Editor’s Nsɛm a Wɔakyerɛw So w’ani gye nea woakenkan de besi nnɛ no ho? Eyi yɛ Ben nhoma a ɛreba no mu asɛm bi kɛkɛ, Maturing Design Systems, a ɔhwehwɛ nhyehyɛe bi a wɔde yɛ nneɛma mu, kyerɛkyerɛ sɛnea amammerɛ hyehyɛ nea efi mu ba, na ɔkyɛ akwankyerɛ a mfaso wɔ so ma nsɛnnennen a ɛwɔ ɔfã biara mu — efi v1 a wɔbɛkyekye ne mmofra a wɔfa wɔn a wɔwɔ apɔwmuden a wɔrenyin so kosi “mmabunbere mu mfe” a wɔbɛfa so akɔ so na awiei koraa no ɔde nhyehyɛe a ɛyɛ den, a ɛwɔ nkɛntɛnso di dwuma. Nsɛm a Wɔahyehyɛ
Nsɛm a ɛfa hoNnianim asɛm a ɛfa nsɛm a ɛfa nhyehyɛe nhyehyɛe ahorow ho, ntease a wobɛte baabi a wɔte wɔ w’ahyehyɛde no mu, nea ɛma wɔn aduan, ne sɛ ebia ɛsɛ sɛ wokyekye bi. Design System CultureAdeep dive wɔ nea amammerɛ yɛ, nea enti a ɛho hia sɛ design system akuw te ase, nesɛnea ɛma wotumi de mfaso ankasa bɛma. The Anatomy of a Design SystemNhwehwɛmu a ɛfa layers ne afã horow a ɛka bom yɛ design system a egyina design system ɔhaha pii a wɔsɔ hwɛ wɔ mfe pii mu so. MaturityAn over view of the design system maturity model a nea ɛka ho ne onyin fã anan, mfiase ho nsɛm, nhyehyɛe a wɔde bɛyɛ onyin wɔ ɔkwan a ɛyɛ papa so, ne nhyehyɛe a wɔde bɛma design system no agyina pintinn. Stage 1, Building Version OneA dive kɔ deɛ ɛkyerɛ sɛ wowɔ stage 1 mu wɔ design system maturity ne adwene mu nhwɛsoɔ kakraa bi mu na ama woakɔ so de w’adwene asi nneɛma a ɛfata so wɔ saa mfitiaseɛ stage yi mu. Stage 2, Growing AdoptionUnpacking stage 2 of the design system maturity model ne deep dive into adoption: w’adwene a wobɛtrɛw mu wɔ adoption ho, adoption curve, ne sɛnea wobɛbɔ adoption a ɛbɛkɔ so atra hɔ daa. Ɔfa 3, Mfeɛ a Mmabun a Wɔbɛnya NteaseɛNteaseɛ a ɛfa nsɛm a ɛhaw adwene wɔ ɔfa 3 a ɛwɔ design system maturity model no mu ne sɛdeɛ wɔbɛdi nsɛnnennen a ɛyɛ nuanced kɛseɛ a ɛba wɔ saa onyin gyinabea yi ho no ho dwuma. Stage 4, Evolving a Healthy ProgramExploring nea ɛkyerɛ sɛ wowɔ stage 4 wɔ design system maturity model no mu, bere a woabɛyɛ ɔkannifo a ɔwɔ nkɛntɛnso wɔ w’ahyehyɛde no nkae no ani so no.
Ɔkyerɛwfo no Ho
Ben Callahan yɛ ɔkyerɛwfo, nhyehyɛe ho nhwehwɛmufo, ɔkyerɛkyerɛfo, ne ɔkasafo. Ɔhyehyɛɛ Redwoods, adwini nhyehyɛe kuw bi, ne The Question, dapɛn dapɛn nhyiam a wɔbom sua ade. Sɛ́ ɔhokafo a ɔhyehyɛɛ Sparkbox no, ɔboa ahyehyɛde ahorow ma wɔde amammerɛ a ɛfa nnipa ho hyɛ wɔn nhyehyɛe nhyehyɛe ahorow mu. N’adwuma no de nnipa ne nhyehyɛe ahorow bom, na esi nkɔso a ɛtra hɔ daa, akuw a wɔbɛhyehyɛ, ne nkɛntɛnso a ntease wom wɔ mfiridwuma mu so dua. Ogye di sɛ nkitahodi biara yɛ hokwan a wɔde sua ade.
Nhwehwɛmufo Adansedi "Nhoma yi yɛ nhyehyɛe a emu da hɔ na ɛma nhumu a ɛbɛma nhyehyɛe ahorow a wɔayɛ no nyin wɔ nsenia mu. Wɔ akuw a wɔboa wɔn yiye fam no, ɛde ɔkwan a wɔfa so yɛ adwuma ne nea emu da hɔ a egyina nhwɛso ankasa so ma. Wɔ akuw nketewa te sɛ me de no fam no, ɛyɛ North Star a ɛboa wo ma wokamfo adwuma no kyerɛ na wunya ano aduru a ɛfata wo kuw no onyin. Mekamfo kyerɛ obiara a ɔreyɛ nhyehyɛe a wɔde yɛ nneɛma no kɛse."— Lenora Porter, Product Designer
“Ben twetwe nkitahodi ahorow a ɛda nhyehyɛe, adwumayɛkuw, ne nipasu ntam wɔ akwan horow a ɛte nka sɛ ɛyɛ nea wotumi te ase na ɛda adi so.Nneɛma nhyehyɛe nhoma pii tra ase ahotɔ mu wɔ ɔkwan a wɔfa so yɛ adwuma ne mfiridwuma mu, nanso eyi kɔ akyiri sen sɛnea wɔyɛ ne nea enti a ɛte saa — ɔto nsa frɛ akenkanfo sɛ wonsusuw wɔn dwumadi ho ɛnyɛ sɛ nneɛma wuranom, adwumfo anaa mfiridwumayɛfo kɛkɛ, na mmom sɛ adwumayɛfo a wɔhwɛ ntease a wɔkyɛ mu wɔ ahyehyɛde ahorow a ɛyɛ den mu. This book doesn’t prescribe rigid ano aduru ahorow Mmom no, ɛhyɛ wɔn ho a wobisabisa wɔn ho nsɛm na wɔne wɔn ho wɔn ho hyia ho nkuran, na ɛka kyerɛ akenkanfo sɛ wonsusuw sɛnea wobetumi de adwempa, tema, ne ahoɔden a wɔde gyina ano aba nhyehyɛe ahorow a wɔde wɔn nsa ka no mu.”— Tarunya Varma, Product Design Manager, Tide
"Ben Callahan’s “Maturing Design Systems” de kasa to apereperedi ahorow a yɛn mu pii te nka nanso yentumi nkyerɛkyerɛ mu yiye no mu. Ɛpae amammerɛ, nhyehyɛe, ne akannifo nkɛntɛnso a ahintaw no mu, na ɛma wunya pefeeyɛ, nnwinnade, ne nhyehyɛe ahorow a wode bɛteɛteɛ adesua no mu na ama wo nhyehyɛe no adwuma akɔ n’anim, sɛ́ ebia worekɔ adwuma a ɛrenya nkɔso mu anaasɛ adwumayɛkuw a ɛreyɛ kɛse mu.”— Ness Grixti, Design Di Kan, Onyansafo, ne Ɔkyerɛwfo a Ɔkyerɛw “Akwankyerɛ a mfaso wɔ so a Wɔde Yɛ Nhyehyɛe no Afã horow” .
Mma N’ani Nnye! Ɛdenam mfe pii a wobisabisaa no nsɛm, ntetee, ne afotu so no, Ben ahu nhwɛsode bi a ɛkyerɛ sɛnea nhyehyɛe ahorow a wɔde yɛ nneɛma nyin no. Sɛnea nhyehyɛe ahorow taa nyin no ntease ma wo kwan ma wobɔ nhyehyɛe a ɛbɛkɔ so atra hɔ daa a atwa wo nhyehyɛe nhyehyɛe no ho ahyia — nea egye adwuma yi fã a ɛfa nnipa ne nsakrae-hwɛ ho tom, ɛnyɛ mfiridwuma ne adebɔ nkutoo. Saa nhoma yi bɛyɛ ade a ɛsom bo ama obiara a ɔde nhyehyɛe ahorow a wɔde yɛ nneɛma yɛ adwuma! Trɛw Asɛm no mu Kyerɛw wo din wɔ yɛn Smashing nsɛmma nhoma no mu na yɛ wɔn a wodi kan hu bere a Maturing Design Systems wɔ hɔ a wobetumi akra ansa na wɔakra no mu biako. Yɛrentumi ntwɛn sɛ yɛbɛkyɛ nhoma yi akyerɛ mo!
