https://mohammadabuaisheh.me/ar/blog/مقالات محمد أبوعيشه: ملاحظات من مشاريع تصميم ومحاضرة ومسابقات، وأدلة عملية عن تجربة المستخدم والإتاحة وتصميم العربية RTL وتصميم الواجهات وأداء الويب.arhttps://mohammadabuaisheh.me/ar/blog/ux-laws/https://mohammadabuaisheh.me/ar/blog/ux-laws/دليل قصير كتبته بالعربية لطلبة التصميم: لكل قانون قاعدته، وأثره، ومثال يومي، ومنتج يطبّقه.تعليمhttps://mohammadabuaisheh.me/ar/blog/requirements-vs-expectations/https://mohammadabuaisheh.me/ar/blog/requirements-vs-expectations/ملاحظات من محاضرة أعددتها وقدّمتها: لماذا تفشل المنتجات في الفجوة بين ما بُني وما توقّعه المستخدم، وكيف نسدّ هذه الفجوة.محاضرةhttps://mohammadabuaisheh.me/ar/blog/contest-v5/https://mohammadabuaisheh.me/ar/blog/contest-v5/كيف تعاملت مع تحدي مسابقة UI/UX V5 في جامعة العلوم التطبيقية، بدءًا من الورق، وما الذي أوصلني للمركز الثاني.مسابقةhttps://mohammadabuaisheh.me/ar/blog/arngren-redesign/https://mohammadabuaisheh.me/ar/blog/arngren-redesign/متجر Arngren مشهور بين المصممين بصفحته الرئيسية المزدحمة، فاستخدمته للتدرب على التسلسل البصري والتجميع والمساحات البيضاء على مثال حقيقي ومتطرف.إعادة تصميمhttps://mohammadabuaisheh.me/ar/blog/newspaper-hierarchy/https://mohammadabuaisheh.me/ar/blog/newspaper-hierarchy/إعادة تصميم صفحة أولى مزدحمة للتحكم بأين تذهب العين أولًا ثم ثانيًا ثم أخيرًا، مع الحفاظ على طابعها الكلاسيكي.تصميم بصريhttps://mohammadabuaisheh.me/ar/blog/dermatology-booking/https://mohammadabuaisheh.me/ar/blog/dermatology-booking/تحدٍّ قصير في تصميم الواجهات: مسار حجز لعيادة جلدية بلغة بصرية ناعمة ومستديرة.تحدّي واجهاتhttps://mohammadabuaisheh.me/ar/blog/ai-in-my-process/https://mohammadabuaisheh.me/ar/blog/ai-in-my-process/دروس من بناء روّاء: الذكاء الاصطناعي ممتاز للسرعة والمسودات، وضعيف في تحديد ما يجب أن يكون عليه المنتج.طريقة العملhttps://mohammadabuaisheh.me/ar/blog/paper-first/https://mohammadabuaisheh.me/ar/blog/paper-first/رسومات بالقلم من منصة Banana، ولماذا توفّر عشر دقائق على الورق ساعة في Figma.طريقة العملhttps://mohammadabuaisheh.me/ar/blog/whatsapp-first/https://mohammadabuaisheh.me/ar/blog/whatsapp-first/لم يكن القرار الأكبر في روّاء شاشةً، بل اختيار ألّا نبني تطبيقًا للضيوف أصلًا.المنتجhttps://mohammadabuaisheh.me/ar/blog/what-56-students-taught-me/https://mohammadabuaisheh.me/ar/blog/what-56-students-taught-me/أرقام الاستبيان واقتباسات صادقة من بحث Filis، وكيف تحوّل كل منها إلى قرار تصميمي.البحثhttps://mohammadabuaisheh.me/ar/blog/one-card-six-verticals/https://mohammadabuaisheh.me/ar/blog/one-card-six-verticals/كيف أصلحت بطاقة إعلان واحدة في سوق إعلانات مبوّبة أكثر مما يمكن أن تصلحه إعادة تصميم أي صفحة.أنظمة التصميمhttps://mohammadabuaisheh.me/ar/blog/accessibility-before-handoff/https://mohammadabuaisheh.me/ar/blog/accessibility-before-handoff/خمسة فحوصات سريعة تكشف معظم المشكلات قبل أن يرى المطوّر الملف.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/designing-for-arabic/https://mohammadabuaisheh.me/ar/blog/designing-for-arabic/ما تعلّمته عن التصميم من اليمين لليسار من تعريب الصفحة الرئيسية لـ Tesco، ومن بناء هذا الموقع بلغتين.التعريبhttps://mohammadabuaisheh.me/ar/blog/personas-that-change-products/https://mohammadabuaisheh.me/ar/blog/personas-that-change-products/في Legacy، شكّل أربعة مشترين مختلفين أربع ميزات محددة. إليك كيف أكتب الشخصيات ليحدث ذلك.البحثhttps://mohammadabuaisheh.me/ar/blog/wireframes-first/https://mohammadabuaisheh.me/ar/blog/wireframes-first/لماذا صمّمت كل شاشات روّاء بالرمادي أولًا، وما الذي تغيّر حين جاءت الألوان (تقريبًا لا شيء).طريقة العملhttps://mohammadabuaisheh.me/ar/blog/designing-emergency-mode/https://mohammadabuaisheh.me/ar/blog/designing-emergency-mode/كيف يغيّر وضع الطوارئ في Filis ما هو مهم دون أن يغيّر أماكن العناصر.التفاعلhttps://mohammadabuaisheh.me/ar/blog/supportive-microcopy/https://mohammadabuaisheh.me/ar/blog/supportive-microcopy/جمل حقيقية من Filis، والقواعد خلفها: رقم، وإجراء، ونبرة محترمة.كتابة UXhttps://mohammadabuaisheh.me/ar/blog/competitor-audits/https://mohammadabuaisheh.me/ar/blog/competitor-audits/ثلاثة تحليلات منافسين من مشاريعي، والجملة الواحدة التي كان على كل تحليل أن يخرج بها.البحثhttps://mohammadabuaisheh.me/ar/blog/usability-test-plan/https://mohammadabuaisheh.me/ar/blog/usability-test-plan/المهام والمقاييس والمعايير من خطة صحّتي، ولماذا أكون صريحًا بشأن ما لم أختبره بعد.الاختبارhttps://mohammadabuaisheh.me/ar/blog/glanceable-ui/https://mohammadabuaisheh.me/ar/blog/glanceable-ui/دروس من تطبيق ساعة لتتبع الرحلات: قرار واحد لكل شاشة، وتباين عالٍ، وأولويات بلا تهاون.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/variables-not-hex/https://mohammadabuaisheh.me/ar/blog/variables-not-hex/كيف يعمل Filis على 201 متغيرًا في Figma ضمن خمس مجموعات، ولماذا يصف كل اسم وظيفة لا لونًا.أنظمة التصميمhttps://mohammadabuaisheh.me/ar/blog/dark-mode-one-switch/https://mohammadabuaisheh.me/ar/blog/dark-mode-one-switch/ألوان Banana مبنية بوضعي النهار والليل، فتتغير المنصة كاملة دون إعادة رسم أي شاشة.أنظمة التصميمhttps://mohammadabuaisheh.me/ar/blog/prototype-without-dead-ends/https://mohammadabuaisheh.me/ar/blog/prototype-without-dead-ends/نموذج روّاء يربط 62 شاشة على سطح المكتب والجوال. والقاعدة التي اتبعتها: لكل شاشة طريق للأمام أو طريق للعودة.النماذج التفاعليةhttps://mohammadabuaisheh.me/ar/blog/flows-before-screens/https://mohammadabuaisheh.me/ar/blog/flows-before-screens/في صحّتي رسم فريقنا خمسة مسارات للمستخدم بكل نقاط القرار. وقائمة الانتظار موجودة بسبب نقطة قرار واحدة.مسارات المستخدمhttps://mohammadabuaisheh.me/ar/blog/color-contrast-in-practice/https://mohammadabuaisheh.me/ar/blog/color-contrast-in-practice/التباين هو الفرق في السطوع بين النص وخلفيته. تعرّف على نسب WCAG وأخطائها الشائعة وطرق اختبارها.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/focus-states-that-show/https://mohammadabuaisheh.me/ar/blog/focus-states-that-show/يحتاج مستخدمو لوحة المفاتيح إلى رؤية موضعهم في الصفحة. تعلّم تصميم مؤشرات تركيز واضحة واستخدام :focus-visible وتجنّب إخفاء التركيز.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/keyboard-first-navigation/https://mohammadabuaisheh.me/ar/blog/keyboard-first-navigation/كثيرون لا يستخدمون الفأرة أبدًا. صمّم كل تفاعل ليعمل بلوحة المفاتيح، بترتيب منطقي ودون فخاخ وبمخارج واضحة.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/writing-good-alt-text/https://mohammadabuaisheh.me/ar/blog/writing-good-alt-text/يجب أن يؤدي النص البديل غرض الصورة لا أن يصفها فقط. تعلّم متى تكتبه ومتى تتركه فارغًا وكيف يحدده السياق.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/accessible-forms/https://mohammadabuaisheh.me/ar/blog/accessible-forms/النماذج هي المكان الذي ينجز فيه المستخدم مهامه. استخدم تسميات حقيقية وتلميحات مفيدة وأخطاء واضحة وتجميعًا منطقيًا ليتمكن الجميع من إكمالها.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/touch-target-size/https://mohammadabuaisheh.me/ar/blog/touch-target-size/الأزرار الصغيرة يصعب الضغط عليها. تعرّف على حد WCAG 2.2 الأدنى 24×24 بكسل CSS وإرشاد 44 بكسل الأكبر ودور المسافات.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/reduced-motion/https://mohammadabuaisheh.me/ar/blog/reduced-motion/قد تسبب الحركة انزعاجًا أو غثيانًا لبعض المستخدمين. تعلّم احترام prefers-reduced-motion ومنح الناس تحكمًا بالمحتوى المتحرك.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/headings-and-landmarks/https://mohammadabuaisheh.me/ar/blog/headings-and-landmarks/يتنقل مستخدمو قارئات الشاشة عبر العناوين ومعالم الصفحة. نظّم الصفحات بعنوان h1 واحد وعناوين متسلسلة ومناطق واضحة.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/not-by-colour-alone/https://mohammadabuaisheh.me/ar/blog/not-by-colour-alone/يجب ألا يكون اللون الوسيلة الوحيدة لنقل المعنى. تعرّف على WCAG 1.4.1 وكيف تقرن اللون بالنص والأيقونات والأنماط.الإتاحةhttps://mohammadabuaisheh.me/ar/blog/core-web-vitals-for-designers/https://mohammadabuaisheh.me/ar/blog/core-web-vitals-for-designers/تقيس LCP وINP وCLS التحميل والاستجابة والثبات البصري. تعرّف على قرارات التصميم التي تؤثر في هذه الأرقام.الويب والأداءhttps://mohammadabuaisheh.me/ar/blog/css-logical-properties/https://mohammadabuaisheh.me/ar/blog/css-logical-properties/الخصائص الفيزيائية مثل margin-left تنكسر عندما تنقلب الصفحة إلى الاتجاه من اليمين إلى اليسار. أما الخصائص المنطقية فتتبع اتجاه القراءة وتوفّر عليك تكرار الشيفرة.العربية وRTLhttps://mohammadabuaisheh.me/ar/blog/which-icons-to-mirror/https://mohammadabuaisheh.me/ar/blog/which-icons-to-mirror/اعكس الأيقونات التي تعبّر عن اتجاه واترك الباقي كما هو. دليل قصير للأسهم والشيفرونات والتقدّم والحالات التي يحدّدها السياق.العربية وRTLhttps://mohammadabuaisheh.me/ar/blog/arabic-numerals-choice/https://mohammadabuaisheh.me/ar/blog/arabic-numerals-choice/يمكن للواجهات العربية عرض الأرقام 0-9 أو الأرقام الهندية (٠-٩). والاختيار الصحيح يتوقف على الجمهور، فالتزم بالاتساق ودع البحث يحسم الأمر.العربية وRTLhttps://mohammadabuaisheh.me/ar/blog/choosing-arabic-fonts/https://mohammadabuaisheh.me/ar/blog/choosing-arabic-fonts/اختر خطوط الواجهة العربية بحسب الوضوح ومدى الأوزان وانسجامها مع اللاتيني ودعم التشكيل وحجم الملف، وليس بالشكل وحده.العربية وRTLhttps://mohammadabuaisheh.me/ar/blog/mixed-direction-text/https://mohammadabuaisheh.me/ar/blog/mixed-direction-text/تحتوي الجمل العربية كثيرًا على أسماء لاتينية وأرقام وروابط. تعرّف على كيفية ترتيبها بخوارزمية الاتجاهين وكيف تعزل النص بـ HTML وCSS.العربية وRTLhttps://mohammadabuaisheh.me/ar/blog/rtl-forms-and-inputs/https://mohammadabuaisheh.me/ar/blog/rtl-forms-and-inputs/ليست كل الحقول تنقلب. تعرّف على الحقول التي تبقى من اليسار إلى اليمين في صفحة RTL وتلك التي تستخدم الاتجاه التلقائي وكيف تحاذي التسميات والرسائل.العربية وRTLhttps://mohammadabuaisheh.me/ar/blog/arabic-line-height-and-weight/https://mohammadabuaisheh.me/ar/blog/arabic-line-height-and-weight/يحتاج النص العربي عادةً إلى ارتفاع سطر أكبر من اللاتيني، وقد تبهت الأوزان الرقيقة، وقد يلزم تعديل الحجم. نقاط انطلاق عملية للاختبار.العربية وRTLhttps://mohammadabuaisheh.me/ar/blog/localisation-vs-translation/https://mohammadabuaisheh.me/ar/blog/localisation-vs-translation/ترجمة الكلمات خطوة واحدة فقط. أما التوطين فيشمل التخطيط والجمع والتواريخ والوحدات والصور والنبرة. قائمة تحقق للمنتجات العربية.العربية وRTLhttps://mohammadabuaisheh.me/ar/blog/writing-error-messages/https://mohammadabuaisheh.me/ar/blog/writing-error-messages/رسالة الخطأ الجيدة تقول ما حدث وكيف يُصلح، بكلمات بسيطة ودون لوم. أمثلة وأنماط وأساسيات إمكانية الوصول.كتابة UXhttps://mohammadabuaisheh.me/ar/blog/button-labels/https://mohammadabuaisheh.me/ar/blog/button-labels/التسمية الجيدة للزر تسمّي الإجراء: فعل ومفعول به. أنماط لتسميات محددة ومتسقة وسهلة الترجمة.كتابة UXhttps://mohammadabuaisheh.me/ar/blog/user-interviews-basics/https://mohammadabuaisheh.me/ar/blog/user-interviews-basics/كيف تخطط لمقابلة مستخدم وتجريها: حدد الهدف، اختر المشاركين المناسبين، واسأل أسئلة مفتوحة عن السلوك السابق، واستمع أكثر مما تتكلم.البحث والاختبارhttps://mohammadabuaisheh.me/ar/blog/survey-bias/https://mohammadabuaisheh.me/ar/blog/survey-bias/الصياغة المنحازة تفسد بيانات الاستبيان بصمت. تعلّم كيف تكتشف الأسئلة الإيحائية والمشحونة والمزدوجة، وكيف تصمم خيارات إجابة واضحة ومتوازنة.البحث والاختبارhttps://mohammadabuaisheh.me/ar/blog/five-users-testing/https://mohammadabuaisheh.me/ar/blog/five-users-testing/نصيحة نيلسن الشهيرة كثيرًا ما تُفهم خطأً. خمسة مستخدمين في كل جولة قد يكشفون معظم المشكلات، بشرط إجراء جولات صغيرة والإصلاح بينها.البحث والاختبارhttps://mohammadabuaisheh.me/ar/blog/card-sorting/https://mohammadabuaisheh.me/ar/blog/card-sorting/يكشف فرز البطاقات كيف يصنّف الناس المحتوى ويسمّونه. تعرّف على أنواعه، وكيف تجهّز البطاقات، وكيف تقرأ النتائج لتشكيل التنقل.البحث والاختبارhttps://mohammadabuaisheh.me/ar/blog/tree-testing/https://mohammadabuaisheh.me/ar/blog/tree-testing/يتحقق اختبار الشجرة من قدرة الناس على إيجاد العناصر في هيكل تنقل معروض كنص بسيط، دون أن يتدخل التصميم البصري.البحث والاختبارhttps://mohammadabuaisheh.me/ar/blog/jobs-to-be-done/https://mohammadabuaisheh.me/ar/blog/jobs-to-be-done/يصوغ نهج «المهام المطلوب إنجازها» الاحتياجات على أنها التقدم الذي يريده الشخص في موقف معين. تعلّم كتابة عبارات المهمة واستخدامها في ترتيب أولويات الميزات.البحث والاختبارhttps://mohammadabuaisheh.me/ar/blog/affinity-mapping/https://mohammadabuaisheh.me/ar/blog/affinity-mapping/تحوّل الخريطة التقاربية كومة ملاحظات البحث إلى محاور. اتبع الخطوات وحوّل المحاور إلى أسئلة «كيف يمكننا» وتجنب الأخطاء الشائعة.البحث والاختبارhttps://mohammadabuaisheh.me/ar/blog/analytics-and-qualitative/https://mohammadabuaisheh.me/ar/blog/analytics-and-qualitative/تُظهر التحليلات ما يحدث وكم مرة، وتشرح المقابلات والاختبارات السبب. تعلّم الجمع بينهما وتجنب المقاييس الشكلية واحترام الخصوصية.البحث والاختبارhttps://mohammadabuaisheh.me/ar/blog/prioritising-with-rice/https://mohammadabuaisheh.me/ar/blog/prioritising-with-rice/يساعد نموذجا RICE وMoSCoW الفرق على ترتيب العمل بطريقة مشتركة. تعرّف على آلية التقييم عبر مثال توضيحي، وعلى مواضع تضليل هذه الأدوات.العمل والمنتجhttps://mohammadabuaisheh.me/ar/blog/running-a-design-critique/https://mohammadabuaisheh.me/ar/blog/running-a-design-critique/يحسّن النقد الجيد العمل نحو أهدافه. تعلّم كيف تحدد الأهداف وتنظم الملاحظات وتتجنب القفز إلى الحلول وتتعامل مع الملاحظات بإيجابية.العمل والمنتجhttps://mohammadabuaisheh.me/ar/blog/type-scale/https://mohammadabuaisheh.me/ar/blog/type-scale/يمنح سلّم الخطوط كل حجم نص سببًا واضحًا. تعرّف على اختيار الحجم الأساسي والنسبة، وضبط ارتفاع السطر، وجعل الأحجام متجاوبة.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/spacing-system/https://mohammadabuaisheh.me/ar/blog/spacing-system/يحافظ سلّم المسافات المبني على 4 أو 8 نقاط على إيقاع متسق وتسليم أبسط. تعرّف على الرموز ومبدأ التقارب وخيارات الكثافة.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/colour-tokens/https://mohammadabuaisheh.me/ar/blog/colour-tokens/سمِّ الألوان بحسب دورها لا بحسب لونها. تجعل الرموز الأساسية والدلالية الحالات والوضع الداكن والسمات أرخص بناءً وصيانةً.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/layout-grids/https://mohammadabuaisheh.me/ar/blog/layout-grids/تضفي الشبكة نظامًا على التخطيط. تعرّف على الأعمدة والفواصل والهوامش ونقاط الانكسار المبنية على المحتوى وطول السطر المريح وأساسيات CSS grid.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/designing-dark-mode/https://mohammadabuaisheh.me/ar/blog/designing-dark-mode/الوضع الداكن ليس عكسًا للألوان. تعرّف على الأسطح الناعمة والنص شبه الأبيض والارتفاع بالإضاءة والألوان المميزة المعدّلة واحترام إعدادات المستخدم.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/empty-states/https://mohammadabuaisheh.me/ar/blog/empty-states/الشاشة الفارغة فرصة لإرشاد الناس. تعرّف على الأنواع الأربعة للحالة الفارغة وما يجب أن تقوله كل منها وكيف تتجنب الطرق المسدودة.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/icon-design-principles/https://mohammadabuaisheh.me/ar/blog/icon-design-principles/توفر الأيقونات المساحة لكنها قد تُربك. تعرّف على متى تضيف تسميات وكيف تحافظ على شبكة متسقة وكيف تجعل أزرار الأيقونات متاحة.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/visual-hierarchy-basics/https://mohammadabuaisheh.me/ar/blog/visual-hierarchy-basics/يخبر التسلسل البصري الناس بما ينظرون إليه أولًا. تعرّف على الأدوات الخمس واختبار تضييق العينين ولماذا الحذف أفضل من زيادة التأكيد.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/button-hierarchy/https://mohammadabuaisheh.me/ar/blog/button-hierarchy/ليس كل زر بالوزن نفسه. تعرّف على مستويات الأزرار الأربعة وحالاتها الست وتناسق الأحجام والفرق الدلالي بين الزر والرابط.تصميم الواجهاتhttps://mohammadabuaisheh.me/ar/blog/image-formats-for-the-web/https://mohammadabuaisheh.me/ar/blog/image-formats-for-the-web/الصيغة والترميز الصحيحان يبقيان الصفحات سريعة ومستقرة. تعرّف على متى تستخدم JPEG وPNG وWebP وAVIF وSVG، مع srcset والأبعاد والتحميل الكسول.الويب والأداءhttps://mohammadabuaisheh.me/ar/blog/onboarding-copy/https://mohammadabuaisheh.me/ar/blog/onboarding-copy/يجب أن يبدأ نص الإعداد الأولي بالقيمة، وأن تكون خطواته قصيرة، وأن يسمح بالتخطي ويشرح الأذونات في سياقها. وقِس نجاحه بإنجاز أول مهمة حقيقية.كتابة UXhttps://mohammadabuaisheh.me/ar/blog/confirmation-dialogs/https://mohammadabuaisheh.me/ar/blog/confirmation-dialogs/استخدم نافذة التأكيد فقط عند الإجراءات الخطرة، وفضّل التراجع متى أمكن، واكتب عنوانًا وعواقب وأزرارًا محددة بدل «نعم» و«لا».كتابة UXhttps://mohammadabuaisheh.me/ar/blog/tone-of-voice/https://mohammadabuaisheh.me/ar/blog/tone-of-voice/يبقى الصوت ثابتًا بينما تتكيف النبرة مع السياق. تعرّف على أبعاد النبرة الأربعة، واكتب ثلاثة مبادئ للصوت، وحافظ على اتساق العربية والإنجليزية.كتابة UXhttps://mohammadabuaisheh.me/ar/blog/placeholders-vs-labels/https://mohammadabuaisheh.me/ar/blog/placeholders-vs-labels/يختفي النص الإرشادي عند الكتابة، وغالبًا ما يكون ضعيف التباين، ولا يُعتمد عليه اسمًا لإمكانية الوصول. استخدم تسمية ظاهرة دائمة مع نص تلميح اختياري.كتابة UXhttps://mohammadabuaisheh.me/ar/blog/design-handoff-checklist/https://mohammadabuaisheh.me/ar/blog/design-handoff-checklist/يغطي التسليم الجيد كل الحالات والتصميم المتجاوب والرموز والملفات والحركة وإمكانية الوصول وقواعد المحتوى والحالات الحدّية، ثم مراجعة النتيجة بعد البناء.العمل والمنتجhttps://mohammadabuaisheh.me/ar/blog/design-system-basics/https://mohammadabuaisheh.me/ar/blog/design-system-basics/نظام التصميم هو الرموز والمكونات والأنماط والتوثيق. ابدأ بالجرد، وانطلق من نطاق صغير، وسمِّ الأشياء بوضوح، وقِس مدى الاعتماد عليه.العمل والمنتجhttps://mohammadabuaisheh.me/ar/blog/writing-a-case-study/https://mohammadabuaisheh.me/ar/blog/writing-a-case-study/تقوم دراسة الحالة الجيدة على بنية واضحة، وتفصل عملك عن عمل الفريق، وتصدق في ذكر الثغرات، ولا تختلق أرقامًا، وتحترم وقت مسؤول التوظيف.العمل والمنتجhttps://mohammadabuaisheh.me/ar/blog/loading-fonts-well/https://mohammadabuaisheh.me/ar/blog/loading-fonts-well/استخدم WOFF2، وقسّم الخطوط الكبيرة إلى مجموعات جزئية، وحمّل مسبقًا الخط الحرج فقط، واختر font-display بعناية، واضبط مقاييس الخط البديل لتقليل إزاحة التخطيط.الويب والأداءhttps://mohammadabuaisheh.me/ar/blog/responsive-design-checklist/https://mohammadabuaisheh.me/ar/blog/responsive-design-checklist/ابنِ بمنهج الجوال أولًا، واستخدم خطوطًا مرنة ونقاط انكسار تحددها المحتويات، وحافظ على أهداف لمس مريحة، وتجنب التمرير الأفقي، واختبر على أجهزة حقيقية.الويب والأداءhttps://mohammadabuaisheh.me/ar/blog/designing-loading-states/https://mohammadabuaisheh.me/ar/blog/designing-loading-states/اختر نمط التحميل بحسب مدة الانتظار: اعرف حدود زمن الاستجابة الثلاثة، واختر بين الهياكل الأولية والمؤشرات الدوارة وأشرطة التقدم، وأعلن التغييرات بطريقة متاحة.الويب والأداء