আপনি এভাবেই একটি ছোট দল নিয়ে একটি ডিজাইন সিস্টেম তৈরি করেন

ক্রিস গিলার্ডের দৃষ্টান্ত

গত রাতে আমার ছোট দল এবং আমি একটু নেটওয়ার্কিং করতে এবং ডিজাইন সিস্টেমগুলি সম্পর্কে জানতে বেরিয়েছি। যেহেতু এটি 2017 এর বাজওয়ার্ড ছিল, আমরা কীভাবে আমাদের নিজস্ব তৈরি করতে হয় তা শিখতে চেয়েছিলাম।

আমরা একটি ডিজাইন সিস্টেম তৈরির দুর্দান্ত সমস্ত সুবিধা শুনেছি: সময় সাশ্রয়, বিতর্ক হ্রাস, সহযোগিতা, গ্রহণ এবং আরও অনেক কিছু। আমি উত্তেজিত ছিলাম!

সমস্ত বক্তৃতাগুলি কীভাবে একটি ডিজাইন সিস্টেম তৈরি করবেন সে সম্পর্কে ছিল। যাইহোক, এগুলি বড় দল ছিল বা তাদের উত্সর্গীকৃত সংস্থানগুলি ছিল, এমনকি ডিজাইন সিস্টেমটি স্থাপন এবং বজায় রাখতে একটি ডিজাইনআপস টিম (২০১৩ সালের ২ য় বাজওয়ার্ড)।

সন্ধ্যা শেষে আমরা কিছুটা নিরুৎসাহিত হয়ে পড়ি। তবে আমরা একা ছিলাম না। প্রশ্নোত্তর পর্বের সময়, অনেকে জিজ্ঞাসা করেছিলেন:

"আমি কীভাবে একক ডিজাইনার হিসাবে একটি ডিজাইন সিস্টেম তৈরি করতে পারি?"

"আমি একমাত্র ডিজাইনার, আমার জন্য আপনার কী পরামর্শ আছে?"

তবে আমার দল এবং আমি সিদ্ধান্ত নিয়েছি যে আমরা এটিকে থামাতে দেব না। আমরা এখনও আমাদের নিজস্ব নকশা সিস্টেম বিকাশ করব। আমি এটিতে getোকার আগে এখানে কিছু পটভূমির তথ্য।

ডিজাইন সিস্টেম কী?

"একটি নকশা সিস্টেম ভিজ্যুয়াল শৈলী, উপাদান এবং অন্যান্য উদ্বেগের একটি গ্রন্থাগার সরবরাহ করে যা কোনও ব্যক্তি, দল বা সম্প্রদায় দ্বারা নথিপত্র এবং ভাগ করে নেওয়া হয়েছে যাতে কোড গ্রহণ এবং নকশার সরঞ্জাম হিসাবে পণ্য গ্রহণ এবং আরও কার্যকর এবং সংহত করতে পারে" " - নাথান কার্টিস

সহজ কথায়, একটি ডিজাইন সিস্টেম হ'ল পুনরায় ব্যবহারযোগ্য উপাদানগুলির একটি সংগ্রহ যা পুরো পণ্যগুলিকে এক সাথে সংযুক্ত করতে ব্যবহৃত হয়।

অনেকে ডিজাইন সিস্টেমে বিস্তৃত নিবন্ধ এবং বই লিখেছেন। আপনি দরকারী খুঁজে পেতে পারেন এখানে কিছু:

স্টাইল গাইড বনাম ডিজাইন সিস্টেম

আপনি দুর্দান্ত মনে করতে পারেন, কিন্তু এটি কি কেবল স্টাইল গাইড নয়?

“স্টাইল গাইড হ'ল ডিজাইন প্রক্রিয়াটির একটি নিদর্শন। একটি ডিজাইন সিস্টেম হ'ল একটি জীবিত, অর্থায়িত পণ্য যা একটি রোডম্যাপ এবং একটি ব্যাকলগ যা বাস্তুতন্ত্রের পরিবেশন করে। ”- নাথান কার্টিস

এছাড়াও, একটি নির্মাণ ব্যবস্থা বিভিন্ন আকারের বিভিন্ন উপাদান (বা অণু) নিয়ে গঠিত যা এক বিশাল সংখ্যক বৃহত উপাদানগুলিতে একসাথে রাখা যেতে পারে। ব্র্যাড ফ্রস্টের পারমাণবিক ডিজাইন হল উপাদান ডিজাইনের অনুপ্রেরণা।

একটি নকশা সিস্টেমের সুবিধা

“আমরা আজ যে চ্যালেঞ্জের মুখোমুখি তা হ'ল যে সরঞ্জামগুলি খুব ভাল যোগাযোগ করে না, বিশদগুলি ফাঁক হয়ে যায়, নকশা এবং নির্মাণের মধ্যে একটি বিশাল ব্যবধান রয়েছে এবং আমরা নিশ্চিত করতে আমাদের অনেক ম্যানুয়াল কাজ করতে হবে সর্বদা সব কিছুর উপর। ”- ইউএক্স বুটক্যাম্প

বি 2 বি এন্টারপ্রাইজ সফ্টওয়্যারটিতে কাজ করা একটি ছোট দল হিসাবে আমরা সীমিত সময়, বাজেট এবং সংস্থান সহ একটি নকশা সিস্টেম বিকাশের চেষ্টা করেছি। আমি আমাদের দলটিকে সুবিধার কথা মনে করিয়ে দিতে চাইছিলাম।

সামগ্রিকভাবে, আমাদের দল সময় সাশ্রয় করবে কারণ:

  • হ্রাস বিতর্ক - আপনাকে একই উপাদানটির জন্য নকশার সিদ্ধান্তগুলি নিয়ে পুনর্বিবেচনা করতে সময় নষ্ট করতে হবে না
  • পুনরায় ব্যবহারযোগ্য উপাদান যা স্কেলিংয়ের অনুমতি দেয়
  • উন্নত সহযোগিতা - দূরবর্তী স্থান এবং বিভিন্ন অফিসে কাজ করা উন্নত করুন

ডিজাইনের ব্যবস্থা তৈরি করতে চাওয়ার জন্য আমার স্বার্থপর কারণ ছিল। আমি শীঘ্রই দেখতে পেলাম যে আমরা যদি সফল হই তবে আমরা অনেকগুলি কাজ "স্বয়ংক্রিয়" করতে পারতাম, যা আমাকে পছন্দ করে এমন কিছু করার জন্য সময় দেয় এবং ব্যবহারকারীর সমস্যাগুলি সমাধান করে! এটি ইউএক্সের মূল বিষয়।

সিস্টেম কাঠামো ডিজাইন করুন

একটি ডিজাইন সিস্টেম তৈরি করার জন্য আমাদের এটিকে আলাদা করে ফেলতে হবে এবং এর অংশগুলি বুঝতে হবে:

ইউএক্স পিন - ডিজাইন সিস্টেম

আত্মা অনুসন্ধানের একটি বিট এছাড়াও অন্তর্ভুক্ত করা হয়। ডিজাইন সিস্টেম তৈরি করার সময় কিছু প্রশ্ন জিজ্ঞাসা করতে হবে:

  • আজ এবং ভবিষ্যতে সিস্টেমটি কীভাবে কাজ করে?
  • আমাদের দৃষ্টি কি
  • আমরা কোন সমস্যাগুলি সমাধান করার চেষ্টা করছি?
  • কে এই সমস্যায় সবচেয়ে বেশি আক্রান্ত?
  • আমাদের কাজ করার জন্য কোনও ডিজাইন সিস্টেমের কী প্রভাব থাকতে হবে?

অন্যরা কীভাবে এটি ব্যবহার করে:

আমাদের ছোট দল কীভাবে একটি ডিজাইন সিস্টেম তৈরি করতে পারে?

আপনার পর্যাপ্ত সংস্থান, সময় বা বাজেট না থাকলে আপনি কোথায় শুরু করবেন?

1. স্ক্র্যাচ থেকে শুরু করবেন না

"আপনি যদি স্ক্র্যাচ থেকে আপেল পাই তৈরি করতে চান তবে আপনাকে প্রথমে মহাবিশ্ব উদ্ভাবন করতে হবে।" - কার্ল সাগান

আমাদের দলটি দুর্দান্ত বাইরের বিদ্যমান নির্মাণ ব্যবস্থা পর্যালোচনা করছে যাতে আমরা এটি করতে পারি - যেমন অস্টিন ক্লিয়ন বলেছেন:

শিল্পী পছন্দ করুন এবং শিল্পী - অস্টিন ক্লিওন

অনেক সংস্থাগুলি তাদের নকশা সিস্টেম এবং এমনকি স্কেচ ফাইলগুলি ভাগ করে নিয়েছে। আমি নীচে একটি তালিকা ভাগ করে নিয়েছি। এই সত্য এবং অন্যান্য স্কেচিং সংস্থানগুলি স্কেচকে আমাদের পছন্দসই সরঞ্জাম হিসাবে ব্যবহার করার জন্য এটি একটি হাওয়া করে তুলেছে।

এছাড়াও, এমন সরঞ্জাম রয়েছে যা আপনি আপনার নির্মাণ সিস্টেমকে দ্রুত বেসলাইন করতে ব্যবহার করতে পারেন:

২. আপনি কী নিয়ে কাজ করছেন তা জেনে রাখুন

আমরা স্থির করেছিলাম যে আমাদের সমস্ত অবস্থান এবং সম্পত্তিগুলির একটি ইউআই নিরীক্ষণ করা আবশ্যক। এটি ঘটতে আমাদের কয়েকটি পক্ষের প্রয়োজন হতে পারে। তবে, যেহেতু আপনার কাছে যা আছে তা দলিল করার বিষয়ে, তাই অন্যের কাছ থেকে সহায়তা পাওয়া এতটা অসুবিধা নাও হতে পারে। এটি সময় সাশ্রয়ী হবে, তবে শেষ পর্যন্ত এটি উপযুক্ত হবে। নতুন উপাদান তৈরি করার সময় আমরা হোলিস্টালি ডিজাইন করতে পারি।

এটি ইউআই নিরীক্ষা কীভাবে করবেন তা শিখতে সহায়ক হতে পারে:

3. আপনি যেতে হিসাবে নির্মাণ

একটি নকশা সিস্টেম একটি জীবিত নথি। কাজটি কখনই শেষ হয় না তা বুঝতে পেরে আমরা সময়ের সাথে সাথে ঝাঁপিয়ে পড়ার সিদ্ধান্ত নিয়েছি। আমরা যেমন আমাদের প্রকল্পগুলিতে পুনরাবৃত্তভাবে কাজ করি, আমরা উপাদানগুলি মাথায় রেখে ডিজাইন করব এবং শেষ পর্যন্ত আমাদের কাছে একটি নির্মাণ ব্যবস্থা থাকবে। ভাগ্যক্রমে, আমাদের মধ্যে কয়েকজন রয়েছেন যারা আমাদের একসাথে কাজ করার অনুমতি দেয় এবং একে অপরের কাছ থেকে "চুরি" করে।

দ্রুত পরামর্শ: স্কেচে প্রতীক তৈরি করুন। আমি জানি এটি সময় সাশ্রয়ী মনে হয় তবে আপনি যখন প্রতীকগুলির শক্তি দেখেন আপনি পুরানো প্রবাদটি প্রশংসা করবেন:

"আপনাকে দ্রুত যেতে ধীরে ধীরে যেতে হবে।"

4. আপনার সীমা জানুন

ছোট শুরু করুন।

কিছু ডিজাইন সিস্টেমে কোডের স্নিপেট থাকে। এটি চূড়ান্ত লক্ষ্য কারণ এটি এন্টারপ্রাইজ জুড়ে গ্রহণ বাড়িয়ে তোলে এবং একটি সুসংগত ব্যবহারকারীর অভিজ্ঞতা তৈরি করে। তবে আমার ছোট দলটি পারে না। এখনো পর্যন্ত না.

আমরা সাধারণ উপাদানগুলির স্কেচ ফাইল দিয়ে শুরু করার পরিকল্পনা করি। একবার আমরা যথেষ্ট পরিমাণে পৌঁছে গেলে, আমরা সিএসএস তৈরি করতে আমাদের ফ্রন্ট-এন্ড বিকাশকারীদের সাথে কাজ করব। যদি ডেভেলপাররা কোডটিতে তাদের "পছন্দের অস্ত্র" ব্যবহার করতে পারে তবে নকশা সিস্টেমটি সম্ভাব্যভাবে কাজ করতে পারে। এবং যেহেতু কোড বেসগুলি প্রতিদিন পরিবর্তিত হয় বলে মনে হয়, তাই আমাদের হাতগুলি বন্ধ রাখাই ভাল।

5. সুসংহত থাকুন

সহজ মনে হচ্ছে, তবে প্রকল্পগুলি পাইলিং এবং উদীয়মান সহ, "দ্রুত এবং নোংরা" উপায়ে জিনিসগুলি করা সহজ। সংগঠিত থাকতে সময় লাগে এবং এটি কখনই সম্পন্ন হয় না, তবে এটি সবাইকে সুরক্ষিত রাখে এবং পিছনে পিছনে উড়তে থাকা ফাইলগুলির ইমেল বা বিশৃঙ্খলা হ্রাস করে। যখনই আমরা উপরের তালিকাভুক্ত একটি সরঞ্জাম ব্যবহার করে আমরা তৈরি করতে চলেছি এমন কোনও ইউআই কিট দিয়ে নতুন জিনিস নিয়ে কাজ করছি, আমাদের জিনিসগুলির খোঁজ রাখা দরকার। অন্যথায় আমরা যেখানে শুরু করেছি সেখানে শেষ করব - সর্বত্র বিভিন্ন স্টাইল!

ভার্শনিং ডিজাইন ডকুমেন্টগুলি সমস্ত ডিজাইনারদের একটি স্বপ্ন। কোনও পণ্য এটি 100% সঠিকভাবে পায় নি। আমরা অ্যাবস্ট্রাক্ট এবং প্ল্যান্টকে চেষ্টা করছি যে এটি কীভাবে আমাদের ট্র্যাকে রাখতে সহায়তা করে। ব্যবসায়ের জন্য আমরা কেবলমাত্র অনলাইন প্ল্যাটফর্মটি ব্যবহার করতে পারি সেটি হ'ল ওয়ান ড্রাইভ। গুগল ড্রাইভ এবং ড্রপবক্স হ'ল অন্য বিকল্পগুলি যতক্ষণ না আপনার কোনও সীমাবদ্ধতা নেই।

এটি আমার দল প্রথম পদক্ষেপ এবং আমরা এই যাত্রাটি শুরু করার সময় চেষ্টা করব। আপনার আঙ্গুলগুলি অতিক্রম করুন, আমরা অগ্রগতি করছি। আমি "ছোটদের একটি দল" সহ অন্যান্য ছোট দলগুলির কাছ থেকে শুনতে চাই তারা কীভাবে এই চ্যালেঞ্জের কাছে পৌঁছেছে তা দেখতে।

ডিজাইন সিস্টেম ডিরেক্টরি

প্রতিশ্রুতি অনুসারে, এখানে অনুপ্রেরণার জন্য বা "শিল্পীর মতো চুরি" করার জন্য কিছু ডিজাইন সিস্টেম রয়েছে:

প্যাটার্ন লাইব্রেরি / স্টাইল গাইড

আপনি যদি এই দরকারী মনে করেন, এখন কি করতে হবে। আপনার ফিডে আরও নিবন্ধ এবং টিউটোরিয়াল জন্য আমাকে অনুসরণ করুন।