ስለዚህ በኮምቦቦክስ፣ ባለብዙ ምርጫ፣ ሊስትቦክስ እና ተቆልቋይ መካከል ያለው ልዩነት ምንድን ነው? እነዚህ ሁሉ የUI ክፍሎች ተመሳሳይ ሆነው ቢታዩም፣ የተለያዩ ዓላማዎችን ያገለግላሉ። ምርጫው ብዙውን ጊዜ በሚገኙ አማራጮች ብዛት እና በታይነታቸው ላይ ይወርዳል. እንዴት እንደሚለያዩ, ምን ዓላማ እንደሚያገለግሉ እና እንዴት ትክክለኛውን መምረጥ እንደሚችሉ እንይ - በመንገዱ ላይ አለመግባባቶችን እና የተሳሳቱ ግምቶችን ማስወገድ.
ሁሉም የዝርዝር ቅጦች አንድ አይነት አይደሉም ከላይ የደመቁት ሁሉም የዩአይ ክፍሎች አንድ የሚያመሳስላቸው ነገር አለ፡ የተጠቃሚዎችን ከዝርዝሮች ጋር ያላቸውን ግንኙነት ይደግፋሉ። ሆኖም ግን, እነሱ ትንሽ በተለየ መንገድ ያደርጋሉ. እያንዳንዱን አንድ በአንድ እንመልከታቸው፡-
ተቆልቋይ → ዝርዝር እስኪነቃ ድረስ ተደብቋል። Combobox → ለማጣራት ይተይቡ + 1 አማራጭ ይምረጡ። Multiselect → አይነት ለማጣራት + ብዙ አማራጮችን ይምረጡ። Listbox → ሁሉም የዝርዝር አማራጮች በነባሪ ይታያሉ (+ ማሸብለል)። ድርብ ዝርዝር ሳጥን → እቃዎችን በ2 የመዝገብ ሳጥኖች መካከል ያንቀሳቅሱ።
በሌላ አነጋገር ኮምቦቦክስ የጽሑፍ ግብዓት መስክን ከተቆልቋይ ዝርዝር ጋር በማጣመር ተጠቃሚዎች ለማጣራት መተየብ እና አንድ አማራጭ መምረጥ ይችላሉ። በMultiselect ተጠቃሚዎች ብዙ አማራጮችን መምረጥ ይችላሉ (ብዙውን ጊዜ እንደ ክኒኖች ወይም ቺፕስ ይታያሉ)። የዝርዝር ሳጥኖች በነባሪ የሚታዩ ሁሉንም የዝርዝር አማራጮች ያሳያሉ፣ ብዙ ጊዜ በማሸብለል። ተጠቃሚዎች ሁሉንም ያሉትን ምርጫዎች ወዲያውኑ ማየት ሲፈልጉ ጠቃሚ ነው። ባለሁለት ሊስት ሣጥን (በተጨማሪም የዝውውር ዝርዝር ተብሎም ይጠራል) ተጠቃሚዎች ንጥሎችን በሁለት ሊስት ሣጥኖች (በግራ ↔ ቀኝ) መካከል በተለይም ለጅምላ ምርጫ እንዲያንቀሳቅሱ የሚያስችል የዝርዝር ሳጥን ልዩነት ነው። በተደጋጋሚ ጥቅም ላይ የዋሉ አማራጮችን በጭራሽ አትደብቅ ከላይ እንደተጠቀሰው, ትክክለኛው የ UI ክፍል ምርጫ በ 2 ሁኔታዎች ላይ የተመሰረተ ነው: ምን ያህል የዝርዝር አማራጮች እንዳሉ እና እነዚህ ሁሉ አማራጮች በነባሪነት መታየት ካለባቸው. ሁሉም ዝርዝሮች የዛፍ አወቃቀሮች፣ ጎጆዎች እና የቡድን ምርጫም ሊኖራቸው ይችላል።
ለማንኛውም የUI አካል ለዓመታት ስከታተል የቆየሁት አንድ መርህ አለ፡ በተደጋጋሚ ጥቅም ላይ የዋሉ አማራጮችን ፈጽሞ አትደብቅ። ተጠቃሚዎች በአንድ የተወሰነ ምርጫ ላይ በተደጋጋሚ የሚተማመኑ ከሆነ፣ እሱን ከነሱ መደበቅ በጣም ትንሽ ዋጋ አለው። ወይ አስቀድሞ እንዲመረጥ ልናደርገው እንችላለን፣ ወይም (2-3 ብዙ ጊዜ ጥቅም ላይ የዋሉ አማራጮች ብቻ ካሉ) እንደ ቺፕስ ወይም አዝራሮች እናሳያቸው እና የቀረውን ዝርዝር በግንኙነት ላይ እናሳያለን። በአጠቃላይ፣ ሁልጊዜ ታዋቂ አማራጮችን ማሳየቱ ጥሩ ሀሳብ ነው - ምንም እንኳን ዩአይዩን ሊጨናነቅ ቢችልም። የትኛውን መምረጥ እንደሚቻል? እያንዳንዱ ዝርዝር ውስብስብ የመምረጫ ዘዴ አያስፈልገውም. ከ 5 ያነሱ ንጥሎች ላሏቸው ዝርዝሮች፣ ቀላል የሬዲዮ ቁልፎች ወይም አመልካች ሳጥኖች አብዛኛውን ጊዜ በተሻለ ሁኔታ ይሰራሉ። ነገር ግን ተጠቃሚዎች ከትልቅ የአማራጮች ዝርዝር (ለምሳሌ፡ 200+ ንጥሎች) መምረጥ ከፈለጉ combobox + multiselect በፈጣን ማጣራት (ለምሳሌ የሀገር ምርጫ) ጠቃሚ ናቸው።
ሰዎች ብዙ አማራጮችን በአንድ ጊዜ ማግኘት ሲፈልጉ፣ በተለይም ከዛ ዝርዝር ውስጥ ብዙ አማራጮችን መምረጥ ከፈለጉ የዝርዝር ሳጥኖች አጋዥ ናቸው። በተደጋጋሚ ለሚጠቀሙ ማጣሪያዎች ጠቃሚ ሊሆኑ ይችላሉ።
ድርብ ዝርዝር ሳጥን ብዙ ጊዜ ችላ ይባላል እና ችላ ይባላል። ነገር ግን ለተወሳሰቡ ስራዎች፣ ለምሳሌ ለጅምላ ምርጫ፣ ወይም ሚናዎችን፣ ተግባሮችን እና ኃላፊነቶችን ለመመደብ በጣም ጠቃሚ ሊሆን ይችላል። ተጠቃሚዎች ሙሉ የምርጫ ዝርዝራቸውን ከመፈጸምዎ በፊት ከምንጩ ዝርዝሩ ጋር ጎን ለጎን እንዲገመግሙ የሚያስችል ብቸኛው የዩአይ አካል ነው (በተጨማሪም "የዝውውር ዝርዝር" ይባላል)። በእርግጥ፣ ድርብ ሊስት ቦክስ ከመጎተት እና ከመጣል የበለጠ ፈጣን፣ ትክክለኛ እና የበለጠ ተደራሽ ነው። የአጠቃቀም ግምት ማስታወስ ያለብን አንድ ጠቃሚ ማስታወሻ ሁሉም የዝርዝር አይነቶች ለተደራሽነት የቁልፍ ሰሌዳ አሰሳን (ለምሳሌ ↑/↓ የቀስት ቁልፎችን) መደገፍ አለባቸው። አንዳንድ ሰዎች አንዴ መተየብ ከጀመሩ በኋላ አማራጮችን ለመምረጥ በቁልፍ ሰሌዳው ላይ ይተማመናሉ።
ከዚህም ባሻገር፡-
7+ አማራጮች ላሏቸው ዝርዝሮች የተጠቃሚን መስተጋብር ለማሳለጥ "ሁሉንም ምረጥ" እና "ሁሉንም አጥራ" የሚለውን ተግባራዊ ለማድረግ ያስቡበት። ከኮምቦ ሳጥን ጋር ረጅም ዝርዝሮችን ለማግኘት ሁሉንም አማራጮች ጠቅ / መታ በማድረግ ለተጠቃሚዎች ያጋልጡ ፣ አለበለዚያ በጭራሽ ሊታዩ አይችሉም ፣ ከሁሉም በላይ፣ ግራ መጋባትን ለማስወገድ በይነተገናኝ ያልሆኑ ክፍሎችን እንደ አዝራሮች አታሳዩ - እና በይነተገናኝ ክፍሎችን እንደ ቋሚ መለያዎች አታሳይ።
መጠቅለል፡ ሁሉም ነገር ተቆልቋይ አይደለም። ስሞች አስፈላጊ ናቸው. አቀባዊ የአማራጮች ዝርዝር በተለምዶ እንደ “ተቆልቋይ” ይገለጻል - ግን ብዙ ጊዜ ትርጉም ያለው ለመሆን ትንሽ በጣም አጠቃላይ ነው። "ተቆልቋይ" ዝርዝሩ በነባሪነት እንደተደበቀ ይጠቁማል። "Multiselect" በዝርዝሩ ውስጥ ባለ ብዙ ምርጫን (አመልካች ሳጥን)ን ያመለክታል። "ኮምቦቦክስ" የጽሑፍ ግቤትን ያመለክታል። እና "Listbox" በቀላሉ ሊመረጡ የሚችሉ እቃዎች ዝርዝር ነው, በማንኛውም ጊዜ የሚታይ. ግቡ ለእሱ ሲባል ከላይ ከተገለጹት ፍቺዎች ጋር መጣጣም አይደለም. ነገር ግን ዓላማዎችን ለማጣጣም - ሲወስኑ ፣ ሲነድፉ ፣ ሲገነቡ እና ከዚያ እነዚህን የUI ክፍሎች ሲጠቀሙ ተመሳሳይ ቋንቋ ይናገሩ። ሊሰራበት ይገባል።ሁሉም ሰው - ዲዛይነሮች፣ መሐንዲሶች እና ዋና ተጠቃሚዎች - የማይለዋወጡ መለያዎች በይነተገናኝ አዝራሮች እስካልሆኑ እና የሬዲዮ አዝራሮች እንደ አመልካች ሳጥኖች እስካልሆኑ ድረስ። «የዲዛይን ንድፎችን ለ AI በይነገጽ» ያግኙ የንድፍ ንድፎችን ለ AI በይነገጾች ያሟሉ፣ የቪታሊ አዲስ የቪዲዮ ኮርስ ከእውነተኛ ህይወት ምርቶች ተግባራዊ ምሳሌዎች - የቀጥታ UX ስልጠና በቅርቡ ይከሰታል። ወደ ነጻ ቅድመ እይታ ይዝለሉ። የንድፍ ንድፎችን ለ AI በይነገጾች ያሟሉ፣ የቪታሊ የቪዲዮ ኮርስ በበይነገጽ ዲዛይን እና ዩኤክስ።
ቪዲዮ + UX ስልጠና ቪዲዮ ብቻ + ዩኤክስ ስልጠና$ 450.00 $ 799.00
የቪዲዮ + UX Training30 የቪዲዮ ትምህርቶችን (10 ሰ) + የቀጥታ UX ስልጠና ያግኙ። ለ100 ቀናት ገንዘብ ተመላሽ ዋስትና። ቪዲዮ ብቻ $ 275.00$ 395.00
የቪዲዮ ኮርሱን ያግኙ30 የቪዲዮ ትምህርቶች (10 ሰ)። በየአመቱ የዘመነ።እንዲሁም እንደ UX Bundle ከ3 የቪዲዮ ኮርሶች ጋር ይገኛል።
ጠቃሚ መርጃዎች
ራስ-አጠናቅቅ፡ UX መመሪያዎች፣ በቪታሊ ፍሪድማን Combobox፣ በ eBay 👍 Combobox, በ Elastic Combobox፣ በኤሊሳ Combobox፣ በሞንጎዲቢ 👍 Combobox፣ በቪዛ 👍 ኮምቦቦክስ፣ በዋትሰን (ዶክፕላነር) Combobox፣ በዊኪሚዲያ Combobox፣ በዜንዴስክ Multiselect (MongoDB Combobox Design Docs)፣ በሞንጎዲቢ 👍 ባለብዙ ምርጫ ፍለጋ፣ በዊኪሚዲያ ባለብዙ ምረጥ ጥምር ሳጥን፣ በቫዲን ባለብዙ ምርጫ፣ በቪዛ ማስተላለፍ (የዝርዝር ሳጥን ምሳሌ)፣ በ Ant ንድፍ ሊስትቦክስ፣ በሆፐር የዝርዝር ሳጥን፣ በቫዲን ዝርዝር ሳጥን፣ በቪዛ ባለሁለት ዝርዝር መራጭ፣ በቀይ ኮፍያ (ፓተርን ፍሊ) ባለሁለት ዝርዝር ሳጥን፣ በ Salesforce (የመብረቅ ንድፍ ስርዓት) የማስተላለፊያ ዝርዝር፣ በማንቲን ባለሁለት ዝርዝር ሳጥን፣ በ Dashlite ባጆች vs. Pills vs. Chips vs. Tags፣ በቪታሊ ፍሪድማን Listboxes vs. ተቆልቋይ ዝርዝሮች፣ በአና ካሌይ (NN/g)
