Kuinka suunnitella suunnittelujärjestelmä pienellä ryhmällä

Kuva Chris Gilleard

Eilen illalla pieni tiimimme ja lähtemme tekemään vähän verkostoitumista ja oppia Design Systemsistä. Koska se oli vuoden 2017 sanat, olimme innokkaita oppimaan, kuinka voimme luoda oman.

Olimme kuulleet kaikki suunnittelujärjestelmän luomisen upeat edut: säästää aikaa, vähentää keskusteluja, yhteistyötä, omaksumista ja paljon muuta. Olin innoissani!

Kaikki keskustelut puhuivat suunnittelujärjestelmän luomisesta. Nämä olivat kuitenkin suuria joukkueita tai heillä oli omistettu resursseja, jopa DesignOps-tiimi (vuoden 2017 toinen sanasivu) suunnittelujärjestelmän rakentamiseksi ja ylläpitämiseksi.

Illan lopussa jäimme vähän turhautuneiksi. Mutta emme olleet yksin. Q&A -istunnon aikana monet kysyivät:

"Kuinka voin rakentaa suunnittelujärjestelmän yhtenä suunnittelijana?"

"Olen ainoa suunnittelija, mitä neuvoja sinulla on minulle?"

Mutta tiimini ja minä päätimme, että emme anna tämän estää meitä. Aiomme edelleen luoda oman suunnittelujärjestelmämme. Ennen kuin sukellan siihen, tässä on vähän taustaa.

Mikä on suunnittelujärjestelmä?

"Suunnittelujärjestelmä tarjoaa kirjaston visuaalista tyyliä, komponentteja ja muita huolenaiheita, jotka yksilö, ryhmä tai yhteisö on dokumentoinut ja julkaissut, koodi- ja suunnittelutyökaluina, jotta tuotteiden omaksuminen voi olla tehokkaampaa ja yhtenäisempiä." - Nathan Curtis

Yksinkertaisesti sanottuna suunnittelujärjestelmä on kokoelma uudelleenkäytettäviä komponentteja kokonaisten tuotteiden yhdistämiseksi toisiinsa.

Monet ihmiset ovat kirjoittaneet perusteellisia artikkeleita ja kirjoja suunnittelujärjestelmistä. Tässä on muutama, josta voi olla hyötyä:

Tyyliopas vs. suunnittelujärjestelmä

Saatat ajatella, hienoa, mutta eikö se ole vain tyyliopas?

”Tyyliopas on artefakti suunnitteluprosessista. Suunnittelujärjestelmä on elävä, rahoitettu tuote, jolla on ekosysteemiä palveleva etenemissuunnitelma ja kanta. ”- Nathan Curtis

Lisäksi suunnittelujärjestelmä on joukko erikokoisia komponentteja (tai molekyylejä), jotka voidaan koota loputtomilla tavoilla luoda sarja suurempia komponentteja. Brad Frostin atomisuunnittelu on inspiraationa komponenttisuunnittelulle.

Suunnittelujärjestelmän edut

”Tämän päivän haasteena on, että työkalut eivät ole yhteydessä toisiinsa kovin hyvin, yksityiskohdat putoavat halkeamien läpi, suunnittelun ja suunnittelun välillä on valtava kuilu ja meidän on tehtävä paljon käsityötä varmistaaksemme, että olemme aina kaiken päälle. ”- UX Bootcamp

Pienenä B2B-yritysohjelmistojen parissa työskentelevänä ryhmänä me sukellimme suunnittelujärjestelmän luomiseen rajoitetulla ajalla, budjetilla ja resursseilla. Halusin muistuttaa ryhmäämme eduista.

Kaiken kaikkiaan tiimimme säästäisi aikaa seuraavista syistä:

  • Vähentynyt keskustelu - Ei tarvitse tuhlata aikaa saman komponentin suunnittelupäätösten tarkistamiseen
  • Uudelleenkäytettävät komponentit mahdollistavat mittakaavan
  • Lisääntynyt yhteistyö - paranna työskentelyä etäyhteydessä ja eri toimistoissa

Minulla oli itsekäs syy halutaan rakentaa suunnittelujärjestelmä. Tajusin nopeasti, että jos onnistumme, voimme 'automatisoida' monia tehtäviä, jolloin meillä on aikaa tehdä jotain rakastan, ratkaista käyttäjäongelmia! Se on UX: n ydin.

Suunnittelujärjestelmän rakenne

Suunnittelujärjestelmän luomiseksi meidän on hajotettava se ja ymmärrettävä sen osat:

UX Pin - Suunnittelujärjestelmä

Pieni sieluhaku on mukana. Muutamia kysymyksiä suunnittelujärjestelmää luotaessa:

  • Kuinka järjestelmä toimii tänään ja tulevaisuudessa?
  • Mikä on visio?
  • Mitä ongelmia yritämme ratkaista?
  • Kenelle tämä ongelma vaikuttaa eniten?
  • Mitä vaikutuksia haluamme suunnittelujärjestelmältä työskentelyyn?

Kuinka muut yrittävät lähestyä tätä:

Kuinka pieni tiimimme voi suunnitella suunnittelujärjestelmän?

Mistä aloitat, kun sinulla ei ole tarpeeksi resursseja, aikaa tai budjettia?

1. Älä aloita tyhjästä

"Jos haluat tehdä omenapiirakkaa tyhjästä, sinun on ensin keksittävä universumi." - Carl Sagan

Tiimimme tarkistaa olemassa olevia suunnittelujärjestelmiä luonnossa, jotta voimme - kuten Austin Kleon sanoo:

Varasta kuten ja taiteilija - Austin Kleon

Monet yritykset ovat julkistaneet suunnittelujärjestelmänsä ja jopa jakaneet luonnokset. Olen jakanut alla olevan luettelon. Tämä tosiasia ja monet muut luonnosresurssit tekevät siitä, ettei ole mitään mielihyvää käyttää Sketchiä valittuna työkaluna.

Lisäksi siellä on työkaluja, joiden avulla voit nopeasti luoda perustason suunnittelujärjestelmällesi:

2. Tiedä mitä työskentelet

Olemme päättäneet, että kaikkien sivustojemme ja kiinteistöjemme käyttöliittymätarkastus on suoritettava. Saatamme joutua esittämään muutamia suosituksia saadaksesi aikaan tämä. Mutta koska kyse on vain olemassa olevan dokumentoinnista, muiden avun saaminen ei välttämättä ole niin vaikeaa. Tämä on aikaa vievää, mutta lopulta se on sen arvoista. Pystymme suunnittelemaan kokonaisvaltaisesti luotaessa uusia komponentteja.

Tästä voi olla hyötyä UI-auditoinnin suorittamisessa:

3. Rakenna niin kuin menet

Suunnittelujärjestelmä on elävä asiakirja. Ymmärtäessämme, että työtä ei koskaan tehdä, olemme päättäneet hypätä sisään ja rakentaa eteenpäin. Kun työskentelemme jatkuvasti projekteissamme, suunnittelemme komponentteja ajatellen ja saamme lopulta suunnittelujärjestelmän. Onneksi meitä on muutamia, joiden avulla voimme olla yhteistyöhaluisia ja “varastaa” toisiltamme.

Pikavinkki: Luo piirrokseen symboleja. Tiedän, että se tuntuu vievältä, mutta kun näet symbolien voiman, arvostat vanhaa sanontaa:

"Sinun on mentävä hitaasti voidaksesi mennä nopeasti."

4. Tunne rajat

Aloita pieni.

Jotkut suunnittelujärjestelmät sisältävät koodinpätkät. Se on perimmäinen tavoite, koska se lisää omaksumista koko yrityksessä ja luo johdonmukaisen käyttökokemuksen. Pieni ryhmäni ei kuitenkaan pysty siihen. Ei vielä, se on.

Aiomme aloittaa luonnoksella, joka sisältää yksinkertaisia ​​komponentteja. Kun olemme riittävän kaukana, työskentelemme etusivumme kanssa kehittääksemme CSS: n. Antaa suunnittelijoille mahdollisuuden käyttää 'valitsemaansa asetta' koodin suhteen, joten suunnittelujärjestelmä voi elää. Ja kun koodipohjat vaihtuvat siihen, mikä näyttää päivittäiseltä, kätensä pitäminen siitä voi olla paras.

5. Pysy järjestäytyneenä

Kuulostaa yksinkertaiselta, mutta kun projektit kasaantuvat ja uhkaavat määräaikoja, on helpompaa tehdä asiat ”nopeasti ja likaisesti”. Järjestäytyminen vie aikaa, eikä koskaan tapahdu, mutta pitää kaikki terveellisinä ja vähentää edestakaisin lentävien tiedostojen sähköpostien tai löysästi. Kun aloitamme uusien asioiden käsittelyä käyttöliittymäpaketin avulla, jonka aiomme rakentaa yhdellä yllä luetelluista työkaluista, meidän on seurattava. Muuten päädymme mihin aloitimme - erilaisia ​​tyylejä kaikkialla!

Suunnitteluasiakirjojen versiointi on unelma kaikille suunnittelijoille. Kukaan tuote ei ole saanut sitä 100% oikein. Aiomme koota abstraktiksi ja Plantiksi nähdäksemme, kuinka se voi auttaa pitämään meidät tiellä. Yrityksessä työskentelevä ainoa verkkoalusta, jota voimme käyttää tiedostojen tallentamiseen, on yksi asema. Google-asema ja Dropbox ovat muita vaihtoehtoja, jos et ole rajoitettu.

Nämä ovat ryhmäni ensimmäiset askeleet ja aion kokeilla aloittaessani tätä matkaa. Sormien ristissä teemme jonkin verran etenemistä. Haluaisin kuulla muilta pieniltä joukkueilta, jopa 'yhden joukkueen', oppia kuinka he vastaavat tähän haasteeseen.

Suunnittelujärjestelmähakemisto

Kuten luvattiin, tässä on joitain inspiroinnin tai taiteilijan varastamisen suunnittelujärjestelmiä:

Kuvikirjastot / tyylioppaat

Jos löysit tämän hyödyllisen, tiedät mitä tehdä nyt. Seuraa minua saadaksesi lisää artikkeleita ja oppaita syötteeseesi.