UI/UX হল কীভাবে একটি পণ্য ব্যবহার করা হয়: স্ক্রিনগুলো, ফ্লোগুলো এবং সেই সিদ্ধান্তগুলো যা একজন ব্যক্তি নেয় মার্কেটিংয়ের একটি শব্দও পড়ার আগে। আমরা শুধু একটি মক ডিজাইন করি না, পুরো পথটাই ডিজাইন করি: গবেষণা, কাঠামো, ইন্টারফেস এবং সেই সিস্টেম যা প্রতিটি স্ক্রিনকে একই ভাষায় কথা বলিয়ে রাখে।
UI/UX ডিজাইন কী?
UI/UX ডিজাইন হল সেই পার্থক্য যা একটি পণ্যকে মানুষ ব্যবহার করতে পারে এবং একটি পণ্যকে মানুষ সত্যিই ব্যবহার করে, তার মধ্যে। UX হল পথ: কেউ কী করতে চায়, তারা তা কোন ক্রমে করে, এবং পথে তাদের প্রতিটি সিদ্ধান্ত। UI হল সেই পৃষ্ঠ যেখানে সেই পথ আঁকা হয় — ফন্ট, ফাঁক-ফাঁক, অবস্থা এবং বোতামের শব্দগুলো।
তারা এক জিনিস হিসেবে বিক্রি হয় কারণ তারা এক জিনিস হিসেবেই ব্যর্থ হয়। প্রবাহের ভুল জায়গায় থাকা একটি সুন্দর স্ক্রিন তবুও একটি মৃত শেষ, আর তিনটি ফন্ট ও চারটি নীল রঙে উপস্থাপিত একটি সুচিন্তিত প্রবাহ অসম্পূর্ণ মনে হয়। এ দুটোই একা একা সম্পন্ন করলে টিকে থাকে না।
অধিকাংশ কাজই আঁকার আগেই সম্পন্ন হয়। আমরা আজকের কাজের প্রক্রিয়া পর্যবেক্ষণ করি, ম্যাপ করি মানুষ কোথায় হাল ছেড়ে দেয়, এবং তারপরই নির্ধারণ করি স্ক্রিনগুলো কেমন হবে। আপনি যা পাবেন তা মকআপের ফোল্ডার নয়, বরং একটি ডিজাইন সিস্টেম — উপাদান এবং নিয়মাবলী, যার সাহায্যে দশম স্ক্রিনটিও রুমের কোনো ডিজাইনার ছাড়াই তৈরি করা যাবে।
আমরা আপনার জন্য যা করি
ছয়টি টুকরো, একসঙ্গে বা আলাদাভাবে বিক্রি করা হয়। অধিকাংশ এনগেজমেন্ট শীর্ষ থেকে শুরু হয় এবং একবার আপনার দল বাকি অংশ বহন করতে পারলেই তা বন্ধ হয়ে যায়।
সাক্ষাৎকার, সেশন রেকর্ডিং এবং আজকের দিনে যেভাবে কাজটি করা হয় তার একটি ওয়াকথ্রু। আমরা খুঁজে দেখছি মানুষ কোথায় দ্বিধা করে, নতুনভাবে সমাধান করে বা সহকর্মীকে জিজ্ঞেস করে—এসবই সেই স্ক্রিনগুলো যেগুলো পুনঃডিজাইন করার যোগ্য, এবং সেগুলো প্রায়ই ব্রিফে উল্লেখ করা হয় না।
কোথায় কী আছে, এবং তা খুঁজে পেতে একজনকে মনের মধ্যে কী ধারণ করতে হয়। সাইটম্যাপ, নেভিগেশন এবং নামকরণ—এটাই এর বেশিরভাগ: আমাদের কাছে যে ব্যবহারযোগ্যতা সমস্যাগুলো আসে, তার অর্ধেকই ঘটে যখন দুটি ভিন্ন ফিচার একই নামে পরিচিত থাকে।
প্রতিটি স্টেটের প্রতিটি স্ক্রিন — খালি, লোডিং, এক সারির, চারশো সারির, এবং সেই ত্রুটি যা কেউ ডিজাইন করেনি। শুধুমাত্র সুখী অবস্থায় থাকা একটি স্ক্রিন কোডে তাড়াহুড়ো করে তৈরি করা হয়, এবং সেই তাড়াহুড়োই শিপিং হয়।
কি চলে, কতদূর চলে, এবং কেন চলে। যে গতি কোনো কিছুর উৎস ব্যাখ্যা করে, তা তৈরি করার যোগ্য; যে গতি কেবল একটি রূপান্তরকে সাজায়, তা হলো এমন একটি বিলম্ব যার জন্য আপনি ব্যবহারকারীকে চার্জ করছেন।
এটি এতটাই ক্লিকযোগ্য যে এটি এমন কারো সামনেও রাখা যায়, যিনি এটি কখনো দেখেননি। একটি প্রোটোটাইপের কাজই হলো সস্তায় ভুল করা—এর মাধ্যমে যেসব প্রশ্ন নির্ধারণ করা হয়, তা অন্যথায় একটি স্প্রিন্টে নির্ধারণ করা হতো।
টোকেন, উপাদান এবং সেগুলো সংমিশ্রণের নিয়মাবলী, আপনার ইঞ্জিনিয়াররা ইতিমধ্যেই যে কাঠামোতে তৈরি করে, সেই আকারে হস্তান্তরিত। এটি সেই অংশ যা নির্ধারণ করে আমরা চলে যাওয়ার পর ছয় মাস ডিজাইন টিকে থাকবে কি না।
একটি ডিজাইন এনগেজমেন্ট কীভাবে পরিচালিত হয়
প্রবাহের সংখ্যা এবং বর্তমান পণ্য সম্পর্কে কতটা জানতে হবে তার ওপর নির্ভর করে চার থেকে দশ সপ্তাহের মধ্যে পাঁচটি ধাপ।
আমরা যা আছে তা ব্যবহার করি, সাপোর্ট টিকিটগুলো পড়ি এবং যারা কাজ করেন তাদের সঙ্গে বসতে থাকি। আমরা কোনো প্রস্তাব দেওয়ার আগে তাদের দিনের বর্ণনা তাদের নিজস্ব কথায় দিতে পারি।
পণ্যের মধ্য দিয়ে প্রতিটি পথ, শুরু থেকে শেষ পর্যন্ত অঙ্কিত। এখানেই অধিকাংশ কাটিং ঘটে — একটি নয়-ধাপের ফ্লোতে সাধারণত চারটি ধাপ থাকে, যেগুলো কোনো সীমাবদ্ধতার কারণে আছে, যা কেউ পুনরায় পর্যালোচনা করেনি।
স্কেল, রঙ, ফাঁকফাঁক—এই উপাদানগুলো নির্ধারণ করুন। একবার এগুলো ঠিক করে নিলে তৃতীয় স্ক্রিন তৈরি করতে দিনের বদলে ঘণ্টা লাগে, আর বিশতম স্ক্রিনও প্রথমটির মতোই দেখায়।
পর্যায়ক্রমে স্ক্রিনগুলো, প্রতিটিই প্রকল্পের বাইরের কারো সামনে রাখা হচ্ছে। আমরা সেই মুহূর্তটি লক্ষ্য করছি যখন তারা বর্ণনা বন্ধ করে অনুমান করতে শুরু করে।
সিস্টেম, সোর্স ফাইল এবং যারা এটি তৈরি করবে তাদের সঙ্গে একটি ধাপে ধাপে নির্দেশিকা। যদি আপনার প্রকৌশলীরা আমাদের ছাড়া স্ক্রিন একুশ তৈরি করতে না পারে, তাহলে আমরা এখনও শেষ করিনি।
এটি কেন গুরুত্বপূর্ণ
ডিজাইন এমন কিছু সংখ্যায় প্রকাশ পায় যেগুলো কেউ ডিজাইন হিসেবে চিহ্নিত করে না: সাপোর্ট ভলিউম, অ্যাক্টিভেশন রেট এবং অনবোর্ডিংয়ে যে সময় লাগে।
অধিকাংশ ছেড়ে দেওয়া অনাগ্রহের কারণে নয়। এটি এমন একটি মুহূর্ত যখন পরবর্তী পদক্ষেপ স্পষ্ট ছিল না — খুঁজে পাওয়া যায় এমন এবং একবার আপনি তা দেখতে পারলেই তা ঠিক করা সস্তা।
যে পণ্য নিজেই বোঝা যায়, তা ব্যবহারের আগে কোনো কল-এর প্রয়োজন পড়ে না। এটি বিক্রয় খরচ এবং সহায়তা খরচ, এবং উভয়ই বারবার ঘটে।
সাপোর্ট ইনবক্স যে প্রশ্নগুলো বারবার করে, সেগুলো অগ্রাধিকারক্রমে সাজানো ডিজাইনের সমস্যাগুলোর একটি তালিকা। শীর্ষ তিনটি সমস্যা সমাধান সাধারণত ভলিউম বৃদ্ধিতে নিয়োগের তুলনায় বেশি কার্যকর।
সংজ্ঞায়িত অবস্থাসম্পন্ন একটি উপাদান সেট বিল্ড-সময়ের অস্পষ্টতার সবচেয়ে বড় উৎস দূর করে: পুল রিকোয়েস্টে যে বা যিনি সবচেয়ে কাছে ছিলেন, তিনি যে সিদ্ধান্তগুলো নিয়েছিলেন।
কন্ট্রাস্ট, ফোকাস ক্রম এবং কীবোর্ড পথগুলো পরবর্তীতে নিরীক্ষণের পরিবর্তে ডিজাইনের সময়ই নির্ধারণ করা হয়েছে। অ্যাক্সেসিবিলিটি পরবর্তীতে সংযোজন করার অর্থ হল স্ক্রিনগুলো পুনরায় অঙ্কন করা, যা ব্যয়বহুল পদ্ধতি।
একটি সিস্টেমই সেই ব্যবস্থা যা দশতম স্ক্রিনকে প্রথম স্ক্রিনের মতো একই পণ্যের মধ্যে রাখে। সিস্টেম না থাকলে প্রতিটি ফিচারই ছোটখাটো দরকষাকষি হয়ে যায়, আর বিচ্যুতি কেবল সামগ্রিকভাবেই প্রকাশ পায়।
যেখানে এটি ইতিমধ্যেই চলছে।
পরের ধাপ
চলুন দেখি আপনার কাছে ইতিমধ্যেই থাকা স্ক্রিনগুলো।
পণ্যটি পাঠান, অথবা আপনি যা পরিকল্পনা করছেন তার একটি বর্ণনা পাঠান। আমরা প্রথমে কী পরিবর্তন করতাম এবং কেন তা করতাম তা জানিয়ে ফিরে আসব। কোনো ডেক নয়।
