5.0 পর্ব ৫-এর ভূমিকা: ইউআই/ইউএক্স ডিজাইন
এই পর্ব সেই জায়গা নিয়ে যেখানে সফটওয়্যার তার ব্যবহারকারী মানুষের মুখোমুখি হয়। এতে অনেক কিছু আছে: ব্যবহারকারীর প্রয়োজন প্রকাশ করা গবেষণা, তা উপস্থাপন করা ইন্টারফেস ও ডিজাইন সিস্টেম, কাজে চালিত করা ভাষা, সবার জন্য ব্যবহারযোগ্য করা অ্যাক্সেসিবিলিটি ও ভাষা সমর্থন, এবং বাস্তব ব্রাউজার ও ডিভাইসের অগোছালো বাস্তবতায় তা পৌঁছে দেওয়া ফ্রন্টএন্ড প্রকৌশল। এই সবকিছুকে শেষে প্রয়োগ করার সাজসজ্জা ভাবার প্রলোভন আছে। দয়া করে তা প্রতিরোধ করুন। এখানেই উজানের সব কাজ হয় ব্যবহারকারীর কাছে পৌঁছায় নয়তো ভেঙে পড়ে, এবং শেষ পর্দা পালিশ হওয়ার অনেক আগেই তা ঠিক হয়ে যায়।
বড় দলের জন্য পণ্য ডিজাইন আসলে একটি সমন্বয় সমস্যা। যখন কয়েক ডজন স্কোয়াড একটি ভাগ করা পণ্যে পাঠায়, স্বাধীন সিদ্ধান্ত জমে একটি জট হয়: নকল প্রবাহ, পরস্পরবিরোধী পরিভাষা, অসঙ্গত উপাদান এবং কেউ মালিক নয় এমন একটি ভাষা পাইপলাইন। এখানকার প্রতিটি অধ্যায়ে সমাধানের একই আকার। এককালীন সিদ্ধান্তকে ভাগ করা, শাসিত সম্পদে পরিণত করুন, যেমন পার্সোনা, একটি ডিজাইন সিস্টেম, একটি কনটেন্ট কৌশল, একটি আন্তর্জাতিকীকরণ (i18n) কাঠামো, উপাদান লাইব্রেরি এবং কর্মক্ষমতা বাজেট, যাতে আলাদাভাবে কাজ করা অনেক দল তবুও একটি সুসংগত অভিজ্ঞতায় যোগ হয়।
এন্টারপ্রাইজ ও সরকার ঝুঁকি আরও বাড়ায়। এন্টারপ্রাইজ সফটওয়্যারের প্রায়ই বন্দী ব্যবহারকারী থাকে, এবং তারা খারাপ ডিজাইনের মূল্য দেয় ছেড়ে না গিয়ে, প্রশিক্ষণ, ভুল ও সহায়তা বোঝায়। সরকারি সেবা পুরো জনগণের কাছে পৌঁছায় (সংকটে থাকা, পুরোনো ডিভাইসে থাকা, কম ডিজিটাল আত্মবিশ্বাসী বা কোনো বিকল্প প্রদানকারী নেই এমন মানুষসহ), তাই ডিজাইনের মান সমতা ও নাগরিক আস্থার বিষয়। এখানে অ্যাক্সেসিবিলিটি শৌখিনতা নয়, আইনি আদেশ: সরকারি সংস্থাকে আইনত এমন সফটওয়্যার গড়তে হয় যা প্রতিবন্ধী মানুষ ব্যবহার করতে পারে, এবং সরল-ভাষা ও ভাষা-অ্যাক্সেস বাধ্যবাধকতাও প্রায়ই আইনের শক্তি বহন করে।
এই পর্বের অধ্যায়সমূহ
- 5.1 ইউএক্স-এর ভিত্তি: গবেষণা, ব্যবহারকারী মডেলিং ও ডিজাইন-চিন্তার চর্চা যা একটি প্রতিষ্ঠানকে অনুমানের বদলে প্রমাণ-ভিত্তিক পণ্য সিদ্ধান্ত নিতে দেয়, এবং প্রতিটি দলকে ব্যবহারকারীর একই মানচিত্র দেয়।
- 5.2 ইউআই ডিজাইন ও ডিজাইন সিস্টেম: মানুষ যা দেখে ও ছোঁয় তা আকার দেওয়ার কারিগরি, এবং টোকেন, উপাদান ও প্যাটার্নের ভাগ করা, শাসিত সিস্টেম যা অনেক দল জুড়ে হাজার হাজার পর্দা সুসংগত রাখে।
- 5.3 অ্যাক্সেসিবিলিটি: প্রতিবন্ধী মানুষ যে সফটওয়্যার অনুভব, পরিচালনা, বুঝতে ও ব্যবহার করতে পারে তা গড়া, একই সঙ্গে আইনি কর্তব্য, নৈতিক কর্তব্য এবং সোজা ভালো ডিজাইন হিসেবে গণ্য।
- 5.4 কনটেন্ট ও যোগাযোগ ডিজাইন: একটি পণ্য মানুষকে কাজ করতে সাহায্য করতে যে শব্দ, বার্তা ও যোগাযোগ ব্যবহার করে তা সরল ভাষা ও সামঞ্জস্যপূর্ণ কণ্ঠস্বরে আকার দেওয়া, কারণ শব্দই ইন্টারফেস।
- 5.5 আন্তর্জাতিকীকরণ ও স্থানীয়করণ: যে স্থাপত্য সফটওয়্যারকে যেকোনো ভাষা ও অঞ্চলে খাপ খাওয়াতে দেয়, এবং যে কর্মপ্রবাহ প্রতিটি লোকেলের জন্য তা অনুবাদ ও সাংস্কৃতিকভাবে অভিযোজিত করে।
- 5.6 ফ্রন্টএন্ড প্রকৌশল: আপনি নিয়ন্ত্রণ করেন না এমন পরিবেশের জন্য ক্লায়েন্ট-মুখী স্তর গড়া, ফ্রেমওয়ার্ক দীর্ঘস্থায়িত্ব, রেন্ডারিং কৌশল, কর্মক্ষমতা ও স্থিতিস্থাপকতায় মনোযোগ সহ।
- 5.7 মোবাইল অ্যাপ্লিকেশন উন্নয়ন: মোবাইল ডিভাইসের জন্য গড়া, নেটিভ, ক্রস-প্ল্যাটফর্ম ও প্রগ্রেসিভ ওয়েব পদ্ধতি; প্ল্যাটফর্ম ডিজাইন নির্দেশিকা; অফলাইন, ব্যাটারি ও খণ্ডিতকরণের সীমাবদ্ধতা; অ্যাপ স্টোর বিতরণ; এবং মোবাইল নিরাপত্তা ও অ্যাক্সেসিবিলিটি কভার করে।
- 5.8 ডিজাইন গবেষণা ও ব্যবহারযোগ্যতা পরীক্ষা: জেনারেটিভ ও মূল্যায়নমূলক গবেষণা, প্রতিটি প্রশ্নের জন্য সঠিক পদ্ধতি, ভালোভাবে করা ব্যবহারযোগ্যতা পরীক্ষা, প্রতিনিধিত্বমূলক নিয়োগ এবং আসলে সিদ্ধান্ত বদলায় এমন সংশ্লেষণের মাধ্যমে ভুল জিনিস গড়ার ঝুঁকি কমানো।
- 5.9 সার্ভিস ডিজাইন: একজন মানুষ চ্যানেল জুড়ে ও সময়ের সঙ্গে যে সম্পূর্ণ সেবা অনুভব করে তা নকশা করা, সামনের মঞ্চ ও পেছনের মঞ্চ, সার্ভিস ব্লুপ্রিন্ট ও যাত্রা মানচিত্র ব্যবহার করে, এবং একটি একক পর্দা নয়, সেবার পেছনে প্রতিষ্ঠানকে সারিবদ্ধ করা।
- 5.10 ডেটা ভিজ্যুয়ালাইজেশন ডিজাইন: প্রশ্নের জন্য সঠিক চার্ট বাছা এবং ডেটা সততার সঙ্গে এনকোড করা, গ্রাফিক্যাল উৎকর্ষ, অ্যাক্সেসযোগ্য ও বর্ণান্ধ-নিরাপদ প্যালেট এবং স্পষ্ট টীকা প্রয়োগ করে, যাতে একটি চার্ট বিভ্রান্ত না করে একটি সিদ্ধান্ত জানায়।
এই অধ্যায়গুলো কীভাবে পরস্পর যুক্ত
এই অধ্যায়গুলো বোঝা থেকে সরবরাহ পর্যন্ত একটি একক সুতো গঠন করে। ইউএক্স-এর ভিত্তি (5.1) প্রতিষ্ঠা করে ব্যবহারকারী কে এবং তারা কোন কাজ করতে চায়। ইউআই ও ডিজাইন সিস্টেম (5.2) সেই বোঝাকে একটি সামঞ্জস্যপূর্ণ দৃশ্যমান রূপ দেয়। কনটেন্ট ডিজাইন (5.4) তা বহনকারী শব্দ জোগায়। ফ্রন্টএন্ড প্রকৌশল (5.6) ফল পাঠায়। অ্যাক্সেসিবিলিটি (5.3) ও আন্তর্জাতিকীকরণ (5.5) আলাদা পর্যায় নয়, বরং অন্য সবার মধ্যে বোনা গুণ: একটি অ্যাক্সেসযোগ্য, অনুবাদযোগ্য অভিজ্ঞতা শুরু থেকেই ভাগ করা উপাদান, কনটেন্ট প্যাটার্ন ও কোডে নকশা করা হয়, পরে কখনো জুড়ে দেওয়া হয় না। বিশেষত অধ্যায় 5.3 প্রতিটি উপাদানে একবার অ্যাক্সেসিবিলিটি সমাধান করতে অধ্যায় 5.2-এর ওপর, এবং তা অর্থবহ, মান-ভিত্তিক মার্কআপে সংরক্ষণ করতে অধ্যায় 5.6-এর ওপর ঝুঁকে।
পর্বটি গাইডবুক জুড়েও পৌঁছায়। এখানকার “এককালীন কাজের বদলে সম্পদ” প্যাটার্ন অধ্যায় 8.4 (প্ল্যাটফর্ম প্রকৌশল ও ডেভেলপার অভিজ্ঞতা)-এর ভাগ করা-প্ল্যাটফর্ম চিন্তার প্রতিধ্বনি করে, এবং অধ্যায় 1.1 ও 1.4-এর মূল্যবোধ ও কাজের ধরন সেই সাংগঠনিক শর্ত ঠিক করে যা ডিজাইন সামঞ্জস্য আদৌ সম্ভব করে। অ্যাক্সেসিবিলিটি, ভিজ্যুয়াল-রিগ্রেশন ও কর্মক্ষমতা-বাজেট পরীক্ষা অধ্যায় 8.1 (CI/CD ও ডেলিভারি)-র ডেলিভারি পাইপলাইনে পড়ে, যাতে লঞ্চের ঠিক আগে নিরীক্ষা না করে প্রতিটি পরিবর্তনে মান প্রয়োগ হয়। আর ফ্রন্টএন্ড কর্মক্ষমতা যার ওপর নির্ভর করে সেই রিয়েল-ইউজার মনিটরিং (প্রকৃত ব্যবহারকারীর ডিভাইস ও নেটওয়ার্ক থেকে সংগৃহীত কর্মক্ষমতা ডেটা) সরাসরি অধ্যায় 9.2-এর পর্যবেক্ষণযোগ্যতা চর্চার সঙ্গে যুক্ত। ভালোভাবে করলে এখানকার কাজই অন্যত্র বর্ণিত সিস্টেমগুলোকে তারা যাদের সেবা করার জন্য, সেই মানুষদের জন্য আসলে ব্যবহারযোগ্য করে।