Kichik guruh bilan dizayn tizimini qanday qurish kerak

Kris Gilardning rasmlari

Kecha mening kichik jamoam va men bir oz tarmoq qurishga va Dizayn Tizimlari haqida bilib olishga chiqdik. Bu 2017-ning eng shov-shuvli so'zlari bo'lganligi sababli, biz o'zimiz qanday yaratishni o'rganishni xohladik.

Dizayn tizimini yaratishda biz barcha ajoyib imtiyozlarni eshitdik: vaqtni tejash, munozaralarni qisqartirish, hamkorlik, qabul qilish va boshqalar. Men hayajonlandim!

Barcha muzokaralar dizayn tizimini qanday yaratish haqida gapirdi. Biroq, bu katta jamoalar edi yoki ular o'zlarining resurslarini, hatto dizayn tizimini yaratish va qo'llab-quvvatlash uchun DesignOps (2017 yil 2-chi buzzword) guruhiga ega bo'lishdi.

Kechqurun biz biroz tushkunlikka tushdik. Ammo biz yolg'iz emas edik. Savol-javoblar paytida ko'plar so'rashdi:

"Qanday qilib bitta dizayner sifatida dizayn tizimini yaratishim mumkin?"

"Men yagona dizaynerman, menga qanday maslahat berasiz?"

Ammo mening jamoam va men bu yo'lni to'sib qo'ymaslikka qaror qildik. Biz hanuzgacha o'z dizayn tizimini yaratmoqchimiz. Bunga sho'ng'ishdan oldin, bu erda bir oz ko'proq ma'lumot bor.

Dizayn tizimi nima?

"Dizayn tizimi vizual uslublar, tarkibiy qismlar va boshqa mavzularga oid hujjatlar to'plamini taqdim etadi, ular individual, jamoa yoki hamjamiyat tomonidan hujjatlashtirilgan va tarqatilgan, mahsulotni qabul qilish yanada samaraliroq va uyg'un bo'lishi uchun kod va dizayn vositasi sifatida taqdim etilgan." (Neytan Kertis)

Oddiy qilib aytganda, dizayn tizimi - bu butun mahsulotlarni bir-biriga bog'lash uchun qayta ishlatiladigan komponentlar to'plamidir.

Ko'p odamlar dizayn tizimlari haqida chuqur maqolalar va kitoblar yozdilar. Sizga foydali bo'lishi mumkin bo'lgan bir nechta:

Uslub qo'llanmasi va dizayn tizimi

Siz juda yaxshi fikrlayotgandirsiz, lekin bu shunchaki uslublar bo'yicha qo'llanma emasmi?

“Uslubiy qo'llanma - bu dizayn jarayonining badiiy ob'ekti. Dizayn tizimi - bu ekotizimga xizmat qiladigan yo'l xaritasi va taqiqlangan tirik, moliyalashtirilgan mahsulot. ”(Neytan Kertis)

Bundan tashqari, dizayn tizimi - bu turli o'lchamdagi tarkibiy qismlardan iborat (yoki molekulalar), ular bir qator kattaroq qismlarni yaratish uchun cheksiz usulda birlashtirilishi mumkin. Brad Frostning Atom Dizayni komponentlar dizayni uchun ilhom baxsh etadi.

Dizayn tizimining afzalliklari

"Bugungi kunda biz duch keladigan vazifa shundan iboratki, asboblar bir-biri bilan yaxshi aloqa qilmaydilar, tafsilotlar yorilib ketadi, dizayn va muhandislik o'rtasida juda katta bo'shliq mavjud va biz har doim ekanligimizga ishonch hosil qilish uchun juda ko'p qo'lda ishlashimiz kerak. UX Bootcamp

B2B korxona dasturiy ta'minotida ishlaydigan kichik bir jamoa sifatida, biz vaqt, byudjet va manbalar cheklangan dizayn tizimini yaratishga sho'ng'iydik. Jamoamizga foyda haqida eslatmoqchiman.

Umuman olganda bizning jamoamiz vaqtni tejashga harakat qiladi, chunki:

  • Kamaytirilgan munozaralar - bir xil komponent uchun dizayn qarorlarini qayta ko'rib chiqishga vaqt sarflashning hojati yo'q
  • Qayta foydalanish mumkin bo'lgan tarkibiy qismlar miqyosni yaratishi mumkin
  • Hamkorlikni ko'paytirish - masofadan turib va ​​turli ofislarda ishlashni yaxshilash

Menda dizayn tizimini yaratishni xohlash uchun xudbin sabab bor edi. Men tezda angladim, agar muvaffaqiyatli bo'lsa, foydalanuvchi vazifalarini hal qilishda menga yaxshi ko'rgan narsaga vaqt ajratishga imkon beradigan ko'p vazifalarni "avtomatlashtirish" mumkin! Bu UX yadrosi.

Dizayn tizimining tuzilishi

Dizayn tizimini yaratish uchun biz uni buzib, uning qismlarini tushunishimiz kerak:

UX pin - dizayn tizimi

Bir oz jonni qidirish ham jalb qilinadi. Dizayn tizimini yaratishda beriladigan ba'zi savollar:

  • Tizim bugungi kunda va kelajakda qanday ishlaydi?
  • Bizning tasavvurimiz qanday?
  • Biz qanday muammolarni hal qilmoqchimiz?
  • Ushbu muammo kimga ko'proq ta'sir qiladi?
  • Dizayn tizimining ishlashimizga qanday ta'sir ko'rsatishini xohlaymiz?

Boshqalar bunga qanday murojaat qilmoqdalar:

Bizning kichik jamoamiz qanday qilib dizayn tizimini yaratishi mumkin?

Etarli manbangiz, vaqtingiz yoki byudjetingiz bo'lmasa, nimani boshlaysiz?

1. Noldan boshlamang

"Agar siz olma pirogini noldan qilishni xohlasangiz, avval koinotni kashf qilishingiz kerak." (Karl Sagan)

Bizning jamoamiz mavjud dizayn tizimlarini tabiatda ko'rib chiqmoqda - Ostin Kleon aytganidek:

O'g'ri va rassomi - Ostin Kleon

Ko'pgina kompaniyalar o'zlarining dizayn tizimlarini ommaga oshkor qildilar va hatto eskiz fayllarini almashdilar. Men quyida ro'yxatni baham ko'rdim. Bu haqiqat va boshqa ko'plab eskiz manbalari, eskizni bizning tanlagan vositamiz sifatida ishlatishni istamaydi.

Bundan tashqari, u erda sizning dizayn tizimingiz uchun asos yaratishga yordam beradigan vositalar mavjud:

2. Nima bilan ishlayotganingizni biling

Biz barcha saytlar va xususiyatlarimizni UI tekshiruvini yakunlash kerak degan qarorga keldik. Buni amalga oshirish uchun biz bir necha yaxshiliklarni chaqirishimizga to'g'ri kelishi mumkin. Faqat mavjud bo'lgan narsani hujjatlashtirish uchun, boshqalardan yordam so'rab murojaat qilish unchalik qiyin bo'lmasligi mumkin. Bu vaqt talab etadi, ammo oxirida bunga arziydi. Yangi tarkibiy qismlarni yaratishda biz butunlay loyihalashtirish imkoniyatiga ega bo'lamiz.

UI auditini qanday o'tkazishni o'rganish uchun foydali bo'lishi mumkin:

3. Siz borganingizda tuzing

Dizayn tizimi - bu tirik hujjat. Ish hech qachon amalga oshirilmasligini anglab, biz borishga kirishib, qurishga qaror qildik. Bizning loyihalarimiz ustida iterativ ravishda ishlaganimizda, biz tarkibiy qismlarni hisobga olgan holda loyihalashtiramiz va oxirida dizayn tizimiga ega bo'lamiz. Yaxshiyamki, bizda ozchilik bor, bu bizga hamkorlik qilish va bir-birimizni "o'g'irlash" imkonini beradi.

Qisqa maslahat: Sketch-da ramzlar yarating. Bilaman, bu ko'p vaqt talab etadi, lekin ramzlarning kuchini ko'rsangiz, eski so'zlarni qadrlaysiz:

"Tez yurish uchun siz sekin harakat qilishingiz kerak."

4. O'zingizning chegaralaringizni biling

Kichik boshlang.

Ba'zi dizayn tizimlari kod parchalarini o'z ichiga oladi. Bu pirovard maqsad, chunki bu kompaniya bo'ylab qabul qilishni kuchaytiradi va doimiy foydalanuvchi tajribasini yaratadi. Ammo mening kichik jamoam buni uddalay olmaydi. Hali ham shunday emas.

Biz oddiy qismlarning eskiz faylidan boshlashni rejalashtirmoqdamiz. Yetarli darajada bo'lgandan keyin biz CSS-ni yaratish uchun old devsimiz bilan ishlaymiz. Ishlab chiquvchilarga kodni tanlashda "tanlash qurolini" ishlatishga ruxsat berish, dizayn tizimining ishlashiga imkon yaratishi mumkin. Kundalik bo'lib ko'rinadigan narsalarga kod bazalarini o'zgartirish bilan, qo'llarimizni undan uzoqroq tutish eng yaxshisidir.

5. tartibli bo'ling

Sodda bo'lib tuyuladi, ammo loyihalarni amalga oshirish muddati yaqinlashganda, ularni "tez va iflos" usulda bajarish osonlashadi. Tartibli bo'lish vaqtni talab qiladi va hech qachon qilinmaydi, lekin barchani esdan chiqarmaydi va elektron pochtani kamaytiradi yoki oldinga va orqaga uchadigan fayllarning shovqinini pasaytiradi. Yuqorida sanab o'tilgan vositalardan biri bilan qurmoqchi bo'lgan UI to'plamidan foydalangan holda yangi narsalar ustida ishlay boshlaganimizdan so'ng, biz kuzatib boramiz. Aks holda, biz boshlagan joyimizga yakun yasaymiz - hamma joyda har xil uslublar!

Dizayn hujjatlarini tahrirlash barcha dizaynerlar uchun orzu. Hech kim uni 100% to'g'ri qabul qilmagan. Biz Abstrakt beramiz va o'tqazamiz, bu bizni yo'lda saqlashga qanday yordam berishi mumkinligini ko'rib chiqamiz. Korxona uchun ishlayotganda, biz fayllarni saqlash uchun ishlatadigan yagona onlayn platforma - bu One Drive. Agar siz cheklanmagan bo'lsangiz, Google drayveri va Dropbox boshqa variantlardir.

Bular mening jamoamning birinchi qadamlari va men ushbu sayohatni boshlashda sinab ko'rmoqchiman. Barmoqlar kesib o'tib, biz bir oz oldinga boramiz. Men boshqa kichik jamoalardan, hattoki "bitta jamoadan" ularning ushbu qiyinchilikni qanday hal qilishlarini bilib olishlarini istardim.

Dizayn tizimi katalogi

Va'da qilinganidek, bu erda ilhom uchun yoki "san'atkor kabi o'g'irlash" uchun ba'zi dizayn tizimlari mavjud:

Namunaviy kutubxonalar / uslublar bo'yicha qo'llanmalar

Agar siz buni foydali deb topsangiz, endi nima qilishni bilasiz. Sizning veb-saytingizda ko'proq maqola va qo'llanmalar olish uchun menga ergashing