𝗗𝗲𝘀𝗶𝗴𝗻𝗶𝗻𝗴 𝗳𝗼𝗿 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿𝘀
ডেভেলপাররা প্রায়শই ডিজাইনকে উপেক্ষা করেন। ডিজাইনাররা প্রায়শই কোডকে উপেক্ষা করেন। এই ব্যবধান পণ্যের গুণমান নষ্ট করে দেয়।
আমি এই দুইয়ের মাঝে অবস্থান করি। আমি পরিচ্ছন্ন CSS এবং সুন্দর টাইপোগ্রাফি পছন্দ করি। এই দ্বিমুখী দৃষ্টিভঙ্গি আমাকে আরও উন্নত পণ্য তৈরি করতে সাহায্য করে।
এই বিভাজনের সমস্যাগুলো হলো:
- ডিজাইনাররা এমন মকআপ তৈরি করেন যা মোবাইল স্ক্রিনে ভেঙে যায়।
- ডেভেলপাররা সময় বাঁচাতে ভিজ্যুয়াল ডিটেইলস বাদ দিয়ে দেন।
- চূড়ান্ত পণ্যটি তার প্রাণ হারায়।
আমি এটি সমাধানের জন্য ডিজাইন সিস্টেম ব্যবহার করি। আমি ডিজাইন সিস্টেমকে একটি চুক্তির মতো বিবেচনা করি।
আমি "blue" বা "16 pixels" ব্যবহার করি না। আমি টোকেন (tokens) ব্যবহার করি।
- রঙ হয়ে যায় "primary-500"।
- স্পেসিং হয়ে যায় "space-4"।
যখন একজন ডিজাইনার Figma-তে একটি টোকেন পরিবর্তন করেন, ডেভেলপার CSS-এ একটি ভেরিয়েবল আপডেট করেন। পুরো পণ্যটি সামঞ্জস্যপূর্ণ থাকে। এটি ম্যানুয়াল কাজ এবং ভুল কমিয়ে দেয়।
আমি সীমাবদ্ধতা মাথায় রেখে ডিজাইন করি। আমি এমন ভান করি না যে এগুলো নেই। আমি ইঞ্জিনিয়ারদের সাথে ট্রেড-অফ (trade-offs) নিয়ে কথা বলি। কোড লেখা খুব কঠিন না করে কীভাবে একটি ভালো ইউজার এক্সপেরিয়েন্স বজায় রাখা যায়, আমি সেই উপায়গুলো প্রস্তাব করি। ডিজাইন তখন কেবল একটি হ্যান্ডঅফ (handoff) না হয়ে একটি অংশীদারিত্বে পরিণত হয়।
ব্র্যান্ড আইডেন্টিটি কেবল ভিজ্যুয়ালের চেয়েও বেশি কিছু। এটি ব্যক্তিত্ব দিয়ে শুরু হয়।
- ব্র্যান্ডটি কি সাহসী নাকি শান্ত?
- এটি কি চঞ্চল নাকি গম্ভীর?
এই শব্দগুলো প্রতিটি সিদ্ধান্তকে পরিচালিত করে। এগুলো ফন্ট, ছবি এবং ভয়েস (voice) নির্ধারণ করে। ভিজ্যুয়ালগুলো হলো সেই ব্যক্তিত্বের পিক্সেল ভিত্তিক অনুবাদ মাত্র।
আপনি একটি ড্যাশবোর্ড তৈরি করুন বা একটি ব্র্যান্ড, আপনার কাজের প্রক্রিয়াটি গুরুত্বপূর্ণ। একটি স্ক্রিনশট কেবল উপরিভাগ মাত্র। মানুষের আপনার কাজের পেছনের প্রেক্ষাপট এবং যুক্তি দেখা প্রয়োজন।
ডিজাইন কখনোই শেষ হয় না। আমি লঞ্চ করি, পর্যবেক্ষণ করি এবং পরিমার্জন করি।
আজ রিলিজ করা একটি ভালো ডিজাইন সেই নিখুঁত ডিজাইনের চেয়ে অনেক ভালো যা কখনোই রিলিজ হয় না। একবারে ছোট ছোট পদক্ষেপে উন্নতির জন্য বাস্তব ফিডব্যাক ব্যবহার করুন।
উৎস: https://dev.to/visionapi/designing-for-developers-how-i-bridge-code-and-creativity-2kgf