Skip to main content

ব্যবহারকারী ইন্টারফেস

ট্যাবলেট ডিভাইস ব্যবহার করে ছবি ব্রাউজ করার জন্য একজন ব্যক্তির ক্লোজ-আপ ছবি। ট্যাবলেটটি একটি টেবিলের উপর রাখা আছে, এবং পটভূমিতে, একটি খোলা ল্যাপটপ রয়েছে যা একটি ইমেল ইনবক্স প্রদর্শন করছে।

কম্পিউটার সিস্টেমের সাথে ইন্টারঅ্যাক্ট করা

মস্তিষ্কের স্ক্রিনে আপনার তৈরি বোতামগুলি হল একটি মৌলিক গ্রাফিক্যাল ইউজার ইন্টারফেসের (GUI) সূচনা। অন্যান্য ধরণের ইউজার ইন্টারফেস (UI) আছে, তবে আমরা GUI গুলির উপর ফোকাস করব কারণ আমরা এই ধরণের ইন্টারফেসই সবচেয়ে বেশি ব্যবহার করি।

UI হল এমন একটি স্থান যা ব্যবহারকারীকে একটি কম্পিউটার সিস্টেম (বা মেশিন) এর সাথে ইন্টারঅ্যাক্ট করতে দেয়। যখন আপনি মস্তিষ্কের স্ক্রিনে বোতামগুলি প্রোগ্রাম করেছিলেন, তখন আপনি ব্যবহারকারীদের Clawbot-এর সাথে ইন্টারঅ্যাক্ট করার একটি উপায় দিয়েছিলেন যাতে তারা এটিকে থামাতে বা বাম বা ডানে ঘুরতে পারে। যখন আপনি আপনার কোনও ডিভাইসে (ট্যাবলেট, স্মার্টফোন, স্মার্টওয়াচ) টাচস্ক্রিনের সাথে ইন্টারঅ্যাক্ট করেন, তখন প্রায়শই সেই স্ক্রিনগুলিই আপনার একমাত্র ইন্টারফেস। হয়তো আপনার ডিভাইসে ভলিউম বা পাওয়ার বোতামও আছে কিন্তু আপনি মূলত স্ক্রিনের সাথে ইন্টারঅ্যাক্ট করেন।

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

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

আপনার শিক্ষার আইকন প্রসারিত করুন তোমার শেখার পরিধি বাড়াও

শিক্ষার্থীদের একটি স্মার্ট ডিভাইস (যেমন, একটি আইফোন) নির্বাচন করতে বলুন এবং প্রতিটি নতুন সংস্করণের সাথে সাথে UI কীভাবে পরিবর্তিত হয়েছে তা তদন্ত করতে বলুন। তারা ইন্টারনেট থেকে স্ক্রিনশট ব্যবহার করতে পারে এবং বর্ণনা করতে পারে যে তারা এক সংস্করণ থেকে অন্য সংস্করণে কী আলাদা তা লক্ষ্য করে। প্রায়শই, কোম্পানির কাছ থেকে এমন ডকুমেন্টেশন থাকে যা পূর্ববর্তী রিলিজের পরিবর্তনগুলি তালিকাভুক্ত করে। শিক্ষার্থীদের তাদের পছন্দের স্মার্ট ডিভাইসগুলির নিজস্ব সময়রেখা তৈরি করা উচিত।
শিক্ষার্থীদের একটি নির্দিষ্ট ব্র্যান্ড/মডেলের ডিভাইসগুলির তুলনা করতে বলুন যাতে তারা সম্পূর্ণ ভিন্ন ফোনের তুলনা না করে। একইভাবে, শিক্ষার্থীদের স্মার্ট প্রযুক্তির চেয়ে বেশি পিছিয়ে যাওয়া উচিত নয়। কিছু মডেল হয়তো উত্থিত পুশ-বোতাম কী দিয়ে শুরু হয়েছিল কিন্তু শিক্ষার্থীদের তাদের টাইমলাইনে সেই সংস্করণগুলি অন্তর্ভুক্ত করা উচিত নয়। পরবর্তী টাচস্ক্রিন ইন্টারফেসটি কেবল ব্যবহারকারীর অভিজ্ঞতা উন্নত করার চেয়ে প্রযুক্তিগত অগ্রগতি সম্পর্কে বেশি।

আলোচনার জন্য উৎসাহিত করার আইকন আলোচনা প্রেরণা - ইউজার ইন্টারফেসের ডিজাইনার এবং প্রকৌশলী

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

প্রশ্ন:UI ডিজাইনাররা "ব্যবহারকারীর প্রত্যাশার সাথে সঙ্গতি" কে খুব গুরুত্ব সহকারে নেন। এর অর্থ কী বলে তুমি মনে করো, এবং ইন্টারফেসের নকশার উপর এর প্রভাব কেমন বলে তুমি মনে করো?
ক:শিক্ষার্থীদের প্রথমে "ব্যবহারকারীর প্রত্যাশার সাথে সঙ্গতি" বলতে ইন্টারফেসটি ব্যবহারকারীর প্রত্যাশা অনুযায়ী দেখতে এবং প্রতিক্রিয়া জানাতে হবে। তাহলে প্রথম অংশটি হল এটি পরিচিত বা অন্তত স্বজ্ঞাত দেখাচ্ছে। দ্বিতীয় অংশটি হল, যখন ব্যবহারকারী এটির সাথে যোগাযোগ করে, তখন এটি ব্যবহারকারীর ক্রিয়াকলাপের প্রতি এমনভাবে প্রতিক্রিয়া দেখাবে যা ব্যবহারকারী প্রত্যাশা করে এবং পরিকল্পনা করে। উভয়ই ডিজাইনের উপর প্রভাব ফেলে কারণ ডিজাইনাররা চান ব্যবহারকারীর অভিজ্ঞতা যতটা সম্ভব সেরা হোক। বাস্তবে, কখনও কখনও এর অর্থ হল বেশিরভাগ পরিবর্তন সহ সম্পূর্ণ নতুন ইন্টারফেসের পরিবর্তে শুধুমাত্র কয়েকটি পরিবর্তন সহ একই ধরণের ইন্টারফেস ব্যবহার করতে হবে। যদি সম্পূর্ণ ইন্টারফেসটি নতুন হয়, তাহলে অভিজ্ঞতা ব্যবহারকারীদের এটির সাথে কীভাবে ইন্টারঅ্যাক্ট করতে হবে তার প্রত্যাশার সাথে প্রস্তুত করে না।

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