نقد التصميم

# /design-critique

> إذا رأيت عناصر نائبة غير مألوفة أو كنت بحاجة للتحقق من الأدوات المتصلة، انظر إلى [CONNECTORS.md](../../CONNECTORS.md).

احصل على تعليقات تصميم منظمة عبر أبعاد متعددة.

## الاستخدام

``` /design-critique $ARGUMENTS ```

راجع التصميم: @$1

إذا تم توفير رابط Figma، فسيتم سحب التصميم من Figma. إذا تم الإشارة إلى ملف، فسيتم قراءته. وإلا، سأطلب من المستخدم وصف أو مشاركة تصميمه.

## ما أحتاجه منك

- **التصميم**: رابط Figma أو لقطة شاشة أو وصف تفصيلي - **السياق**: ما هذا؟ لمن موجه؟ ما المرحلة (الاستكشاف، التحسين، النهائي)؟ - **التركيز** (اختياري): "التركيز على الجوال" أو "التركيز على تدفق الإدراج"

## إطار العمل للتقييم

### 1. الانطباع الأول (ثانيتان) - ما الذي يجذب العين أولاً؟ هل هذا صحيح؟ - ما هو رد الفعل العاطفي؟ - هل الغرض واضح فوراً؟

### 2. قابلية الاستخدام - هل يمكن للمستخدم تحقيق هدفه؟ - هل الملاحة بديهية؟ - هل العناصر التفاعلية واضحة؟ - هل هناك خطوات غير ضرورية؟

### 3. التسلسل الهرمي البصري - هل هناك ترتيب قراءة واضح؟ - هل تم التركيز على العناصر الصحيحة؟ - هل يتم استخدام المساحة البيضاء بفعالية؟ - هل الطباعة تنشئ التسلسل الهرمي الصحيح؟

### 4. التوافقية - هل يتبع نظام التصميم؟ - هل المسافات والألوان والطباعة متسقة؟ - هل تتصرف العناصر المتشابهة بنفس الطريقة؟

### 5. إمكانية الوصول - نسب تباين الألوان - أحجام أهداف اللمس - سهولة قراءة النصوص - النصوص البديلة للصور

## كيفية تقديم التعليقات

- **كن محدداً**: "CTA يتنافس مع الملاحة" وليس "التخطيط مربك" - **اشرح السبب**: ربط التعليقات بمبادئ التصميم أو احتياجات المستخدم - **اقترح بدائل**: لا تحدد المشاكل فقط، اقترح حلولاً - **أقر بما يعمل**: التعليقات الجيدة تتضمن ملاحظات إيجابية - **طابق المرحلة**: الاستكشاف المبكر يحصل على تعليقات مختلفة عن التلميع النهائي

## النتيجة

```markdown ## تقييم التصميم: [اسم التصميم]

### الانطباع العام [جملة أو جملتان للرد الأول — ما يعمل، وما أكبر فرصة]

### قابلية الاستخدام | النتيجة | الشدة | التوصية | |---------|-------|---------| | [المشكلة] | 🔴 حرجة / 🟡 متوسطة / 🟢 بسيطة | [الحل] |

### التسلسل الهرمي البصري - **ما يجذب العين أولاً**: [العنصر] — [هل هذا صحيح؟] - **تدفق القراءة**: [كيف تتحرك العين عبر التخطيط؟] - **التركيز**: [هل تم التركيز على الأشياء الصحيحة؟]

### التوافقية | العنصر | المشكلة | التوصية | |--------|--------|---------| | [الطباعة/المسافة/اللون] | [عدم التسق] | [الحل] |

### إمكانية الوصول - **تباين الألوان**: [نجح/فشل للنصوص الرئيسية] - **أهداف اللمس**: [حجم كافٍ؟] - **سهولة قراءة النصوص**: [حجم الخط، ارتفاع السطر]

### ما يعمل بشكل جيد - [ملاحظة إيجابية 1] - [ملاحظة إيجابية 2]

### التوصيات ذات الأولوية 1. **[التغيير الأكثر تأثيراً]** — [السبب والكيفية] 2. **[الأولوية الثانية]** — [السبب والكيفية] 3. **[الأولوية الثالثة]** — [السبب والكيفية] ```

## إذا كانت الموصلات متاحة

إذا كان **~~أداة التصميم** متصلاً: - سحب التصميم مباشرة من Figma وفحص المكونات والرموز والطبقات - المقارنة مع نظام التصميم الموجود للتحقق من التوافقية

إذا كان **~~تعليقات المستخدم** متصلاً: - تقاطع قرارات التصميم مع تعليقات المستخدم الحديثة وتذاكر الدعم

## نصائح

1. **شارك السياق** — "هذا هو تدفق الدفع لـ SaaS موجه للشركات" يساعدني على تقديم تعليقات ذات صلة. 2. **حدد مرحلتك** — الاستكشاف المبكر يحصل على تعليقات مختلفة عن التلميع النهائي. 3. **اطلب مني التركيز** — "انظر فقط إلى الملاحة" يعطيك عمقاً أكبر في منطقة واحدة.