آپ شاید پہلے بھی وہاں جا چکے ہوں گے۔ ہم صارفین کو ماڈل دکھانے کے درمیان کس طرح انتخاب کرتے ہیں، اور ہم انہیں ایک علیحدہ، نئے صفحہ پر کب نیویگیٹ کرتے ہیں؟ اور کیا اس سے کوئی فرق پڑتا ہے؟ اصل میں، یہ کرتا ہے. فیصلہ صارفین کے بہاؤ، ان کے سیاق و سباق، تفصیلات تلاش کرنے کی ان کی صلاحیت اور اس کے ساتھ غلطی کی فریکوئنسی اور کام کی تکمیل کو متاثر کرتا ہے۔ دونوں آپشنز خلل ڈالنے والے اور مایوس کن ہو سکتے ہیں — غلط وقت پر، اور غلط جگہ پر۔ اس لیے ہم اسے درست کر لیں گے۔ ٹھیک ہے، آئیے دیکھتے ہیں کہ اسے کیسے کرنا ہے۔ موڈلز بمقابلہ ڈائیلاگ بمقابلہ اوورلیز بمقابلہ لائٹ باکس جب کہ ہم اکثر ایک واحد موڈل UI جزو کے بارے میں بات کرتے ہیں، ہم اکثر مختلف قسم کے ماڈلز کے درمیان عمدہ، پیچیدہ باریکیوں کو نظر انداز کر دیتے ہیں۔ درحقیقت، ہر ماڈل ایک جیسا نہیں ہوتا۔ موڈلز، ڈائیلاگ، اوورلیز، اور لائٹ باکسز - سبھی ایک جیسے لگتے ہیں، لیکن وہ حقیقت میں کافی مختلف ہیں:
ڈائیلاگ ایک عام اصطلاح برائے "گفتگو" (صارف ↔ سسٹم)۔ اوورلے ایک چھوٹا سا مواد پینل صفحہ کے اوپر دکھایا گیا ہے۔ ModalUser کو اوورلے + پس منظر کو غیر فعال کے ساتھ تعامل کرنا چاہیے۔ NonmodalUser کو اوورلے + پس منظر فعال کے ساتھ تعامل کرنا چاہیے۔ موڈل پر توجہ مرکوز کرنے کے لیے لائٹ باکس مدھم پس منظر۔
جیسا کہ انا کیلی نے روشنی ڈالی، زیادہ تر اوورلے غلط وقت پر ظاہر ہوتے ہیں، صارفین کو اہم کاموں کے دوران روکتے ہیں، ناقص زبان استعمال کرتے ہیں، اور صارفین کے بہاؤ کو توڑ دیتے ہیں۔ وہ فطرت کے لحاظ سے خلل ڈالنے والے ہوتے ہیں، اور عام طور پر اس کی سخت ضرورت کے بغیر اعلی سطح کی شدت کے ساتھ۔
یقینی طور پر صارفین کو سست کیا جانا چاہئے اور اگر ان کے عمل کے نتائج کا زیادہ اثر پڑتا ہے تو، لیکن زیادہ تر منظرناموں کے لئے غیر موڈل بہت زیادہ لطیف اور صارف کی توجہ میں کچھ لانے کے لئے زیادہ دوستانہ آپشن ہوتے ہیں۔ اگر کچھ بھی ہے تو، میں ہمیشہ اسے ڈیفالٹ ہونے کا مشورہ دیتا ہوں۔ ماڈلز → واحد، خود ساختہ کاموں کے لیے ڈیزائنرز کے طور پر، ہم اکثر ماڈلز کو غیر متعلقہ اور پریشان کن قرار دیتے ہیں — اور اکثر ایسا ہوتا ہے! - پھر بھی ان کی قدر بھی ہے۔ وہ صارفین کو ممکنہ غلطیوں کے بارے میں خبردار کرنے یا ڈیٹا کے نقصان سے بچنے میں ان کی مدد کرنے میں بہت مددگار ثابت ہو سکتے ہیں۔ وہ صفحہ کی موجودہ حالت میں خلل ڈالے بغیر متعلقہ اعمال انجام دینے یا تفصیلات میں ڈرل ڈاؤن کرنے میں بھی مدد کر سکتے ہیں۔ لیکن ماڈلز کا سب سے بڑا فائدہ یہ ہے کہ وہ صارفین کو موجودہ اسکرین کے سیاق و سباق کو برقرار رکھنے میں مدد کرتے ہیں۔ اس کا مطلب صرف UI نہیں ہے، بلکہ ترمیم شدہ ان پٹ، اسکرولنگ پوزیشن، ایکارڈینز کی حالت، فلٹرز کا انتخاب، چھانٹنا وغیرہ۔
بعض اوقات، صارفین کو فوری طور پر کسی انتخاب کی تصدیق کرنے کی ضرورت ہوتی ہے (مثلاً فلٹرز جیسا کہ اوپر دکھایا گیا ہے) اور پھر وہاں سے فوراً آگے بڑھیں۔ خودکار بچت یقیناً وہی حاصل کر سکتی ہے، لیکن اس کی ہمیشہ ضرورت یا خواہش نہیں ہوتی ہے۔ اور UI کو مسدود کرنا اکثر اچھا خیال نہیں ہوتا ہے۔ تاہم، موڈل کسی بھی کام کے لیے استعمال نہیں ہوتے ہیں۔ عام طور پر، ہم انہیں واحد، خود ساختہ کاموں کے لیے استعمال کرتے ہیں جہاں صارفین کو کودنا چاہیے، کوئی کام مکمل کرنا چاہیے، اور پھر وہیں واپس جانا چاہیے جہاں وہ تھے۔ حیرت کی بات نہیں، وہ اعلیٰ ترجیحی، مختصر تعاملات (مثلاً، انتباہات، تباہ کن کارروائیاں، فوری تصدیق) کے لیے اچھا کام کرتے ہیں۔ جب ماڈل مدد کرتے ہیں: 🚫 موڈلز اکثر خلل ڈالنے والے، جارحانہ اور مبہم ہوتے ہیں۔🚫 ان کا موازنہ کرنا اور کاپی پیسٹ کرنا مشکل ہو جاتا ہے۔ ✅ اس کے باوجود ماڈلز صارفین کو متعدد سیاق و سباق کو برقرار رکھنے کی اجازت دیتے ہیں۔✅ ناقابل واپسی غلطیوں اور ڈیٹا کے نقصان کو روکنے کے لیے مفید ہے۔ ✅ ایک موڈل صرف اس صورت میں دکھائیں جب صارفین رکاوٹ کی قدر کریں گے۔ ✅ پہلے سے طے شدہ طور پر، غیر مسدود کرنے والے ڈائیلاگ کو ترجیح دیں ("نان موڈلز")۔ ✅ صارفین کو بعد میں ڈائیلاگ کو کم کرنے، چھپانے یا بحال کرنے کی اجازت دیں۔ صفحات → پیچیدہ، ملٹی سٹیپ ورک فلوز کے لیے موڈلز کے اندر وزرڈز یا ٹیبڈ نیویگیشن زیادہ اچھی طرح سے کام نہیں کرتی، یہاں تک کہ پیچیدہ انٹرپرائز پروڈکٹس میں بھی - وہاں، سائیڈ پینلز یا دراز عموماً بہتر کام کرتے ہیں۔ مشکلات اس وقت شروع ہوتی ہیں جب صارفین کو ڈیٹا پوائنٹس کا موازنہ یا حوالہ دینے کی ضرورت ہوتی ہے — پھر بھی موڈل اس رویے کو روک دیتے ہیں، اس لیے وہ ایک ہی صفحہ کو ایک سے زیادہ ٹیبز میں دوبارہ کھولتے ہیں۔
مزید پیچیدہ بہاؤ اور کثیر مرحلہ عمل کے لیے، اسٹینڈ اکیلے صفحات بہترین کام کرتے ہیں۔ صفحات اس وقت بھی بہتر کام کرتے ہیں جب وہ صارف کی پوری توجہ کا مطالبہ کرتے ہیں، اور پچھلی اسکرین کا حوالہ زیادہ مددگار نہیں ہوتا ہے۔ اور دراز ذیلی کاموں کے لیے کام کرتے ہیں جو ایک سادہ موڈل کے لیے بہت پیچیدہ ہیں، لیکن پورے صفحہ کی نیویگیشن کی ضرورت نہیں ہے۔ ماڈلز سے کب بچنا ہے: 🚫 خرابی کے پیغامات کے لیے ماڈلز سے بچیں. دونوں سے پرہیز کریں۔بار بار کیے جانے والے کاموں کے لیے بہت سی پیچیدہ، ٹاسک ہیوی پروڈکٹس میں، صارفین خود کو ایک ہی کام کو بار بار، بار بار انجام دیتے ہوئے پائیں گے۔ وہاں، دونوں موڈل اور نئے پیج نیویگیشن میں رگڑ پیدا ہوتی ہے کیونکہ وہ بہاؤ میں خلل ڈالتے ہیں یا صارفین کو تمام مختلف ٹیبز یا ویوز کے درمیان گمشدہ ڈیٹا اکٹھا کرنے پر مجبور کرتے ہیں۔ اکثر، صارفین ایک ٹوٹے ہوئے تجربے کے ساتھ ختم ہوتے ہیں، جو کبھی نہ ختم ہونے والی تصدیقوں، مبالغہ آمیز انتباہات، لفظی ہدایات، یا صرف حوالہ کے نکات سے محروم ہوتے ہیں۔ جیسا کہ Saulius Stebulis نے ذکر کیا، ان منظرناموں میں، قابل توسیع حصے یا جگہ جگہ ترمیم اکثر بہتر کام کرتی ہے - وہ کام کو موجودہ اسکرین پر لنگر انداز رکھتے ہیں۔ عملی طور پر، بہت سے منظرناموں میں، صارفین اپنے کاموں کو تنہائی میں مکمل نہیں کرتے ہیں۔ انہیں ڈیٹا تلاش کرنے، قدروں کو کاپی پیسٹ کرنے، مختلف جگہوں پر اندراجات کو بہتر بنانے، یا صرف اسی طرح کے ریکارڈز کا جائزہ لینے کی ضرورت ہے جب وہ اپنے کاموں میں کام کرتے ہیں۔ اوورلے اور دراز کام کے دوران پس منظر کے ڈیٹا تک رسائی کو برقرار رکھنے میں زیادہ مددگار ہوتے ہیں۔ نتیجے کے طور پر، سیاق و سباق ہمیشہ اپنی جگہ پر رہتا ہے، حوالہ یا کاپی پیسٹ کے لیے دستیاب ہے۔ موڈلز اور صفحہ نیویگیشن کو ان لمحات کے لیے محفوظ کریں جہاں رکاوٹ حقیقی طور پر قدر میں اضافہ کرتی ہے — خاص طور پر اہم غلطیوں کو روکنے کے لیے۔ ماڈلز بمقابلہ صفحات: ایک فیصلہ کن درخت کچھ عرصہ پہلے، Ryan Neufeld نے ڈیزائنرز کو ماڈلز اور پیجز کے درمیان انتخاب کرنے میں مدد کرنے کے لیے ایک بہت مددگار گائیڈ پیش کیا۔ یہ ایک آسان PNG چیٹ شیٹ اور Google Doc ٹیمپلیٹ کے ساتھ آتا ہے جس میں 7 حصوں میں ٹوٹے ہوئے سوالات ہیں۔ یہ لمبا، انتہائی مکمل، لیکن پیروی کرنا بہت آسان ہے:
یہ مشکل لگ سکتا ہے، لیکن یہ ایک بہت آسان 4 قدمی عمل ہے:
اسکرین کا سیاق و سباق۔ سب سے پہلے، ہم چیک کرتے ہیں کہ آیا صارفین کو بنیادی اسکرین کے سیاق و سباق کو برقرار رکھنے کی ضرورت ہے۔ کام کی پیچیدگی اور دورانیہ۔ آسان، توجہ مرکوز، غیر مشغول کاموں میں ایک ماڈل استعمال کیا جا سکتا ہے، لیکن طویل، پیچیدہ بہاؤ کے لیے ایک صفحہ کی ضرورت ہوتی ہے۔ بنیادی صفحہ کا حوالہ۔ پھر، ہم چیک کرتے ہیں کہ آیا صارفین کو اکثر پس منظر میں ڈیٹا کا حوالہ دینے کی ضرورت ہوتی ہے یا یہ کام ایک سادہ تصدیق یا انتخاب ہے۔ صحیح اوورلے کا انتخاب کرنا۔آخر میں، اگر کوئی اوورلے واقعی ایک اچھا آپشن ہے، تو یہ ہمیں موڈل یا نان موڈل (نان موڈل کی طرف جھکاؤ) کے درمیان انتخاب کرنے کی رہنمائی کرتا ہے۔
لپیٹنا جب بھی ممکن ہو، پورے UI کو مسدود کرنے سے گریز کریں۔ ایک ڈائیلاگ فلوٹنگ کریں، جزوی طور پر UI کا احاطہ کرتا ہے، لیکن نیویگیشن، اسکرولنگ اور کاپی پیسٹ کرنے کی اجازت دیتا ہے۔ یا موڈل کے مواد کو سائیڈ دراز کے طور پر دکھائیں۔ یا اس کے بجائے عمودی ایکارڈین استعمال کریں۔ یا اگر آپ کو بہت زیادہ تفصیل دکھانے کی ضرورت ہو تو صارفین کو ایک علیحدہ صفحہ پر لائیں۔ لیکن اگر آپ صارفین کی کارکردگی اور رفتار کو بڑھانا چاہتے ہیں تو ہر قیمت پر ماڈلز سے بچیں۔ ان کا استعمال صارفین کو سست کرنے، ان کی توجہ مرکوز کرنے، غلطیوں کو روکنے کے لیے کریں۔ جیسا کہ تھیریس فیسنڈن نے نوٹ کیا، کوئی بھی مداخلت کرنا پسند نہیں کرتا، لیکن اگر آپ کو لازمی ہے، تو یقینی بنائیں کہ یہ بالکل قابل قدر ہے۔ "سمارٹ انٹرفیس ڈیزائن پیٹرن" سے ملیں آپ سمارٹ انٹرفیس ڈیزائن پیٹرنز میں ماڈلز اور متبادلات کے بارے میں ایک مکمل سیکشن تلاش کر سکتے ہیں، ہمارا 15h-ویڈیو کورس جس میں حقیقی زندگی کے پروجیکٹس کی 100s عملی مثالیں ہیں — اس سال کے آخر میں لائیو UX ٹریننگ کے ساتھ۔ میگا ڈراپ ڈاؤن سے لے کر پیچیدہ انٹرپرائز ٹیبلز تک سب کچھ — ہر سال 5 نئے سیگمنٹس شامل کیے جاتے ہیں۔ ایک مفت پیش نظارہ پر جائیں۔ 15% چھوٹ بچانے کے لیے BIRDIE کوڈ استعمال کریں۔ اسمارٹ انٹرفیس ڈیزائن پیٹرنز سے ملیں، انٹرفیس ڈیزائن اور UX پر ہمارا ویڈیو کورس۔
ویڈیو + UX ٹریننگ صرف ویڈیو ویڈیو + UX ٹریننگ$ 495.00 $ 699.00
ویڈیو + UX ٹریننگ25 ویڈیو اسباق (15h) + لائیو UX ٹریننگ حاصل کریں۔ 100 دن کی رقم واپس کرنے کی گارنٹی۔ ویڈیو صرف$ 300.00$ 395.00
ویڈیو کورس 40 ویڈیو اسباق (15h) حاصل کریں۔ سالانہ اپ ڈیٹ کیا جاتا ہے۔ 2 ویڈیو کورسز کے ساتھ UX بنڈل کے طور پر بھی دستیاب ہے۔
مفید وسائل
پاپ اپ کی مختلف اقسام، بذریعہ اینا کیلی Uxcel کے ذریعہ UI ماڈلز کو ڈیزائن کرنے کے بہترین طریقے ہم بہت سارے ڈیمن ماڈلز استعمال کرتے ہیں: UX رہنما خطوط بذریعہ ایڈرین ایگر موڈل اور نان موڈل ڈائیلاگز، تھیریس فیسنڈن کے ذریعہ جدید انٹرپرائز UI ڈیزائن: جیمز جیکبز کے ذریعہ موڈل ڈائیلاگ ڈیزائن سسٹمز میں ماڈلز
