আপুনি হয়তো আগতেও গৈছিল। আমি ব্যৱহাৰকাৰীসকলক এটা মডাল দেখুওৱাৰ মাজৰ পৰা কেনেকৈ বাছি লওঁ, আৰু আমি তেওঁলোকক কেতিয়া এটা পৃথক, নতুন পৃষ্ঠালৈ নেভিগেট কৰিম? আৰু ইয়াৰ আচলতে কোনো গুৰুত্ব আছেনে? আচলতে হয়। সিদ্ধান্তই ব্যৱহাৰকাৰীৰ প্ৰবাহ, তেওঁলোকৰ প্ৰসংগ, তেওঁলোকৰ বিৱৰণ চাব পৰা ক্ষমতা, আৰু ইয়াৰ সৈতে ভুলৰ কম্পাঙ্ক আৰু কাম সম্পূৰ্ণ কৰাত প্ৰভাৱ পেলায়। দুয়োটা বিকল্পই বিঘ্নিতকাৰী আৰু হতাশাজনক হ’ব পাৰে — ভুল সময়ত, আৰু ভুল ঠাইত। গতিকে আমি সঠিকভাৱে লোৱাটোৱেই ভাল৷ বাৰু, ঠিক তেনেকুৱাই কেনেকৈ কৰিব পাৰি চাওঁ আহক৷ মডাল বনাম ডাইলগ বনাম অভাৰলে বনাম লাইটবক্স আমি প্ৰায়ে এটা মডাল UI উপাদানৰ বিষয়ে কওঁ যদিও, আমি প্ৰায়ে সকলো বিভিন্ন ধৰণৰ মডালৰ মাজৰ মিহি, জটিল সূক্ষ্মতাক আওকাণ কৰো। আচলতে প্ৰতিটো মডাল একে নহয়। মডাল, সংলাপ, অভাৰলে, আৰু লাইটবক্স — সকলো একে ধৰণৰ শব্দ, কিন্তু প্ৰকৃততে সিহঁত একেবাৰে বেলেগ:
Dialog“কথোপকথন” (ব্যৱহাৰকাৰী ↔ ব্যৱস্থাপ্ৰণালী)ৰ বাবে এটা সাধাৰণ শব্দ। Overlayএটা পৃষ্ঠাৰ ওপৰত প্ৰদৰ্শিত এটা সৰু বিষয়বস্তু পেনেল। ModalUser এ অভাৰলে + পটভূমি নিষ্ক্ৰিয় কৰি পাৰস্পৰিক ক্ৰিয়া কৰিব লাগিব। NonmodalUser এ অভাৰলে + পটভূমি সামৰ্থবান কৰি পাৰস্পৰিক ক্ৰিয়া কৰিব লাগিব। লাইটবক্সমডালত মনোযোগ কেন্দ্ৰীভূত কৰিবলৈ পটভূমি ডিম কৰা।
আন্না কেলেই হাইলাইট কৰা মতে, বেছিভাগ অভাৰলেই ভুল সময়ত দেখা দিয়ে, জটিল কামৰ সময়ত ব্যৱহাৰকাৰীসকলক বাধা দিয়ে, বেয়া ভাষা ব্যৱহাৰ কৰে, আৰু ব্যৱহাৰকাৰীৰ প্ৰবাহ ভাঙি পেলায়। স্বভাৱতে ইহঁত বাধাপ্ৰাপ্ত, আৰু সাধাৰণতে ইয়াৰ তীব্ৰ প্ৰয়োজন নোহোৱাকৈ উচ্চ মাত্ৰাৰ তীব্ৰতা থাকে।
নিশ্চিতভাৱে ব্যৱহাৰকাৰীসকলক লেহেমীয়া আৰু বাধা দিব লাগিব যদিহে তেওঁলোকৰ কাৰ্য্যৰ পৰিণতিই অধিক প্ৰভাৱ পেলায়, কিন্তু বেছিভাগ পৰিস্থিতিৰ বাবে নন-মডালসমূহ বহুত বেছি সূক্ষ্ম আৰু ব্যৱহাৰকাৰীৰ দৃষ্টিগোচৰ কৰিবলৈ কিবা এটা অধিক বন্ধুত্বপূৰ্ণ বিকল্প। যদি কিবা আছে, মই সদায় ইয়াক ডিফল্ট হ’বলৈ পৰামৰ্শ দিওঁ। মডাল → একক, স্বয়ংসম্পূৰ্ণ কামৰ বাবে ডিজাইনাৰ হিচাপে আমি প্ৰায়ে মডালবোৰক অপ্রাসংগিক আৰু বিৰক্তিকৰ বুলি উলাই কৰো — আৰু প্ৰায়ে সেইবোৰেই হয়! — তথাপিও সিহঁতৰ মূল্যও আছে। ব্যৱহাৰকাৰীসকলক সম্ভাৱ্য ভুলৰ বিষয়ে সতৰ্ক কৰি দিবলৈ বা তথ্য হেৰুৱাৰ পৰা হাত সাৰিবলৈ ইহঁতে অতি সহায়ক হ’ব পাৰে। ইয়াৰ উপৰিও ইহঁতে সম্পৰ্কীয় কাৰ্য্যসমূহ সম্পাদন কৰাত সহায় কৰিব পাৰে বা পৃষ্ঠাৰ বৰ্তমানৰ অৱস্থাত বাধা নিদিয়াকৈ বিৱৰণত ড্ৰিল ডাউন কৰিব পাৰে। কিন্তু মডালৰ আটাইতকৈ ডাঙৰ সুবিধাটো হ’ল ই ব্যৱহাৰকাৰীসকলক বৰ্তমানৰ পৰ্দাৰ প্ৰসংগ ৰখাত সহায় কৰে। ইয়াৰ অৰ্থ কেৱল UI নহয়, সম্পাদিত ইনপুট, স্ক্ৰলিং অৱস্থান, একৰ্ডিয়নৰ অৱস্থা, ফিল্টাৰ নিৰ্বাচন, সজাই পৰাই তোলা ইত্যাদিও।
কেতিয়াবা, ব্যৱহাৰকাৰীসকলে এটা নিৰ্বাচন দ্ৰুতভাৱে নিশ্চিত কৰিব লাগে (যেনে, ওপৰত দেখুওৱাৰ দৰে ফিল্টাৰসমূহ) আৰু তাৰ পিছত তাৰ পৰা তৎক্ষণাত আগবাঢ়িব লাগে। অটো-ছেভে একেখিনি লাভ কৰিব পাৰে, অৱশ্যেই, কিন্তু ইয়াৰ সদায় প্ৰয়োজন বা আকাংক্ষিত নহয়। আৰু ইউআই ব্লক কৰাটো প্ৰায়ে ভাল ধাৰণা নহয়। কিন্তু কোনো কামৰ বাবে মডাল ব্যৱহাৰ কৰা নহয়। সাধাৰণতে, আমি ইয়াক একক, স্বয়ংসম্পূৰ্ণ কামৰ বাবে ব্যৱহাৰ কৰো য'ত ব্যৱহাৰকাৰীসকলে জপিয়াই পৰিব লাগে, এটা কাম সম্পূৰ্ণ কৰিব লাগে, আৰু তাৰ পিছত তেওঁলোক য'ত আছিল তালৈ উভতি যাব লাগে। আচৰিত নহয় যে ইহঁতে উচ্চ অগ্ৰাধিকাৰ, চুটি পাৰস্পৰিক ক্ৰিয়াৰ বাবে ভাল কাম কৰে (যেনে, সতৰ্কবাণী, ধ্বংসাত্মক কাৰ্য্য, দ্ৰুত নিশ্চিতকৰণ)। যেতিয়া মডালে সহায় কৰে: 🚫 মডালবোৰ প্ৰায়ে বিঘ্নিতকাৰী, আক্ৰমণাত্মক, আৰু বিভ্ৰান্তিকৰ।🚫 ইয়াৰ দ্বাৰা তুলনা আৰু কপি-পেষ্ট কৰাটো কঠিন হৈ পৰে।✅ তথাপিও মডালে ব্যৱহাৰকাৰীক একাধিক প্ৰসংগ বজাই ৰাখিবলৈ অনুমতি দিয়ে।✅ অপ্ৰত্যাৱৰ্তনীয় ভুল আৰু তথ্য হেৰুৱা ৰোধ কৰিবলৈ উপযোগী।✅ যদি ব্যৱহাৰকাৰীক নতুন পৃষ্ঠালৈ প্ৰেৰণ কৰাটো বিঘ্নিতকাৰী হ'ব তেন্তে উপযোগী। ✅ এটা মডাল দেখুৱাওক যদিহে ব্যৱহাৰকাৰীয়ে বিঘিনিৰ মূল্য দিব।✅ অবিকল্পিতভাৱে, নন-ব্লক কৰা সংলাপসমূহ (“অমডাল”) পছন্দ কৰক।✅ ব্যৱহাৰকাৰীসকলক পিছত সংলাপটো নূন্যতম, লুকুৱা, বা পুনৰুদ্ধাৰ কৰাৰ অনুমতি দিয়ক বাকচ। পৃষ্ঠাসমূহ → জটিল, বহু-পদক্ষেপ কাৰ্য্যপ্ৰবাহসমূহৰ বাবে মডালৰ ভিতৰত উইজাৰ্ড বা টেবযুক্ত নেভিগেচনে বেছি ভাল কাম নকৰে, আনকি জটিল এণ্টাৰপ্ৰাইজ প্ৰডাক্টতো — তাত, চাইড পেনেল বা ড্ৰয়াৰে সাধাৰণতে ভাল কাম কৰে৷ সমস্যাসমূহ আৰম্ভ হয় যেতিয়া ব্যৱহাৰকাৰীসকলে তথ্য বিন্দুসমূহ তুলনা বা উল্লেখ কৰিব লাগে — তথাপিও মডালসমূহে এই আচৰণ বন্ধ কৰে, গতিকে তেওঁলোকে ইয়াৰ পৰিবৰ্তে একেটা পৃষ্ঠা একাধিক টেবত পুনৰায় খোলে।
অধিক জটিল প্ৰবাহ আৰু বহু-পদক্ষেপ প্ৰক্ৰিয়াসমূহৰ বাবে, স্বতন্ত্ৰ পৃষ্ঠাসমূহে সৰ্বোত্তম কাম কৰে। পৃষ্ঠাসমূহেও ভাল কাম কৰে যেতিয়া ই ব্যৱহাৰকাৰীৰ সম্পূৰ্ণ মনোযোগ বিচাৰে, আৰু পূৰ্বৰ পৰ্দাৰ উল্লেখ বৰ সহায়ক নহয়। আৰু ড্ৰয়াৰসমূহে উপ-কাৰ্য্যসমূহৰ বাবে কাম কৰে যিবোৰ এটা সৰল মডালৰ বাবে অতি জটিল, কিন্তু এটা সম্পূৰ্ণ পৃষ্ঠা নেভিগেচনৰ প্ৰয়োজন নাই। কেতিয়া মডাল এৰাই চলিব লাগে: 🚫 ভুল বাৰ্তাৰ বাবে মডাল এৰক।🚫 বৈশিষ্ট্য জাননীৰ বাবে মডাল এৰক।🚫 অনবৰ্ডিং অভিজ্ঞতাৰ বাবে মডাল এৰক।🚫 জটিল, দীঘলীয়া বহু-পদক্ষেপৰ-কাৰ্য্যৰ বাবে মডাল এৰক।🚫 একাধিক নেষ্টেড মডাল এৰক আৰু ইয়াৰ পৰিৱৰ্তে prev/next ব্যৱহাৰ কৰক।🚫 একেবাৰে প্ৰয়োজনীয় নহ'লে অটো-ট্ৰিগাৰ মডাল এৰক। দুয়োটাকে পৰিহাৰ কৰকপুনৰাবৃত্তিমূলক কামৰ বাবে বহুতো জটিল, কাম-গধুৰ সামগ্ৰীত ব্যৱহাৰকাৰীয়ে নিজকে একেবোৰ কাম বাৰে বাৰে, বাৰে বাৰে কৰা দেখা পাব। তাত, মডাল আৰু নতুন পৃষ্ঠা নেভিগেচন দুয়োটাই ঘৰ্ষণ যোগ কৰে কাৰণ ই প্ৰবাহত বাধা দিয়ে বা ব্যৱহাৰকাৰীসকলক সকলো বিভিন্ন টেব বা দৃশ্যৰ মাজত অনুপস্থিত তথ্য সংগ্ৰহ কৰিবলৈ বাধ্য কৰে। বহু সময়ত, ব্যৱহাৰকাৰীসকলে এটা ভগ্ন অভিজ্ঞতাৰ সৈতে শেষ হয়, যিটো কেতিয়াও শেষ নহ'বলগীয়া নিশ্চিতকৰণ, অতিৰঞ্জিত সতৰ্কবাণী, বাক্যবান নিৰ্দেশনা, বা কেৱল অনুপস্থিত ৰেফাৰেন্স পইণ্টেৰে ভৰা। চৌলিয়াছ ষ্টেবুলিছে উল্লেখ কৰা অনুসৰি, এই পৰিস্থিতিসমূহত, সম্প্ৰসাৰণযোগ্য অংশ বা ইন-প্লেচ সম্পাদনাই প্ৰায়ে ভাল কাম কৰে — ইহঁতে কামটোক বৰ্তমানৰ পৰ্দাত লংঘন কৰি ৰাখে। কাৰ্যক্ষেত্ৰত বহু পৰিস্থিতিত ব্যৱহাৰকাৰীয়ে নিজৰ কামবোৰ পৃথকে পৃথকে সম্পূৰ্ণ নকৰে। তেওঁলোকে তথ্য বিচাৰিব লাগিব, মানসমূহ কপি-পেষ্ট কৰিব লাগিব, বিভিন্ন ঠাইত প্ৰৱেশসমূহ পৰিশোধন কৰিব লাগিব, বা তেওঁলোকে তেওঁলোকৰ কামসমূহৰ মাজেৰে কাম কৰাৰ সময়ত কেৱল একে ধৰণৰ ৰেকৰ্ডসমূহ পৰ্যালোচনা কৰিব লাগিব। কাৰ্য্যৰ সময়ত পটভূমি তথ্যৰ অভিগম বজাই ৰখাত অভাৰলে আৰু ড্ৰয়াৰসমূহ অধিক সহায়ক। ফলত প্ৰসংগটো সদায় নিজৰ ঠাইত থাকে, প্ৰসংগ বা কপি-পেষ্টৰ বাবে উপলব্ধ। মডাল আৰু পৃষ্ঠা নেভিগেচন সংৰক্ষণ কৰক য'ত বাধাই প্ৰকৃততে মূল্য যোগ কৰে — বিশেষকৈ জটিল ভুলসমূহ প্ৰতিৰোধ কৰিবলৈ। মডাল বনাম পৃষ্ঠা: এটা সিদ্ধান্ত গছ কিছুদিনৰ আগতে ৰিয়ান নিউফেল্ডে ডিজাইনাৰসকলক মডাল আৰু পৃষ্ঠাৰ মাজৰ পৰা নিৰ্বাচন কৰাত সহায় কৰিবলৈ এটা অতি সহায়ক গাইড যুগুত কৰিছিল। ইয়াৰ সৈতে এটা সহজলভ্য PNG চীটশ্বীট আৰু এটা গুগল ডক টেমপ্লেট আছে য'ত প্ৰশ্নসমূহ ৭টা অংশত বিভক্ত কৰা হৈছে। ই দীঘলীয়া, অতি পুংখানুপুংখ, কিন্তু অনুসৰণ কৰাটো অতি সহজ:
ইয়াক ভয়ংকৰ যেন লাগিব পাৰে, কিন্তু ই এটা যথেষ্ট সহজ ৪-পদক্ষেপৰ প্ৰক্ৰিয়া:
পৰ্দাৰ প্ৰসংগ।প্ৰথমে আমি পৰীক্ষা কৰোঁ যে ব্যৱহাৰকাৰীসকলে অন্তৰ্নিহিত পৰ্দাৰ প্ৰসংগ বজাই ৰাখিব লাগিব নেকি। সৰল, কেন্দ্ৰীভূত, অ-বিক্ষিপ্ত কাৰ্য্যসমূহে এটা মডাল ব্যৱহাৰ কৰিব পাৰে, কিন্তু দীঘলীয়া, জটিল প্ৰবাহৰ বাবে এটা পৃষ্ঠাৰ প্ৰয়োজন। তাৰ পিছত, আমি পৰীক্ষা কৰোঁ যে ব্যৱহাৰকাৰীসকলে প্ৰায়ে পটভূমিত তথ্য উল্লেখ কৰিব লাগে নেকি বা কামটো এটা সৰল নিশ্চিতকৰণ বা নিৰ্বাচন নেকি। সঠিক অভাৰলে বাছনি কৰা।
ৰেপিং আপ যেতিয়াই সম্ভৱ, সমগ্ৰ UI ব্লক কৰাটো এৰক। এটা সংলাপ ভাসমান কৰক, আংশিকভাৱে UI সামৰি লওক, কিন্তু নেভিগেচন, স্ক্ৰলিং, আৰু কপি-পেষ্টিঙৰ অনুমতি দি। অথবা মডালৰ ভিতৰৰ বস্তুবোৰ চাইড ড্ৰয়াৰ হিচাপে দেখুৱাওক। বা ইয়াৰ পৰিৱৰ্তে উলম্ব একৰ্ডিয়ন ব্যৱহাৰ কৰক। অথবা বহু বিৱৰণ দেখুৱাব লাগিলে ব্যৱহাৰকাৰীক এটা সুকীয়া পৃষ্ঠালৈ আনিব লাগে। কিন্তু যদি আপুনি ব্যৱহাৰকাৰীৰ দক্ষতা আৰু গতি বৃদ্ধি কৰিব বিচাৰে, তেন্তে যিকোনো মূল্যতে মডাল এৰক। ব্যৱহাৰকাৰীক লেহেমীয়া কৰিবলৈ, তেওঁলোকৰ মনোযোগ বাণ্ডিল কৰিবলৈ, ভুল ৰোধ কৰিবলৈ ইয়াক ব্যৱহাৰ কৰক। থেৰেছা ফেচেণ্ডেনে লক্ষ্য কৰা মতে, কোনেও বাধা দিয়াটো ভাল নাপায়, কিন্তু যদি আপুনি কৰিব লাগে, তেন্তে নিশ্চিত হওক যে ই খৰচৰ একেবাৰে যোগ্য৷ “স্মাৰ্ট ইন্টাৰফেচ ডিজাইন পেটাৰ্ণ” লগ কৰক আপুনি স্মাৰ্ট ইন্টাৰফেচ ডিজাইন পেটাৰ্ণছত মডাল আৰু বিকল্পৰ বিষয়ে এটা গোটেই অংশ পাব পাৰে, বাস্তৱ জীৱনৰ প্ৰকল্পৰ পৰা ১০০ টা ব্যৱহাৰিক উদাহৰণৰ সৈতে আমাৰ ১৫h-ভিডিঅ' পাঠ্যক্ৰম — এই বছৰৰ শেষৰ ফালে এটা লাইভ UX প্ৰশিক্ষণৰ সৈতে। মেগা-ড্ৰপডাউনৰ পৰা জটিল এণ্টাৰপ্ৰাইজ টেবুললৈকে সকলো — প্ৰতি বছৰে ৫টা নতুন ছেগমেণ্ট যোগ কৰা হয়। এটা বিনামূলীয়া পূৰ্বদৰ্শনলৈ যাওক। ১৫% ৰেহাই ৰাহি কৰিবলৈ BIRDIE ক'ড ব্যৱহাৰ কৰক। স্মাৰ্ট ইন্টাৰফেচ ডিজাইন পেটাৰ্ণ, ইন্টাৰফেচ ডিজাইন আৰু ইউএক্সৰ ওপৰত আমাৰ ভিডিঅ' পাঠ্যক্ৰম লগ কৰক।
ভিডিঅ' + UX প্ৰশিক্ষণকেৱল ভিডিঅ'ভিডিঅ' + UX প্ৰশিক্ষণ$ 495.00 $ 699.00
ভিডিঅ' + UX Training25 ভিডিঅ' পাঠ (15h) + লাইভ UX Training.100 দিনৰ ধন-বেক-গেৰাণ্টী.ভিডিঅ' মাত্ৰ$ 300.00$ 395.00 পাওক
ভিডিঅ' পাঠ্যক্ৰম40 ভিডিঅ' পাঠ (15h) লাভ কৰক। 2 ভিডিঅ' পাঠ্যক্ৰমৰ সৈতে এটা UX Bundle হিচাপেও উপলব্ধ।
উপযোগী সম্পদ
বিভিন্ন ধৰণৰ পপআপ, আন্না কেলিৰ দ্বাৰা UI Modals ডিজাইন কৰাৰ বাবে উত্তম পদ্ধতিসমূহ, Uxcel দ্বাৰা আমি বহুত ডামন মডাল ব্যৱহাৰ কৰো: UX গাইডলাইন, এড্ৰিয়ান এগাৰৰ দ্বাৰা মডাল আৰু ননমডাল ডাইলগ, থেৰেছা ফেচেণ্ডেনৰ দ্বাৰা আধুনিক এণ্টাৰপ্ৰাইজ ইউআই ডিজাইন: মডাল ডাইলগ, জেমছ জেকবছৰ দ্বাৰা ডিজাইন চিষ্টেমত মডাল
