ስለዚ ኣብ መንጎ ኮምቦቦክስ፡ ማልቲሲሌክት፡ ሊስትቦክስን ድሮፕዳውንን እንታይ ፍልልይ ኣለዎ? እዞም ኩሎም ናይ UI ኣካላት ተመሳሳሊ ክመስሉ ይኽእሉ እኳ እንተኾኑ፡ ዝተፈላለየ ዕላማታት ግን የገልግሉ። እቲ ምርጫ መብዛሕትኡ ግዜ ኣብ ብዝሒ ናይቶም ዘለዉ ኣማራጺታትን ርኡይነቶምን እዩ ዝወርድ። ከመይ ከም ዝፈላለዩ፡ እንታይ ዕላማ ከም ዘገልግሉ፡ ከምኡ’ውን ከመይ ጌርካ ቅኑዕ ትመርጽ ንርአ — ኣብ መንገዲ ካብ ዘይምርድዳእን ጌጋ ትጽቢታትን ምውጋድ።
ኩሎም ናይ ዝርዝር ቅዲታት ሓደ ኣይኮኑን። ኩሎም እቶም ኣብ ላዕሊ ዝተጎልበቡ ናይ UI ኣካላት ልክዕ ሓደ ዝመሳሰሎም ነገር ኣለዎም፡ ተጠቀምቲ ምስ ዝርዝር ዝገብርዎ ርክብ ይድግፉ። ይኹን እምበር፡ ቍሩብ እተፈልየ መገዲ እዮም ዚገብርዎ። ነፍሲ ወከፎም በብሓደ ንርአ፤
ድሮፕዳውን → ዝርዝር ክሳብ ዝጅምር ተሓቢኡ’ዩ። Combobox → ንምፍታሕ ጽሓፍ + 1 ኣማራጺ ምረጽ። Multiselect → ንምፍታሕ ጽሓፍ + ብዙሓት ኣማራጺታት ምረጽ። Listbox → ኩሎም ናይ ዝርዝር ኣማራጺታት ብነባሪ ዝረኣዩ (+ scroll)። ድርብ ዝርዝር ሳጹን → ኣብ መንጎ 2 ዝርዝር ሳጹናት ነገራት ምግዓዝ።
ብኻልእ ኣዘራርባ፡ ኮምቦቦክስ ንሓደ ናይ ጽሑፍ ምእታው ዓውዲ ምስ ንቑልቁል ዝወርድ ዝርዝር ስለ ዘወሃህድ፡ ተጠቀምቲ ንሓደ ኣማራጺ ንምፍታሕን ንምምራጽን ክጽሕፉ ይኽእሉ። ብማልቲሲሌክት ተጠቀምቲ ብዙሓት ኣማራጺታት (መብዛሕትኡ ግዜ ከም ከኒና ወይ ቺፕስ ዝረኣዩ) ክመርጹ ይኽእሉ። ዝርዝር ሳጹናት ንኹሎም ብነባሪ ዝረኣዩ ናይ ዝርዝር ኣማራጺታት የርእዩ፣ መብዛሕትኡ ግዜ ምስ ምዝዋር። ተጠቀምቲ ንኹሉ ዘሎ ምርጫታት ብቕጽበት ክርእዩ ኣብ ዘድልዮም እዋን ሓጋዚ’ዩ። ድርብ ዝርዝር ሳጹን (ዝርዝር ምትሕልላፍ ተባሂሉ’ውን ይበሃል)፡ ተጠቀምቲ ኣብ መንጎ ክልተ ዝርዝር ሳጹናት (ጸጋም ↔ የማን) ነገራት ከንቀሳቕሱ ዘኽእሎም ለውጢ ናይ ዝርዝር ሳጹን ኮይኑ፡ ብተለምዶ ንብዝሒ ምርጫ። ብተደጋጋሚ እትጥቀመሉ ኣማራጺታት ፈጺምካ ኣይትሕባእ ከምቲ ኣብ ላዕሊ ዝተገልጸ፡ ምርጫ ናይቲ ቅኑዕ UI component ኣብ 2 ረቛሒታት ይምርኮስ፡ ክንደይ ናይ ዝርዝር ኣማራጺታት ኣለዉ፡ ከምኡ’ውን እዞም ኩሎም ኣማራጺታት ብነባሪ ክረኣዩ እንተድኣ ኣድልይዎም። ኩሎም ዝርዝር ኣቃውማ ኣግራብ፡ ሰፈር፡ ከምኡ’ውን ምርጫ ጉጅለ ክህልዎም ይኽእል’ዩ፡ ንሱ’ውን።
ንዝኾነ ናይ UI ክፍሊ ንዓመታት ዝኽተሎ ሓደ መትከል ኣሎ፡ ብተደጋጋሚ ዝጥቀሙሉ ኣማራጺታት ፈጺምካ ኣይትሓብእ። ተጠቀምቲ ብተደጋጋሚ ኣብ ሓደ ፍሉይ ምርጫ እንተተጸጊዖም፡ ካብኦም ምሕባእ ኣዝዩ ውሑድ ዋጋ ኣለዎ። ወይ ቅድሚ ሕጂ ከም ዝተመርጸ ክንገብሮ ንኽእል ኢና፣ ወይ ድማ (2–3 ብተደጋጋሚ ዝጥቀሙሉ ኣማራጺታት ጥራይ እንተሃልዮም) ከም ቺፕ ወይ መጠወቒታት ከነርእዮም ንኽእል ኢና፣ ድሕሪኡ ዝተረፈ ዝርዝር ኣብ ምትእስሳር ከነርእዮም ንኽእል ኢና። ብሓፈሻ፡ ኩሉ ግዜ ህቡባት ኣማራጺታት ምርኣይ ጽቡቕ ሓሳብ’ዩ — ዋላ’ውን ነቲ UI ክጽዕኖ ይኽእል’ዩ። ከመይ ጌርና ኣየናይ ንመርጽ? ኩሉ ዝርዝር ዝተሓላለኸ ኣገባብ ምምራጽ ኣየድልዮን እዩ። ትሕቲ 5 ነገራት ንዘለዎም ዝርዝር፡ ቀለልቲ ናይ ሬድዮ መጠወቒታት ወይ ሳጹናት ምልክት መብዛሕትኡ ግዜ ዝበለጸ ይሰርሑ። ተጠቀምቲ ካብ ዓቢ ዝርዝር ኣማራጺታት (ንኣብነት፡ 200+ ነገራት) ክመርጹ እንተድኣ ኣድልይዎም ግን፡ combobox + multiselect ብሰንኪ እቲ ዝቐልጠፈ ምፍታሕ (ንኣብነት፡ ምምራጽ ሃገር) ሓገዝቲ እዮም።
ሰባት ብሓንሳብ ብዙሓት ኣማራጺታት ክረኽቡ ኣብ ዘድልዮም እዋን፡ ብፍላይ ካብቲ ዝርዝር እውን ብዙሓት ኣማራጺታት ክመርጹ ምስ ዘድልዮም፡ ዝርዝር ሳጹናት ሓጋዚ እዩ። ብተደጋጋሚ ንዝጥቀሙ መጽረዪታት ሓገዝቲ ክኾኑ ይኽእሉ እዮም።
ድርብ ዝርዝር ሳጹን መብዛሕትኡ ግዜ ዕሽሽ ይበሃልን ዕሽሽ ይበሃልን። ግን ንዝተሓላለኹ ዕማማት ኣዝዩ ሓጋዚ ክኸውን ይኽእል እዩ፣ ንኣብነት ብጅምላ ምምራጽ፣ ወይ ድማ ተራ፣ ዕማማት፣ ሓላፍነት ምምዳብ። ተጠቀምቲ ቅድሚ ምፍጻሞም ምሉእ ዝርዝር ምርጫኦም ጎኒ ንጎኒ ምስቲ ምንጪ ዝርዝር ክግምግሙ ዘኽእሎም እንኮ ናይ UI ክፍሊ’ዩ (“ዝርዝር ምስግጋር” ተባሂሉ’ውን ይጽዋዕ)። ብሓቂ ክርአ ከሎ፡ ድርብ ዝርዝር ሳጹን መብዛሕትኡ ግዜ ካብ ስሕበትን ምውዳቕን ዝቐልጠፈን ልክዕን ዝያዳ ተበጻሒን እዩ። ንኣጠቓቕማ ዝምልከት ኣብ ግምት ዘእተወ ሓደ ኣገዳሲ መተሓሳሰቢ ኣብ ግምት ክኣቱ ዘለዎ፡ ኩሎም ዓይነታት ዝርዝር ንተበጻሕነት ንናይ ቁልፊ ሰሌዳ ምድህሳስ (ንኣብነት፡ ↑/↓ መፍትሕ ቀስቲ) ክድግፉ ከምዘለዎም እዩ። ገለ ሰባት ዳርጋ ኩሉ ግዜ ምጽሓፍ ምስ ጀመሩ ኣማራጺታት ንምምራጽ ኣብ ቁልፊ ሰሌዳ ክምርኮሱ እዮም።
ካብኡ ሓሊፉ፤
7+ ኣማራጺታት ዘለዎም ዝርዝር፡ ንናይ ተጠቃሚ ምትእስሳር ንምምሕያሽ “Select All”ን “Clear All”ን ተግባራት ምውሳኽ ኣብ ግምት ኣእትዉ። ንነዊሕ ዝርዝር ምስ ኮምቦቦክስ፡ ኩሎም ኣማራጺታት ንተጠቀምቲ ኣብ ጠውቂ/ጥውቕ ኣቃልዕዎም፡ እንተዘይኮይኑ ፈጺሞም ክረኣዩ ስለ ዝኽእሉ፡ እቲ ዝዓበየ ኣገዳሲ ነገር፡ ምድንጋር ንምክልኻል፡ መስተጋብራዊ ዘይኮኑ ባእታታት ከም መጠወቒታት ኣይተርእይዎም — ከምኡ’ውን መስተጋብራዊ ባእታታት ከም ስታትቲክ ስያመታት ኣይተርእይዎም።
ምጥቕላል፡ ኩሉ ነገር ምውራድ ኣይኮነን። ኣስማት ኣገዳሲ እዩ። ቀጥታዊ ዝርዝር ኣማራጺታት ብተለምዶ “ምውራድ” ተባሂሉ’ዩ ዝግለጽ — መብዛሕትኡ ግዜ ግን ትርጉም ዘለዎ ክኸውን ቁሩብ ኣዝዩ ሓፈሻዊ’ዩ። “Dropdown” እቲ ዝርዝር ብነባሪ ከም ዝተሓብአ ይሕብር። “Multiselect” ኣብ ውሽጢ ሓደ ዝርዝር ብዙሕ ምምራጽ (checkbox) ዘመልክት እዩ። “ኮምቦቦክስ” ዝብል ጽሑፍ ምእታው ዘመልክት እዩ። ከምኡ’ውን “Listbox” ዝርዝር ናይቶም ክምረጹ ዝኽእሉ ነገራት ጥራይ እዩ፣ ኩሉ ግዜ ዝረአ። እቲ ዕላማ ንዕኡ ክብል ምስ’ዚ ኣብ ላዕሊ ዘሎ ትርጉማት ዝሰማማዕ ኣይኮነን። ግን ኣብ ክንዲ ዕላማታት ንምስምማዕ — ነዞም ናይ UI ኣካላት ክትውስን ከለኻ፡ ክትነድፎም፡ ክትሃንጾምን ድሕሪኡ ክትጥቀመሉ ከለኻን ሓደ ዓይነት ቋንቋ ተዛረብ። ክሰርሓሉ ይግባእ።ኩሉ ሰብ — ዲዛይነራት፡ መሃንድሳትን ናይ መወዳእታ ተጠቀምትን — ስታትቲክ መለለዪታት መስተጋብራዊ መጠወቒታት ክሳብ ዘይመስሉ፡ መጠወቒታት ሬድዮ ድማ ከም ሳጹናት ምልክት ክሳብ ዘይሰርሑ። “ናይ ዲዛይን ቅዲታት ንAI መተሓላለፍቲ” ተራኸቡ። Meet Design Patterns For AI Interfaces, Vitaly’s ሓድሽ ቪድዮ ኮርስ ምስ ግብራዊ ኣብነታት ካብ ሓቀኛ ህይወት ፍርያት — ምስ ቀጥታዊ UX ስልጠና ኣብ ቀረባ እዋን ክካየድ እዩ። ናብ ነጻ ቅድመ ምርኢት ዘልሉ። Meet Design Patterns For AI Interfaces, Vitaly’s ቪድዮ ኮርስ ኣብ ዲዛይን መተሓላለፊ & UX.
ቪድዮ + UX ስልጠናቪድዮ ጥራይቪድዮ + UX ስልጠና$ 450.00 $ 799.00
ቪድዮ + UX ስልጠና ረኸብ30 ቪድዮ ትምህርቲ (10h) + ቀጥታዊ UX ስልጠና.100 መዓልታት ገንዘብ-ምምላስ-ዋሕስ.ቪድዮ ጥራይ$ 275.00$ 395.00
ቪድዮ ኮርስ30 ቪድዮ ትምህርቲ (10h) ውሰድ። ዓመት ዓመት ዝመሓየሽ።ብተወሳኺ ከም UX Bundle ምስ 3 ቪድዮ ኮርሳት ይርከብ።
ጠቐምቲ ጸጋታት
ኣውቶኮምፕሊት፡ መምርሒታት UX፡ ብቪታሊ ፍሪድማን ኮምቦቦክስ፣ ብኢቤይ 👍 ኮምቦቦክስ፡ ብኤላስቲክ ኮምቦቦክስ፡ ብኤሊሳ ኮምቦቦክስ፡ ብ MongoDB 👍 ኮምቦቦክስ፣ ብቪዛ 👍 ኮምቦቦክስ፡ ብዋትሰን (ዶክፕላነር) ኮምቦቦክስ፡ ብዊኪሚድያ ኮምቦቦክስ፡ ብዘንደስክ ማልቲሲሌክት (MongoDB Combobox Design Docs), ብ MongoDB 👍 ብዙሕ ምርጫታት ምድላይ፣ ብዊኪሚድያ ብዙሕ ምርጫታት ዘለዎ ኮምቦ ቦክስ፡ ብቫዲን። ማልቲሲሌክት፣ ብቪዛ ምትሕልላፍ (ኣብነት ዝርዝር ሳጹን)፣ ብኣንት ዲዛይን ሊስትቦክስ፡ ብሆፐር ሳጹን ዝርዝር፡ ብቫኣዲን። ዝርዝር ሳጹን፡ ብቪዛ ድርብ ዝርዝር መምረጺ፣ ብ Red Hat (PatternFly) ድርብ ዝርዝር ሳጹን፣ ብሴልስፎርስ (ሲስተም ዲዛይን በርቂ) ዝርዝር ዝውውር፡ ብማንታይን። ድርብ ዝርዝር ሳንዱቕ፡ ብዳሽላይት። ባጅ ኣንጻር ከኒና ኣንጻር ቺፕስ ኣንጻር ታግስ፡ ብቪታሊ ፍሪድማን ዝርዝር ሳጹናት ኣንጻር ዝርዝር ምውራድ፣ ብኣና ካሊ (NN/g)
