ቅድሚ ሕጂ ኣብኡ ኔርካ ትኸውን። ኣብ መንጎ ንተጠቀምቲ ሞዳል ምርኣይን መዓስ ድማ ናብ ፍሉይን ሓድሽን ገጽ ከመይ ጌርና ንመርጽ? ብፍጹምከ ኣገዳሲ ድዩ፧ ብሓቂ ክርአ ከሎ፡ ከምኡ እዩ። እቲ ውሳነ ንዋሕዚ ተጠቀምቲ፡ ዓውደ-ጽሑፎም፡ ዝርዝራት ናይ ምድላይ ዓቕሞም፡ ከምኡ’ውን ምስኡ ድግግም ጌጋን ምዝዛም ዕማምን ይጸልዎ። ክልቲኦም ኣማራጺታት ምዝባዕን ተስፋ ዘቑርጹን ክኾኑ ይኽእሉ - ኣብ ዘይግቡእ ግዜ፡ ከምኡ’ውን ኣብ ዘይግቡእ ቦታ። ስለዚ ጽቡቕ ጌርና እንተረኺብናዮ ይሓይሽ። ጽቡቕ፡ ከመይ ጌርና ልክዕ ከምኡ ከም እንገብር ንርአ። ሞዳልስ ኣንጻር ዲያሎግስ ኣንጻር ኦቨርላይስ ኣንጻር ላይትቦክስ ብዙሕ ግዜ ብዛዕባ ሓደ ሞዳል UI ክፍሊ ክንዛረብ ከለና፡ መብዛሕትኡ ግዜ ኣብ መንጎ ኩሎም ዝተፈላለዩ ዓይነታት ሞዳላት ንዘሎ ረቂቕን ዝተሓላለኸን ንኡሳን ነገራት ሸለል ንብሎ። ብሓቂ ክርአ ከሎ ኩሉ ሞዳል ሓደ ኣይኮነን። ሞዳላት፡ ዝርርባት፡ ምድብላቕን ብርሃን ሳጹናትን — ኩሎም ተመሳሳሊ ድምጺ ኣለዎም፡ ብሓቂ ግን ኣዝዮም ዝተፈላለዩ እዮም፤
Dialogሓፈሻዊ ቃል ን“ዕላል” (ተጠቃሚ ↔ ስርዓት)። Overlayኣብ ልዕሊ ገጽ ዝረአ ንእሽቶ ትሕዝቶ ፓነል። ModalUser ምስ overlay + background disabled ክራኸብ ኣለዎ። NonmodalUser ምስ overlay + background enabled ክራኸብ ኣለዎ። LightboxDimmed ድሕረ ባይታ ኣቓልቦ ኣብ ሞዳል ንምትኳር።
ከምቲ ኣና ካሊ ዘጉልሓቶ፡ መብዛሕትኦም ምድብላቕ ኣብ ዘይግቡእ ግዜ ይረኣዩ፡ ኣብ እዋን ወሳኒ ዕማማት ንተጠቀምቲ የቋርጹ፡ ድኹም ቋንቋ ይጥቀሙ፡ ከምኡ’ውን ዋሕዚ ተጠቀምቲ ይሰብሩ። ብባህሪኦም ዘቋርጹ እዮም፣ ብተለምዶ ድማ ልዑል ደረጃ ጽንኩርነት ዘለዎም ኮይኖም ንዕኡ ብርቱዕ ኣድላይነት የብሎምን።
ብርግጽ ተጠቀምቲ ሳዕቤን ስጉምቶም ልዑል ጽልዋ እንተሃልይዎ ክዝሕሉን ክቋረጹን ኣለዎም፣ እንተኾነ ግን ንመብዛሕትኦም ስናርዮታት ዘይ-ሞዳላት ኣዝዮም ረቀቕትን ዝያዳ ምሕዝነታዊ ኣማራጺታትን ኮይኖም ገለ ነገር ናብ ኣቓልቦ ተጠቃሚ ንምምጻእ’ዮም። ዝኾነ እንተኾይኑ ኩሉ ግዜ ነባሪ ክኸውን እላቦ። ሞዳላት → ንጽል፡ ርእሶም ዝኽእሉ ዕማማት ከም ዲዛይነራት መጠን፡ መብዛሕትኡ ግዜ ሞዳላት ኣገደስቲ ዘይኮኑን ዘሕርቑን ኢልና ኢና ንነጽጎም — መብዛሕትኡ ግዜ ድማ ከምኡ እዮም! — ገና ግን ዋጋኦም እውን ኣለዎም። ንተጠቀምቲ ብዛዕባ ክፍጠሩ ዝኽእሉ ጌጋታት ንምጥንቃቕ ወይ ድማ ዳታ ንኸይጠፍኡ ንምሕጋዝ ኣዝዮም ሓገዝቲ ክኾኑ ይኽእሉ። ብተወሳኺ ተዛመድቲ ተግባራት ንምፍጻም ክሕግዙ ይኽእሉ ወይ ድማ ነቲ ህሉው ኩነታት ናይቲ ገጽ ከየቋረጹ ናብ ዝርዝራት ንምድሓር ክሕግዙ ይኽእሉ። እቲ ዝዓበየ ብልጫ ሞዳላት ግን ተጠቀምቲ ናይቲ ሕጂ ዘሎ ስክሪን ዓውደ-ጽሑፍ ንኽሕልዉ ዝሕግዝ ምዃኑ እዩ። UI ጥራይ ማለት ዘይኮነስ፡ ዝተኣረመ ምእታው፡ ስክሮሊንግ ፖዚሽን፡ ኩነታት ኣኮርድዮን፡ ምምራጽ ፍልትራት፡ ምፍራይን ካልእን’ውን ማለት’ዩ።
ሓደ ሓደ ግዜ ተጠቀምቲ ንሓደ ምርጫ ብቕልጡፍ ከረጋግጹ ኣለዎም (ንኣብነት ከምቲ ኣብ ላዕሊ ዝተገልጸ ፍልትራት) ድሕሪኡ ካብኡ ብቕጽበት ክኸዱ ኣለዎም። ኣውቶ-ሴቭ’ውን ተመሳሳሊ ክበጽሕ ይኽእል’ዩ፡ ብርግጽ ግን ኩሉ ግዜ ዘድሊ ወይ ዝድለ ኣይኮነን። ከምኡ ውን ነቲ UI ምዕጋት መብዛሕትኡ ግዜ ጽቡቕ ሓሳብ ኣይኮነን። ይኹን’ምበር ሞዳላት ንዝኾነ ዕማማት ኣይጥቀሙን’ዮም። ከም ልሙድ፡ ተጠቀምቲ ዘሊሎም ክኣትዉ፡ ሓደ ዕማም ክዛዝሙ፡ ድሕሪኡ ናብቲ ዝነበርዎ ክምለሱ ዘለዎም ንጽል፡ ባዕሎም ዝኸኣሉ ዕማማት ኢና ንጥቀመሎም። ንልዑል ቀዳምነት ዝወሃቦም፡ ሓጸርቲ ርክባት (ንኣብነት፡ መጠንቀቕታታት፡ ኣዕናዊ ተግባራት፡ ቅልጡፍ ምርግጋጽ) ጽቡቕ ይሰርሑ ምዃኖም ዘገርም ኣይኮነን። ሞዳላት ክሕግዙ ከለዉ፤ 🚫 ሞዳላት መብዛሕትኡ ግዜ ምዝባዕ፣ ወራሪ፣ ምድንጋር ዝፈጥሩ እዮም።🚫 ንምንጽጻርን ንምቕዳሕን ንምልጣፍን ኣጸጋሚ ይገብሩ።✅ ምስናይዚ ግን ሞዳላት ተጠቀምቲ ብዙሕ ዓውደ-ጽሑፋት ክሕልዉ የኽእሉ።✅ ዘይምለስ ጌጋታትን ምጥፋእ ዳታን ንምክልኻል ጠቓሚ እዩ።✅ ተጠቀምቲ ናብ ሓድሽ ገጽ ምልኣኽ ምዝንባዕ እንተዝኸውን ጠቓሚ እዩ። ✅ ተጠቀምቲ ነቲ ምዝንባዕ ዋጋ ምስ ዝህብዎ ጥራይ ሞዳል ኣርኢ።✅ ብነባሪ መልክዑ ዘይዓግት ዝርርባት (“ዘይሞዳላት”) ምረጽ።✅ ተጠቀምቲ ነቲ ዝርርብ ድሒሮም ከጉድልዎ፣ ክሓብእዎ ወይ ክመልስዎ ፍቐደሉ።✅ ንተጠቀምቲ ንምዝሕሓል ሞዳል ተጠቐም፣ ንኣብነት ዝተሓላለኸ ምእታው ንምርግጋጽ።✅ ብመውጽኢ መንገዲ ብ“Close”፣ ESC key፣ ወይ ካብቲ ወጻኢ ጠውቕ ሳንዱቕ። ገጻት → ንዝተሓላለኸን ብዙሕ ደረጃታት ዘለዎን ዋሕዚ ስራሕ ዊዛርድስ ወይ ኣብ ውሽጢ ሞዳላት ዝርከብ ትብ ዘለዎ ምድህሳስ ብዙሕ ጽቡቕ ኣይሰርሕን’ዩ፣ ዋላ’ውን ኣብ ዝተሓላለኹ ፍርያት ትካል — ኣብኡ፣ ጎናዊ ፓነላት ወይ ሳጹናት ብተለምዶ ዝሓሸ ይሰርሑ። ጸገማት ዝጅምሩ ተጠቀምቲ ነጥብታት ዳታ ከነጻጽሩ ወይ ክውከሱ ምስ ዘድልዮም እዩ — ገና ሞዳላት ነዚ ባህሪ ይዓግትዎ፣ ስለዚ ኣብ ክንድኡ ሓደ ዓይነት ገጽ ኣብ ብዙሓት ትቦታት ዳግማይ ይኸፍቱ።
ንዝያዳ ዝተሓላለኸ ዋሕዚታትን ብዙሕ ደረጃታት ዘለዎም መስርሓትን፡ ንበይኖም ዝኾኑ ገጻት ዝበለጸ ይሰርሑ። ገጻት ምሉእ ኣቓልቦ ተጠቃሚ ክጠልቡ ከለዉ’ውን ዝሓሸ ስራሕ ይሰርሑ፣ መወከሲ ናይቲ ዝሓለፈ ስክሪን ድማ ብዙሕ ሓጋዚ ኣይኮነን። ከምኡ’ውን ሳጹናት ንቐሊል ሞዳል ኣዝዮም ዝተሓላለኹ፡ ግን ከኣ ምሉእ ገጽ ምድህሳስ ዘየድልዮም ንኡሳን ዕማማት ይሰርሑ። መዓስ ካብ ሞዳላት ክንርሕቕ፤ 🚫 ንመልእኽቲ ጌጋ ሞዳላት ምውጋድ።🚫 ንባህርያዊ መፍለጢታት ዝኸውን ሞዳላት ምውጋድ።🚫 ንተመኩሮ ናይ ምእታው ሞዳላት ምውጋድ።🚫 ንዝተሓላለኹን ነዊሕን ብዙሕ-ስጉምትታት-ዕማማት ዝኸውን ሞዳላት ምውጋድ።🚫 ኣብ ክንድኡ ብዙሓት ዝተሰነዩ ሞዳላት ምውጋድ እሞ ኣብ ክንድኡ prev/next ምጥቃም።🚫 ፍጹም ኣድላዪ እንተዘይኮይኑ auto-triggered ሞዳላት ምውጋድ። ካብ ክልቲኡ ኣወግድንተደጋጋሚ ዕማማት ኣብ ብዙሓት ዝተሓላለኹን ዕማም ዝኸበዱን ፍርያት፡ ተጠቀምቲ ሓደ ዓይነት ዕማማት ብተደጋጋሚ፡ ደጋጊሞም ክፍጽሙ ክረኽብዎም እዮም። ኣብኡ ክልቲኦም ሞዳላትን ሓደስቲ ገጽ ምድህሳስን ነቲ ዋሕዚ ስለ ዘቋርጽዎ ወይ ተጠቀምቲ ኣብ መንጎ ኩሎም ዝተፈላለዩ ትቦታት ወይ ርእይቶታት ዝጎደለ ዳታ ክእክቡ ስለ ዘገድድ ምትፍናን ይውስኹ። ብዙሕ ግዜ፡ ተጠቀምቲ ኣብ መወዳእታ ዝተሰብረ ተመክሮ፡ መወዳእታ ዘይብሉ ምርግጋጽ፡ ዝተጋነነ መጠንቀቕታታት፡ ቃላት ዝመልኦ መምርሒታት ወይ ድማ ዝጎደሉ መወከሲ ነጥብታት ጥራይ ዝመልአ እዩ። ከምቲ ሳውልዮስ ስቴቡሊስ ዝጠቐሶ፡ ኣብዞም ስናርዮታት፡ ክሰፍሑ ዝኽእሉ ክፍልታት ወይ ኣብ ቦታኦም ዝግበር ኣርትዖት መብዛሕትኡ ግዜ ዝሓሸ ስራሕ ይሰርሑ - ነቲ ዕማም ኣብቲ ህሉው ስክሪን መልሕቕ ይገብርዎ። ብተግባር ኣብ ብዙሕ ተርእዮታት፡ ተጠቀምቲ ዕማማቶም ተነጺሎም ኣይፍጽሙን’ዮም። ዳታ ክደልዩ፣ ክብርታት ክቕድሑ፣ ክለጥፉ፣ ኣብ ዝተፈላለየ ቦታታት ንዝርከቡ ኣታዊታት ከጽርዩ፣ ወይ ድማ ኣብ ዕማማቶም እናሰርሑ ተመሳሳሊ መዛግብቲ ጥራይ ክግምግሙ ኣለዎም። ምድብላቕን ሳጹናትን ኣብ እዋን ዕማም ድሕረ ባይታ ዳታ ምብጻሕ ኣብ ምሕላው ዝያዳ ሓገዝቲ እዮም። ከም ውጽኢቱ ድማ፡ እቲ ዓውደ-ጽሑፍ ኩሉ ግዜ ኣብ ቦታኡ ይጸንሕ፡ ንመወከሲ ወይ ንቕዳሕ-ምልጣፍ ይርከብ። እቲ ምቁራጽ ብሓቂ ዋጋ ዝውስኸሉ ህሞታት ሞዳላትን ገጽ ምድህሳስን ኣቐምጦ — ብፍላይ ወሳኒ ጌጋታት ንምክልኻል። ሞዳልስ ኣንጻር ገጻት፡ ገረብ ውሳነ ቅድሚ ቁሩብ ግዜ ራያን ኖይፈልድ ዲዛይነራት ኣብ መንጎ ሞዳላትን ገጻትን ንኽመርጹ ዝሕግዝ ኣዝዩ ሓጋዚ መምርሒ ኣዳልዩ ነይሩ። ኣብ ኢድካ ዝኣቱ PNG cheatsheetን ኣብ 7 ክፍልታት ዝተበታተኑ ሕቶታት ዘለዎ Google Doc templateን ይመጽእ እዩ። ነዊሕ’ዩ፡ ኣዝዩ ዕሙቕ ዝበለ’ዩ፡ ግን ከኣ ክትስዕቦ ኣዝዩ ቀሊል’ዩ፤
ምናልባት ዘሰክፍ ክመስል ይኽእል እዩ፡ ግን ኣዝዩ ቀሊል 4 ደረጃታት ዘለዎ መስርሕ እዩ፤
ዓውደ-ጽሑፍ ናይቲ ስክሪን።መጀመርታ ተጠቀምቲ ዓውደ-ጽሑፍ ናይቲ ኣብ ትሕቲኡ ዘሎ ስክሪን ክሕልዉ እንተድኣ ኣድልይዎም ንምርግጋጽ። ዕማም ዝተሓላለኸን ንውሓት ግዜን።ቀለልቲ፣ ትኹረት ዝገበሩ፣ ትኹረት ዘይሰርቁ ዕማማት ሞዳል ክጥቀሙ ይኽእሉ እዮም፣ ነዊሕን ዝተሓላለኸን ዋሕዚታት ግን ገጽ የድልዮም። Reference to underlying page.ድሕሪኡ፡ ተጠቀምቲ መብዛሕትኡ ግዜ ኣብ ድሕሪት ንዝርከብ ዳታ ምውካስ የድልዮም ድዩ ወይስ እቲ ዕማም ቀሊል ምርግጋጽ ወይ ምርጫ እንተኾይኑ ንምርግጋጽ። ቅኑዕ ምድብላቕ ምምራጽ።ኣብ መወዳእታ፡ ምድብላቕ ብሓቂ ጽቡቕ ኣማራጺ እንተኾይኑ፡ ኣብ መንጎ ሞዳል ወይ ዘይሞዳል (ናብ ዘይሞዳል ምጽጋዕ) ክንመርጽ ይመርሓና።
ምጥቕላል ብዝተኻእለ መጠን ንብምሉኡ UI ካብ ምዕጋት ተቖጠብ። ዝርርብ ተንሳፋፊ ይሃልኻ፣ ብኸፊል ንUI ዝሽፍን፣ ግን ከኣ ምድህሳስ፣ ምዝዋርን ምቕዳሕ ምልጣፍን ዘፍቅድ። ወይ ድማ ትሕዝቶ ናይቲ ሞዳል ከም ጎናዊ ሳጹን ኣርእዩ። ወይ ድማ ኣብ ክንድኡ ቨርቲካል ኣኮርድዮን ተጠቐም። ወይ ድማ ብዙሕ ዝርዝር ከተርኢ እንተድኣ ኣድልዩካ ንተጠቀምቲ ናብ ፍሉይ ገጽ ኣምጽእ። ብቕዓትን ፍጥነትን ተጠቀምቲ ከተዕቢ እንተደሊኻ ግን ብዝኾነ ይኹን ዋጋ ካብ ሞዳላት ኣወግድ። ተጠቀምቲ ንምዝሕሓል፡ ኣቓልቦኦም ንምጥቕላል፡ ጌጋታት ንምክልኻል ተጠቐመሎም። ከምቲ ተረዛ ፈሰንደን ዘስተብሃለትሉ፡ ምቁራጽ ዝፈቱ ሰብ የለን፡ ግድን እንተኾይኑ ግን ፍጹም ዋጋ ከም ዝኸውን ኣረጋግጽ። “ስማርት ኢንተርፌስ ዲዛይን ፓተርንስ” ተራኸቡ ብዛዕባ ሞዳላትን ኣማራጺታትን ምሉእ ክፍሊ ኣብ Smart Interface Design Patterns ክትረኽቡ ትኽእሉ ኢኹም፣ እዚ ናይ 15h-ቪድዮ ኮርስና ምስ 100s ግብራዊ ኣብነታት ካብ ናይ ሓቂ ህይወት ፕሮጀክትታት — ምስ ቀጥታዊ UX ስልጠና ኣብ መወዳእታ እዚ ዓመት። ካብ ሜጋ-ድሮፕዳውንስ ክሳብ ዝተሓላለኹ ናይ ትካላት ሰደቓታት ኩሉ — ኣብ ዓመት 5 ሓደስቲ ክፍልታት ይውሰኹ። ናብ ነጻ ቅድመ-ምርኢት ዘልል። 15% ቅናሽ ንምቑጣብ ኮድ BIRDIE ተጠቐም። ምስ ስማርት ኢንተርፌስ ዲዛይን ፓተርን ተራኸቡ፣ ናይ ቪድዮ ኮርስና ኣብ ኢንተርፌስ ዲዛይን & UX።
ቪድዮ + UX ስልጠናቪድዮ ጥራይቪድዮ + UX ስልጠና$ 495.00 $ 699.00
ቪድዮ + UX ስልጠና ረኸብ25 ቪድዮ ትምህርቲ (15h) + ቀጥታዊ UX ስልጠና.100 መዓልታት ገንዘብ-ምምላስ-ዋሕስ.ቪድዮ ጥራይ$ 300.00$ 395.00
ቪድዮ ኮርስ40 ቪድዮ ትምህርቲ (15h) ውሰድ። ዓመት ዓመት ዝመሓየሽ።ከም UX Bundle ምስ 2 ቪድዮ ኮርሳት እውን ይርከብ።
ጠቐምቲ ጸጋታት
ዝተፈላለዩ ዓይነታት ፖፕኣፕስ፡ ብኣና ካሊ ብሉጻት ልምድታት ዲዛይን UI Modals, ብ Uxcel ብዙሕ ርጉማት ሞዳላት ንጥቀም: መምርሒታት UX, ብኣድሪያን ኤገር ሞዳልን ዘይሞዳልን ዝርርባት፡ ብተሬዛ ፈሰንደን ዘመናዊ ኢንተርፕራይዝ UI ዲዛይን: ሞዳል ዝርርባት፣ ብጀምስ ጃኮብስ ሞዳላት ኣብ ዲዛይን ስርዓታት
