القاموس المختصر لمصطلحات UI/UX إختباري

تصميم المنتجات والخدمات الرقمية بحيث يمكن استخدامها من قبل جميع الأشخاص بما في ذلك ذوي الاحتياجات الخاصة، مثل ضعاف البصر أو السمع أو الحركة.

حركة تفاعلية يقوم بها المستخدم على الشاشة باللمس مثل السحب، التمرير، توسعة الأصابع للتكبير أو تضييق المسافة للتصغير.

رسم تخطيطي مبسط يوضح بنية الصفحة وموضع العناصر دون تفاصيل بصرية.

رسالة تنبيهية تعلم المستخدم بحدث أو معلومة جديدة مهمة.

الجزء من الصفحة الذي يظهر للمستخدم مباشرة عند فتحها دون الحاجة للتمرير لأسفل.

خاصية العنصر التي توحي بكيفية استخدامه. مثلاً، الزر يبدو قابلاً للنقر، والحقل يبدو قابلاً للكتابة فيه.

العناصر المرئية التي تمثل هوية العلامة التجارية مثل الشعار، الألوان، الخطوط، والأسلوب البصري العام.

ترتيب العناصر بحسب أهميتها باستخدام الحجم، اللون، والموضع لتوجيه انتباه المستخدم.

طريقة لتقييم قابلية استخدام الواجهة من خلال مراجعتها مقابل مجموعة من المبادئ المعترف بها.

فن وتقنية ترتيب الحروف والنصوص لجعل اللغة المكتوبة واضحة وجذابة ومريحة للقراءة.

الحركة العمودية أو الأفقية عبر المحتوى لعرض الأجزاء غير المرئية من الصفحة.

نظام يساعد المستخدمين في التحرك بين الصفحات والأقسام المختلفة في الموقع.

نهج في التصميم يجعل صفحات الويب تعرض بشكل جيد على مختلف الأجهزة وأحجام الشاشات.

مؤشر بصري يخبر المستخدم أن العملية جارية ويجب الانتظار.

الفرق بين درجتي لونين، مهم للوضوح وإمكانية القراءة خاصة للنصوص.

المسافات بين العناصر المختلفة التي تساعد في الوضوح وسهولة القراءة.

تفاعلات صغيرة ولحظية تحدث استجابة لفعل المستخدم، تعزز تجربة الاستخدام.

الحركة أو التأثيرات الانتقالية للعناصر التي تحسن التفاعل وتوجه انتباه المستخدم.

نمط عرض يستخدم خلفية داكنة ونصوص فاتحة لتقليل إجهاد العين وتوفير الطاقة.

المناطق الفارغة في التصميم التي تساعد على التركيز وتحسين القراءة.

القسم البارز في أعلى الصفحة الرئيسية يحتوي على رسالة رئيسية وصورة جذابة.

حاوية مستطيلة تجمع معلومات مرتبطة ببعضها في وحدة واحدة قابلة للنقر أو التفاعل.

رسالة صغيرة تظهر عند تمرير المؤشر فوق عنصر معين لتقديم معلومات إضافية أو توضيحية.

عناصر ملاحية تنظم المحتوى في أقسام منفصلة يمكن التبديل بينها دون مغادرة الصفحة.

القسم السفلي من الصفحة الذي يحتوي عادة على روابط مهمة ومعلومات الاتصال وحقوق النشر.

الطريقة التي يتم بها ترتيب وتنظيم العناصر على الصفحة أو الشاشة.

التجربة الكلية للمستخدم عند استخدام المنتج، تشمل سهولة الاستخدام والرضا العام.

التغيير البصري الذي يحدث عند تمرير مؤشر الفأرة فوق عنصر تفاعلي، يوضح أنه قابل للنقر.

المظهر البصري للعنصر عندما يكون نشطاً ويتلقى إدخالات لوحة المفاتيح.

القسم العلوي من الصفحة الذي يحتوي عادة على الشعار وقائمة التنقل الرئيسية.

نص أو عنصر قابل للنقر ينقل المستخدم إلى صفحة أخرى أو قسم آخر.

عنصر تفاعلي قابل للنقر يستخدم لتنفيذ إجراء معين مثل الإرسال، الحفظ، أو الانتقال لصفحة أخرى.

عنصر تحكم يسمح للمستخدم باختيار خيار واحد فقط من مجموعة خيارات متعددة.

نظام من الخطوط الأفقية والعمودية المتقاطعة يساعد في تنظيم وترتيب العناصر بشكل متسق ومتناسق.

منطقة عمودية على جانب الصفحة تحتوي عادة على روابط ملاحية أو معلومات إضافية.

شريط يحتوي على روابط رئيسية للتنقل في الموقع، عادة في أعلى الصفحة.

عنصر تحكم يسمح للمستخدم باختيار قيمة من نطاق معين عن طريق سحب مؤشر على خط.

حقل إدخال مخصص للبحث عن محتوى معين داخل الموقع أو التطبيق.

صفحة أو واجهة كاملة ضمن التطبيق أو الموقع تعرض محتوى أو وظيفة معينة.

نمط تحميل يعرض إطار المحتوى قبل ظهوره الكامل لتحسين الإحساس بالأداء.

المكونات المرئية في الواجهة مثل الأزرار، القوائم، الحقول، والأيقونات التي يتفاعل معها المستخدم.

أداة تسمح للمستخدمين بتضييق نطاق النتائج أو المحتوى بناءً على معايير محددة.

أيقونة تتكون من ثلاثة خطوط أفقية تستخدم لإخفاء/إظهار القائمة الرئيسية خاصة على الأجهزة المحمولة.

قائمة من الخيارات تظهر عند النقر على عنصر معين، تستخدم لحفظ مساحة الواجهة.

قائمة من الخيارات أو الروابط التي تساعد المستخدم في التنقل عبر التطبيق.

مدى سهولة وفعالية استخدام المنتج لتحقيق أهداف المستخدم.

عنصر ملاحي يوضح للمستخدم موقعه الحالي ضمن هيكل الموقع ويسمح له بالرجوع للصفحات السابقة.

المسار الذي يتبعه المستخدم خلال التطبيق لإتمام مهمة معينة.

عنصر تحكم يسمح للمستخدم باختيار خيار واحد أو أكثر من مجموعة خيارات.

عنصر تحكم يسمح للمستخدم بالتبديل بين حالتين (مثل تشغيل/إيقاف).

نظام متدرج لأحجام الخطوط يضمن التناسق والتسلسل الهرمي الواضح في النصوص.

وحدة بناء قابلة لإعادة الاستخدام في واجهة المستخدم مثل الزر أو البطاقة.

نقطة محددة في عرض الشاشة يتغير عندها تخطيط الصفحة ليتناسب مع حجم الجهاز (موبايل، تابلت، ديسكتوب).

نافذة حوارية تظهر فوق المحتوى الرئيسي وتتطلب تفاعل المستخدم قبل العودة للصفحة.

مجموعة شاملة من المعايير، المكونات، والأنماط القابلة لإعادة الاستخدام لضمان اتساق التصميم عبر المنتج.

مجموعة من حقول الإدخال التي تجمع معلومات من المستخدم مثل نماذج التسجيل أو الاتصال.

تمثيل ثابت عالي الدقة للتصميم النهائي يوضح الألوان والخطوط والعناصر.

المسافة الخارجية حول العنصر التي تفصله عن العناصر المجاورة.

كل ما يتفاعل معه المستخدم بصرياً في المنتق الرقمي من أزرار وقوائم وألوان.

عنصر تفاعلي صغير ومستقل يؤدي وظيفة محددة ضمن الواجهة.