সারসংক্ষেপ
The Automated Parking Company গাড়ির স্ট্যাকার, পাজল সিস্টেম আর সম্পূর্ণ স্বয়ংক্রিয় গ্যারেজ তৈরি ও স্থাপন করে। এর সহযোগী প্রতিষ্ঠানটি সেই UL 508A প্যানেল শপ চালায়, যা এসবের ভেতরের নিয়ন্ত্রণ ক্যাবিনেট বানায়।
ব্রিফে বলা ছিল প্যানেল শপের ওয়েবসাইটটি পার্কিং ডোমেইনে সহজভাবে সরিয়ে নেওয়ার কথা। দুটি সাইট, এবং শিল্প-নিয়ন্ত্রণ ও প্রকৌশলের বারোটি রেফারেন্স সাইটের নিরীক্ষা দেখাল, কাজের সঠিক আকৃতি সেটি নয়।
চ্যালেঞ্জ
গন্তব্যটি ফাঁকা কোনো ডোমেইন ছিল না। সেটি আগে থেকেই একটি বড়সড় সচল সাইট, যাতে ছিল পণ্যপরিসর, নাম উল্লেখ করা পনেরোটি স্থাপনা আর বছরের পর বছরের লেখা। আসল কাজ ছিল দুটি ব্র্যান্ড মেলানো, একটিকে সাদা পাতায় সরানো নয়।
দুই প্রতিষ্ঠান আলাদা মানুষের কাছে বিক্রি করে। প্যানেল শপের সার্চ ট্রাফিক প্রায় পুরোটাই নিয়ন্ত্রণ প্যানেল খুঁজতে থাকা প্রকৌশলী; পার্কিংয়ের দিকে ডেভেলপার আর স্থপতি। একটিকে অন্যটির ভেতরে ভাঁজ করলে কারওই উপকার হতো না, আর প্যানেল শপকে তার নিজের ক্রেতাদের সঙ্গে প্রতিযোগিতায় দাঁড় করাত।
একজন ক্রেতার যে সংখ্যাগুলো দরকার — কাঠামোগত ভার, সরবরাহের সময়, সাড়া দেওয়ার সময়, সম্পন্ন কাজের ফলাফল — তার বেশিরভাগই কোথাও লেখা ছিল না।
আমরা যা করেছি
দুটি সাইট ও বারোটি রেফারেন্স সাইটের পূর্ণ নিরীক্ষা থেকে এল একটি অবস্থান, একটি সাইটম্যাপ, একটি রিডাইরেক্ট মানচিত্র, আর প্রতিটি URL-এর সার্চ অভিপ্রায়, স্কিমা ও রূপান্তর-পথ ঢাকা পাতা-ভিত্তিক ব্রিফ।
দশটি পাতা একটি ভাগ করা ডিজাইন সিস্টেমের ওপর কার্যকর প্রোটোটাইপ হিসেবে গড়া হলো — ছয়টি পুনর্ব্যবহারযোগ্য টেমপ্লেট আর হাব পাতাগুলো, একটি স্টাইলশিট, একটি স্ক্রিপ্ট, কোনো বিল্ড ধাপ নেই।
ডিজাইনটি ছবির বদলে প্রকাশিত মাপ দিয়ে এগোয়, কারণ মাপের তথ্য আগে থেকেই ছিল আর ছবি ছিল না। পরিষ্কার উচ্চতা, পিটের গভীরতা আর ধারণক্ষমতা PDF-এ চাপা না থেকে শিরোনাম হয়ে আসে।
যা কিছু অযাচাইকৃত তা যুক্তিসঙ্গত অনুমানের বদলে দৃশ্যমান, চিহ্নিত ফাঁক হিসেবে দেখানো হয়। যে কেস স্টাডিতে মাপা ফল নেই, তাতে ফলাফলের অংশই নেই। এতে প্রোটোটাইপটি হয়ে উঠল ক্লায়েন্টকে আর কী কী দিতে হবে তার একটি নির্ভুল তালিকা।
এটি কী করে
- পার্কিং কাঠামোর ভেতরে কী আছে তা দেখানো ইন্টারঅ্যাকটিভ কাটঅ্যাওয়ে
- ফর্ম ছাড়াই উন্মুক্ত, প্রকাশিত পরিষ্কার-উচ্চতা ও ধারণক্ষমতার সারণি
- স্থাপিত সিস্টেমগুলোর ছাঁকা যায় এমন সূচি
- সেবা-সংক্রান্ত জিজ্ঞাসার শর্তসাপেক্ষ রাউটিংসহ দুই-ধাপের প্রকল্প ফর্ম
- WCAG 2.2 AA: পুরোটাই কীবোর্ডে চালানো যায়, ফোনে পুনর্বিন্যস্ত হওয়া স্পেসিফিকেশন সারণি
- কড়া Content-Security-Policy, ইনলাইন স্টাইল বা স্ক্রিপ্ট ছাড়া