دليل بالعربية للطلبة2 دقائق قراءة
10 قوانين في تجربة المستخدم تصنع التجربة أو تهدمها
دليل قصير كتبته بالعربية لطلبة التصميم: لكل قانون قاعدته، وأثره، ومثال يومي، ومنتج يطبّقه.
03 // المدوّنة
المدوّنة
ملاحظات عن طريقة تفكيري: قوانين تجربة المستخدم، ومحاضرة، ومسابقات، وتمارين، وطريقة العمل.
محاضرة · 21 حزيران 20252 دقائق قراءةالمتطلبات والتوقعات في تصميم UX/UI
ملاحظات من محاضرة أعددتها وقدّمتها: لماذا تفشل المنتجات في الفجوة بين ما بُني وما توقّعه المستخدم، وكيف نسدّ هذه الفجوة.
مسابقة · أيار 2025 · المركز الثاني2 دقائق قراءةإعادة بناء موقع “مدمَّر” في سباق مع الوقت
كيف تعاملت مع تحدي مسابقة UI/UX V5 في جامعة العلوم التطبيقية، بدءًا من الورق، وما الذي أوصلني للمركز الثاني.
تمرين إعادة تصميم2 دقائق قراءةإعادة تصميم أحد أكثر المتاجر فوضى على الإنترنت
متجر Arngren مشهور بين المصممين بصفحته الرئيسية المزدحمة، فاستخدمته للتدرب على التسلسل البصري والتجميع والمساحات البيضاء على مثال حقيقي ومتطرف.
تمرين تصميم بصري2 دقائق قراءةما علّمتني إياه صحيفة قديمة عن التسلسل البصري
إعادة تصميم صفحة أولى مزدحمة للتحكم بأين تذهب العين أولًا ثم ثانيًا ثم أخيرًا، مع الحفاظ على طابعها الكلاسيكي.
تحدّي واجهات2 دقائق قراءةحجز موعد جلدية في خمس شاشات
تحدٍّ قصير في تصميم الواجهات: مسار حجز لعيادة جلدية بلغة بصرية ناعمة ومستديرة.
طريقة العمل2 دقائق قراءةكيف أستخدم الذكاء الاصطناعي في التصميم، وأين لا أستخدمه
دروس من بناء روّاء: الذكاء الاصطناعي ممتاز للسرعة والمسودات، وضعيف في تحديد ما يجب أن يكون عليه المنتج.
طريقة العمل2 دقائق قراءةلماذا ما زلت أبدأ على الورق
رسومات بالقلم من منصة Banana، ولماذا توفّر عشر دقائق على الورق ساعة في Figma.
تفكير المنتج2 دقائق قراءةلماذا يعيش روّاء داخل واتساب
لم يكن القرار الأكبر في روّاء شاشةً، بل اختيار ألّا نبني تطبيقًا للضيوف أصلًا.
البحث2 دقائق قراءةما علّمني إياه 56 طالبًا عن تطبيقات المال
أرقام الاستبيان واقتباسات صادقة من بحث Filis، وكيف تحوّل كل منها إلى قرار تصميمي.
أنظمة التصميم2 دقائق قراءةبطاقة واحدة لستة أقسام
كيف أصلحت بطاقة إعلان واحدة في سوق إعلانات مبوّبة أكثر مما يمكن أن تصلحه إعادة تصميم أي صفحة.
قائمة تدقيق2 دقائق قراءةفحص الإتاحة الذي أجريه قبل التسليم
خمسة فحوصات سريعة تكشف معظم المشكلات قبل أن يرى المطوّر الملف.
التعريب2 دقائق قراءةالتصميم للعربية ليس قلبًا للإنجليزية
ما تعلّمته عن التصميم من اليمين لليسار من تعريب الصفحة الرئيسية لـ Tesco، ومن بناء هذا الموقع بلغتين.
بحث تجربة المستخدم2 دقائق قراءةشخصيات تغيّر المنتج فعلًا
في Legacy، شكّل أربعة مشترين مختلفين أربع ميزات محددة. إليك كيف أكتب الشخصيات ليحدث ذلك.
طريقة العمل2 دقائق قراءة46 شاشة رمادية قبل أي لون
لماذا صمّمت كل شاشات روّاء بالرمادي أولًا، وما الذي تغيّر حين جاءت الألوان (تقريبًا لا شيء).
تصميم التفاعل2 دقائق قراءةتصميم شاشة أزمة لا تحتاج إعادة تعلّم
كيف يغيّر وضع الطوارئ في Filis ما هو مهم دون أن يغيّر أماكن العناصر.
كتابة تجربة المستخدم2 دقائق قراءةنصوص صغيرة تساعد ولا تحكم
جمل حقيقية من Filis، والقواعد خلفها: رقم، وإجراء، وبلا لوم.
بحث تجربة المستخدم2 دقائق قراءةتحليل منافسين يقود إلى نتيجة
ثلاثة تحليلات منافسين من مشاريعي، والجملة الواحدة التي كان على كل تحليل أن يخرج بها.
بحث تجربة المستخدم2 دقائق قراءةكيف أكتب خطة اختبار استخدام
المهام والمقاييس والمعايير من خطة صحّتي، ولماذا أكون صريحًا بشأن ما لم أختبره بعد.
الأجهزة القابلة للارتداء2 دقائق قراءةالتصميم لنظرة مدتها ثانيتان
دروس من تطبيق ساعة لتتبع الرحلات: قرار واحد لكل شاشة، وتباين عالٍ، وأولويات بلا تهاون.
أنظمة التصميم2 دقائق قراءةمتغيرات لا رموز ألوان
كيف يعمل Filis على 201 متغيرًا في Figma ضمن خمس مجموعات، ولماذا يصف كل اسم وظيفة لا لونًا.
أنظمة التصميم2 دقائق قراءةالوضع الداكن بنقرة واحدة
ألوان Banana مبنية بوضعي النهار والليل، فتتغير المنصة كاملة دون إعادة رسم أي شاشة.
النماذج التفاعلية2 دقائق قراءةنموذج تفاعلي بلا طرق مسدودة
نموذج روّاء يربط 62 شاشة على سطح المكتب والجوال. والقاعدة التي اتبعتها: لكل شاشة طريق للأمام أو طريق للعودة.
بحث تجربة المستخدم2 دقائق قراءةالمسارات قبل الشاشات
في صحتي رسم فريقنا خمسة مسارات للمستخدم بكل نقاط القرار. وقائمة الانتظار موجودة بسبب نقطة قرار واحدة.
