ڕەنگە پێشتر لەوێ بوویت. چۆن لە نێوان پیشاندانی مۆداڵێک بۆ بەکارهێنەران هەڵدەبژێرین و کەی دەیانگوازینەوە بۆ لاپەڕەیەکی جیاواز و نوێ؟ وە ئایا بەهیچ شێوەیەک گرنگە؟ لە ڕاستیدا، وا دەکات. بڕیارەکە کاریگەری لەسەر ڕەوتی بەکارهێنەران، کۆنتێکستەکەیان، توانای گەڕان بەدوای وردەکارییەکان و لەگەڵیدا فرێکوێنسیی هەڵە و تەواوکردنی ئەرکەکان هەیە. هەردوو بژاردەکە دەتوانن تێکدەر و بێزارکەر بن — لە کاتێکی هەڵەدا، و لە شوێنی هەڵەدا. بۆیە باشترە بە باشی وەریبگرین. باشە، با بزانین چۆن تەنها ئەوە بکەین. مۆداڵەکان vs. دیالۆگەکان vs. ئۆڤەرلایەکان vs. لایتبۆکسەکان لە کاتێکدا زۆرجار باس لە یەک پێکهاتەی مۆداڵی UI دەکەین، زۆرجار نوانسە ورد و ئاڵۆزەکانی نێوان هەموو جۆرە جیاوازەکانی مۆداڵەکان پشتگوێ دەخەین. لە ڕاستیدا هەموو مۆداڵێک وەک یەک نییە. مۆداڵەکان، دیالۆگەکان، سەرپۆشەکان و لایتبۆکسەکان — هەموویان دەنگیان هاوشێوەیە، بەڵام لە ڕاستیدا تەواو جیاوازن:
Dialog زاراوەیەکی گشتی بۆ "گفتوگۆ" (بەکارهێنەر ↔ سیستەم). Overlay پانێڵێکی ناوەڕۆکی بچووکە کە لەسەرەوەی لاپەڕەیەک پیشان دەدرێت. ModalUser دەبێت کارلێک بکات لەگەڵ overlay + background disabled. NonmodalUser دەبێت کارلێک بکات لەگەڵ چالاککراوی سەرپۆش + پاشبنەما. Lightbox پاشبنەمای دایم کراوە بۆ ئەوەی سەرنج لەسەر مۆداڵەکە چڕ بکاتەوە.
وەک ئانا کالی تیشکی دەخاتە سەر، زۆربەی سەرپۆشەکان لە کاتێکی هەڵەدا دەردەکەون، بەکارهێنەران لە کاتی ئەرکە گرنگەکاندا دەبڕن، زمانێکی خراپ بەکاردەهێنن و ڕەوتی بەکارهێنەران دەشکێنن. ئەوان لە سروشتدا پچڕانن، و بە شێوەیەکی گشتی ئاستێکی بەرزی توندییان هەیە بەبێ پێویستییەکی بەهێز بەو شتە.
بە دڵنیاییەوە بەکارهێنەران دەبێت خاوبکرێنەوە و ببڕدرێن ئەگەر دەرئەنجامەکانی کردارەکەیان کاریگەرییەکی زۆری هەبێت، بەڵام بۆ زۆربەی سیناریۆکان نامۆداڵەکان زۆر وردترن و بژاردەیەکی دۆستانەترن بۆ هێنانی شتێک بۆ سەرنجی بەکارهێنەر. ئەگەر شتێک هەبێت، هەمیشە پێشنیار دەکەم کە دیفۆڵت بێت. مۆداڵەکان → بۆ تاکە ئەرکە خۆگرەکان وەک دیزاینەر، زۆرجار مۆداڵەکان بە ناپەیوەندیدار و بێزارکەر دەزانین — و زۆرجاریش هەروا! — بەڵام لەگەڵ ئەوەشدا بەهای خۆیان هەیە. دەتوانن زۆر یارمەتیدەر بن بۆ ئاگادارکردنەوەی بەکارهێنەران لە هەڵە ئەگەرییەکان یان یارمەتیان بدەن لە لەدەستدانی زانیارییەکان. هەروەها دەتوانن یارمەتیدەر بن لە ئەنجامدانی کردارە پەیوەندیدارەکان یان وردبینی بکەنەوە بەبێ ئەوەی دۆخی ئێستای لاپەڕەکە ببڕن. بەڵام گەورەترین سوودی مۆداڵەکان ئەوەیە کە یارمەتی بەکارهێنەران دەدەن کە کۆنتێکستی شاشەی ئێستا بهێڵنەوە. بە مانای تەنها UI نییە، بەڵکو بە مانای هاتنە ژوورەوەی دەستکاریکراو، شوێنی سکڕۆڵکردن، دۆخی ئاکۆردیۆنەکان، هەڵبژاردنی فلتەرەکان، ڕیزکردن و هتد.
لە هەندێک کاتدا، بەکارهێنەران پێویستە بە خێرایی هەڵبژاردنێک پشتڕاست بکەنەوە (بۆ نموونە، فلتەرەکان وەک لە سەرەوە نیشان دراوە) و پاشان دەستبەجێ لەوێوە بەردەوام بن. بێگومان خۆپاراستن دەتوانێت هەمان شت بەدەست بهێنێت، بەڵام هەمیشە پێویست نییە و خوازراو نییە. وە زۆرجار بلۆککردنی UI بیرۆکەیەکی باش نییە. بەڵام مۆداڵەکان بۆ هیچ ئەرکێک بەکارناهێنرێن. بە شێوەیەکی ئاسایی، ئێمە بۆ تاکە ئەرکە خۆگرەکان بەکاریان دەهێنین کە بەکارهێنەران دەبێ باز بدەنە ناویەوە و ئەرکێک تەواو بکەن و دواتر بگەڕێنەوە بۆ ئەو شوێنەی کە بوون. سەیر نییە کە ئەوان بە باشی کاردەکەن بۆ کارلێکە کورتەکانی ئەولەویەت بەرز (بۆ نموونە، ئاگادارکردنەوە، کردارە تێکدەرەکان، پشتڕاستکردنەوەی خێرا). کاتێک مۆداڵەکان یارمەتیدەر دەبن: 🚫 مۆداڵەکان زۆرجار تێکدەر و داگیرکەر و سەرلێشێواون.🚫 بەراوردکردن و کۆپی-پەیستکردن قورس دەکەن.✅ لەگەڵ ئەوەشدا مۆداڵەکان ڕێگە بە بەکارهێنەران دەدەن چەندین کۆنتێکست بپارێزن.✅ بەسوودە بۆ ڕێگریکردن لە هەڵەی گەڕانەوە نەکراو و لەدەستدانی داتا.✅ بەسوودە ئەگەر ناردنی بەکارهێنەر بۆ پەیجێکی نوێ تێکدەر بێت. ✅ تەنها لە حاڵەتێکدا مۆداڵێک پیشان بدە کە بەکارهێنەران بەهای پچڕانەکە بدەن.✅ بە شێوەیەکی بنەڕەتی، دیالۆگەکانی بلۆک نەکراو ("nonmodals") بە باشتر دەزانن.✅ ڕێگە بە بەکارهێنەران بدە دواتر دیالۆگەکە کەم بکەنەوە، بیشارنەوە، یان بیگەڕێننەوە.✅ مۆداڵێک بەکاربهێنە بۆ خاوکردنەوەی بەکارهێنەران، بۆ نموونە، پشتڕاستکردنەوەی هاتنە ژوورەوەی ئاڵۆز.✅ ڕێگەیەکی دەرچوون بدە بە "Close"، کلیلی ESC، یان کلیک لە دەرەوەی کلیلی ESC بکە بۆکس. لاپەڕەکان → بۆ کاری ئاڵۆز و فرە هەنگاوی جادووگەرەکان یان گەشتکردن بە تاب لەناو مۆداڵەکاندا زۆر باش کارناکەن، تەنانەت لە بەرهەمە ئاڵۆزەکانی کۆمپانیاشدا — لەوێ، پانێڵە لاوەکییەکان یان کشۆکان بە شێوەیەکی گشتی باشتر کاردەکەن. کێشەکان کاتێک دەست پێدەکەن کە بەکارهێنەران پێویستیان بە بەراوردکردن یان ئاماژەدان بە خاڵەکانی داتا هەیە — بەڵام مۆداڵەکان ئەم هەڵسوکەوتە ڕێگری دەکەن، بۆیە هەمان لاپەڕە لە چەندین تابدا لە جیاتی ئەوە دەکەنەوە.
بۆ ڕەوتی ئاڵۆزتر و پرۆسەی فرە هەنگاوی، لاپەڕە سەربەخۆکان باشترین کاردەکەن. هەروەها لاپەڕەکان باشتر کاردەکەن کاتێک داوای سەرنجی تەواوی بەکارهێنەر دەکەن، و ئاماژەدان بە شاشەی پێشوو زۆر یارمەتیدەر نییە. وە کشۆکان بۆ ئەرکە لاوەکییەکان کاردەکەن کە زۆر ئاڵۆزن بۆ مۆداڵێکی سادە، بەڵام پێویستیان بە گەشتکردنی تەواوی لاپەڕەکان نییە. کەی خۆت لە مۆداڵەکان بەدوور بگرێت: 🚫 دوور بکەوەرەوە لە مۆداڵەکان بۆ پەیامی هەڵە.🚫 دوور بکەوەرەوە لە مۆداڵەکان بۆ ئاگادارکردنەوەی تایبەتمەندییەکان.🚫 دوور بکەوەرەوە لە مۆدالەکان بۆ ئەزموونی ئۆنبۆردکردن.🚫 دوور بکەوەرەوە لە مۆداڵەکان بۆ ئەرکە ئاڵۆز و درێژەکانی فرە هەنگاو.🚫 دوور بکەوەرەوە لە چەندین مۆداڵی هێلانەیی و لەبری ئەوە prev/next بەکاربهێنە.🚫 دوور بکەوەرەوە لە مۆداڵی ئۆتۆماتیکی دەستپێکردن مەگەر زۆر پێویست نەبێت. دوور بکەوەرەوە لە هەردووکیبۆ ئەرکە دووبارەبووەکان لە زۆرێک لە بەرهەمە ئاڵۆز و ئەرکدارەکاندا، بەکارهێنەران خۆیان دەبیننەوە کە هەمان ئەرکەکان دووبارە و سێبارە ئەنجام دەدەن. لەوێدا هەردوو مۆداڵ و گەشتکردنی لاپەڕە نوێیەکان خۆلێدان زیاد دەکەن چونکە لێشاوەکە دەبڕن یان بەکارهێنەران ناچار دەکەن داتای ونبوو لە نێوان هەموو تاب یان دیمەنە جیاوازەکاندا کۆبکەنەوە. زۆرجار بەکارهێنەران لە کۆتاییدا ئەزموونێکی شکاویان دەبێت، پڕە لە پشتڕاستکردنەوەی هەرگیز کۆتایی نەهاتوو، هۆشداری زیادەڕەوی، ڕێنمایی زارەکی، یان تەنها خاڵە ئاماژەییە ونبووەکان. وەک ساولیۆس ستیبولیس باسی کردووە، لەم سیناریۆیانەدا، بەشە فراوانکراوەکان یان دەستکاریکردن لە شوێنی خۆیان زۆرجار باشتر کاردەکەن — ئەوان ئەرکەکە بە شاشەی ئێستاوە دەهێڵنەوە. بە کردەوە، لە زۆر سیناریۆدا، بەکارهێنەران ئەرکەکانیان بە گۆشەگیری تەواو ناکەن. پێویستە بەدوای داتادا بگەڕێن، بەهاکان کۆپی-پێست بکەن، نووسراوەکان لە شوێنی جیاوازدا وردتر بکەنەوە، یان تەنها پێداچوونەوە بە تۆمارە هاوشێوەکان بکەن لەکاتی کارکردنیان لە ئەرکەکانیاندا. سەرپۆش و کشۆکان زیاتر یارمەتیدەرن لە پاراستنی دەستڕاگەیشتن بە داتاکانی پاشبنەما لە کاتی ئەرکەکەدا. لە ئەنجامدا، کۆنتێکستەکە هەمیشە لە شوێنی خۆی دەمێنێتەوە، بەردەستە بۆ ئاماژەدان یان کۆپی-لێدان. مۆداڵەکان و گەشتکردنی لاپەڕەکان بۆ ئەو ساتانەی کە پچڕانەکە بەڕاستی بەها زیاد دەکات پاشەکەوت بکە — بە تایبەت بۆ ڕێگریکردن لە هەڵە گرنگەکان. مۆداڵەکان بەرامبەر لاپەڕەکان: دارێکی بڕیاردان ماوەیەک لەمەوبەر ڕایان نیوفێڵد ڕێنماییەکی زۆر یارمەتیدەری پێکهێنا بۆ ئەوەی یارمەتی دیزاینەران بدات لە نێوان مۆداڵ و لاپەڕەکاندا هەڵبژێرن. لەگەڵ فێڵێکی PNG ی بەسوود و قاڵبێکی گووگڵ دۆکی لەگەڵدایە کە پرسیارەکانی لە ٧ بەشدا دابەشکراون. درێژە، لەڕادەبەدەر وردە، بەڵام زۆر ئاسانە بۆ پەیڕەوکردن:
لەوانەیە ترسناک دەرکەوێت، بەڵام پرۆسەیەکی تەواو سادەیە کە ٤ هەنگاوی تێدایە:
کۆنتێکستی شاشەکە.سەرەتا، پشکنین دەکەین کە ئایا بەکارهێنەران پێویستیان بە پاراستنی کۆنتێکستی شاشەی بنەڕەتی هەیە یان نا. ئاڵۆزی و ماوەی ئەرکەکان. ئەرکە سادەترەکان، تەرکیزکراوەکان، ناسەرقاڵکەرەکان دەتوانن مۆداڵی بەکاربهێنن، بەڵام ڕەوتی درێژ و ئاڵۆز پێویستیان بە لاپەڕەیەک هەیە. ئاماژە بە لاپەڕەی بنەڕەتی. پاشان، ئێمە پشکنین دەکەین کە ئایا بەکارهێنەران زۆرجار پێویستیان بە ئاماژەدان بە داتاکان هەیە لە پاشخانەکەدا یان ئەگەر ئەرکەکە پشتڕاستکردنەوەیەکی سادە یان هەڵبژاردنە. هەڵبژاردنی سەرپۆشێکی دروست. لە کۆتاییدا، ئەگەر سەرپۆشێک بەڕاستی بژاردەیەکی باش بێت، ئەوە ڕێنماییمان دەکات بۆ هەڵبژاردنی نێوان مۆداڵی یان نامۆداڵی (مەیل بەرەو نامۆداڵی).
پێچانەوە هەرکاتێک کە دەتوانیت، دوور بکەوەرەوە لە بلۆککردنی تەواوی UI. دیالۆگێک هەبێت کە هەڵبفڕێت، بەشێکی UI داپۆشێت، بەڵام ڕێگە بە گەشتکردن و سکڕۆڵکردن و کۆپی-پەستکردن بدات. یان ناوەڕۆکی مۆداڵەکە وەکو کشۆیەکی لایەنی پیشان بدە. یان لەبری ئەوە ئەکۆردیۆنی ڕاست بەکاربهێنە. یان بەکارهێنەران بهێنە بۆ لاپەڕەیەکی جیا ئەگەر پێویستت بە پیشاندانی وردەکاری زۆر بوو. بەڵام ئەگەر دەتەوێت کارایی و خێرایی بەکارهێنەران بەرز بکەیتەوە، بە هەر نرخێک بێت دوور بکەوەرەوە لە مۆداڵەکان. بەکاریان بهێنە بۆ خاوکردنەوەی بەکارهێنەران، بۆ کۆکردنەوەی سەرنجەکانیان، بۆ ڕێگریکردن لە هەڵە. وەک تێرێزا فێسێندێن ئاماژەی پێکردووە، کەس حەزی لە پچڕان نییە، بەڵام ئەگەر ناچار بوویت، دڵنیابە کە بە تەواوی شایەنی تێچوونەکەیە. “نەخشەکانی دیزاینی ڕووکاری زیرەک” بناسە دەتوانن بەشێکی تەواو دەربارەی مۆداڵ و بەدیلەکان لە نەخشەکانی دیزاینی ڕووکاری زیرەکدا بدۆزنەوە، خولی ڤیدیۆیی 15hمان لەگەڵ 100 نموونەی پراکتیکی لە پڕۆژەکانی ژیانی ڕاستەقینە — لەگەڵ ڕاهێنانی UX ڕاستەوخۆ لە کۆتایی ئەمساڵدا. هەموو شتێک لە مێگا-درۆپداونەکانەوە تا خشتەی ئاڵۆزی کۆمپانیاکان — لەگەڵ 5 سێگمێنتی نوێ کە ساڵانە زیاد دەکرێن. باز بدە بۆ پێشبینییەکی بێبەرامبەر. کۆدی BIRDIE بەکاربهێنە بۆ پاشەکەوتکردنی 15% داشکاندن. ناسینی نەخشەکانی دیزاینی ڕووکارە زیرەکەکان، کۆرسی ڤیدیۆییمان لەسەر دیزاینی ڕووکار و UX.
ڕاهێنانی ڤیدیۆ + UX تەنها ڤیدیۆ ڕاهێنانی ڤیدیۆ + UX$ 495.00 $ 699.00
ڤیدیۆ + ڕاهێنانی UX بەدەستبهێنە25 وانەی ڤیدیۆیی (15h) + ڕاهێنانی UX ڕاستەوخۆ.100 ڕۆژ گەرەنتی گەڕانەوەی پارە. تەنها ڤیدیۆ$ 300.00$ 395.00
کۆرسی ڤیدیۆیی40 وانەی ڤیدیۆیی (15h). ساڵانە نوێ دەکرێتەوە.هەروەها وەکو UX Bundle بەردەستە لەگەڵ ٢ کۆرسی ڤیدیۆ.
سەرچاوە بەسوودەکان
جۆرە جیاوازەکانی پۆپاپ، لە نووسینی ئانا کالی باشترین پراکتیزەکان بۆ دیزاینکردنی مۆداڵی UI، لەلایەن Uxcel ئێمە زۆر مۆداڵی نەفرەتی بەکاردەهێنین: ڕێنماییەکانی UX، لەلایەن ئادریان ئێگەرەوە دیالۆگەکانی مۆداڵی و نامۆداڵی، لە نووسینی تێرێزا فێسێندێن دیزاینی UI ی کۆمپانیای مۆدێرن: دیالۆگەکانی مۆداڵی، لەلایەن جەیمس جاکۆبس مۆداڵەکان لە سیستەمی دیزاین
