صُمّم Steady، وتحوّل إلى نظام، وصُنع له prototype، وفُحص، وسُلّم. مهارتان تحوّلان هذا العمل إلى عمل أفضل وإلى وظيفة: إدارة جلسة نقد يستطيع فيها الناس تحسين التصميم، ورواية قصة التصميم في دراسة حالة. وكلتاهما ترجعان إلى العادة التي دفع إليها هذا الكورس منذ الدرس 1.1: تقديم الـ لأنّ.
\nالنقد التصميمي (design critique) حوار منظّم حول ما إذا كان التصميم يحقّق أهدافه. ليس تصويتًا على ما إذا كان يعجب الناس، وليس موافقة رسمية. تدير صوفيا كل جلسة نقد بالطريقة نفسها، في نحو ثلاثين دقيقة:
\nالملاحظة المفيدة لها ثلاثة أجزاء: ما لاحظته، وأثره المرجّح على المستخدم أو الهدف، وسؤال أو اقتراح. قارن:
\n| غير مفيدة | \nمفيدة | \n
|---|---|
| «لا يعجبني التركوازي.» | \n«التركوازي موجود على أزرار التعليم وعلى أيقونة الترويسة، فحاولت النقر على الأيقونة. هل يمكن حجز اللون المميّز للإجراءات؟» | \n
| «تبدو مزدحمة.» | \n«أعدّ خمس حوافّ يسرى في Habit detail، فتقفز عيني من مكان لآخر. هل يمكن محاذاة الإحصاءات مع التقويم؟» | \n
| «استخدم شريط تبويبات سفليًا مثل Instagram.» | \n«لم أجد Stats من شاشة Habit detail. هل يساعد شريط تبويبات دائم، أم يكفي زر Back؟» | \n
النسخ المفيدة تدور حول المستخدم لا حول ذوق الناقد، وتترك للمصمّم مساحة لإيجاد أفضل إصلاح. والصياغة على شكل سؤال تعترف أيضًا بأنك قد تفتقد إلى بعض السياق.
\nحين يكون عملك على الشاشة، مهمّتك أن تفهم لا أن تنتصر. اطرح أسئلة توضيحية («ماذا توقّعت أن يحدث حين نقرت على Custom؟»)، ودوّن كل شيء، وقل شكرًا. لا تشرح لماذا كل نقطة خاطئة؛ فإن كان تفكيرك سليمًا، فسيصمد أمام الملاحظات التي تراجعها لاحقًا. بعد الجلسة، صنّف الملاحظات إلى: سأعمل بها، وسأبحث فيها، وسأرفضها، وارفض بسبب تستطيع قوله بصوت عالٍ.
\n\nدراسة الحالة (case study) في ملف الأعمال هي الطريقة التي يقرّر بها مدير التوظيف هل تفكّر كمصمّم. سيقضي عليها بضع دقائق، لذا يجب أن تحمله البنية بسرعة إلى التفكير.
\nفي Steady، يعني ذلك:
\nبدأت هذا الكورس بالسؤال عمّا يحتاجه من يفتح Steady في الثواني الخمس القادمة. استمرّ في طرح هذا السؤال، واستمرّ في تقديم الـ لأنّ، وستصبح كل شاشة تصمّمها أسهل في النقد والبناء والشرح.
\n","toc":[{"id":"sec-1","text":"ما الغاية من النقد التصميمي","level":2},{"id":"sec-2","text":"تقديم ملاحظات تساعد فعلًا","level":2},{"id":"sec-3","text":"تلقّي الملاحظات","level":2},{"id":"sec-4","text":"دراسة الحالة","level":2}],"takeaways":["النقد التصميمي يحكم على العمل وفق أهدافه لا وفق الذوق الشخصي، والمقدِّم يحدّد الهدف والمرحلة ونوع الملاحظات المطلوبة.","الملاحظة المفيدة تسمّي ما لاحظته، وأثره المرجّح على المستخدم، وسؤالًا أو اقتراحًا.","حين تتلقّى الملاحظات، اسأل ودوّن بدل أن تدافع؛ وتقرّر لاحقًا ما ستعمل به.","دراسة الحالة تروي قصة القرارات (المشكلة، والقيود، والخيارات، والاختيار وسببه)، لا معرضًا للشاشات النهائية.","كن صادقًا بشأن النطاق والأدلّة؛ مشروع تدريبي بتفكير واضح يتفوّق على أرقام مختلقة."],"further":[{"title":"Design Critiques (Nielsen Norman Group)","url":"https://www.nngroup.com/articles/design-critiques/"}],"quiz":[{"q":"أيّ تعليق نقدي على شاشة Today في Steady هو الأكثر فائدة؟
","options":[{"text":"لا يعجبني التركوازي كثيرًا؛ هل نجرّب البنفسجي؟","why":"هذا تفضيل لا صلة له بالهدف. يفتح نقاشًا حول الذوق بدل التحسين."},{"text":"يبدو رائعًا، أطلِقه.","why":"مشجّع، لكنه لا يعطي المصمّم شيئًا يعمل عليه ويتجاوز الغاية من النقد."},{"text":"أعداد الـ streak بوزن أسماء العادات نفسه، فقرأت الـ streaks أولًا؛ هل يمكن أن تنزل إلى Caption؟","why":"صحيح. يسمّي ملاحظة، وأثرها على القراءة، وسؤالًا محدّدًا مرتبطًا بهدف التسلسل البصري."},{"text":"تطبيقات عادات أخرى تستخدم عرض تقويم في هذه الشاشة.","why":"أنماط المنافسين قد تفيد، لكن دون ذكر المشكلة التي سيحلّها التقويم، لا يمكن العمل بهذا التعليق."}],"answer":2},{"q":"تعرض لوحة New habit فيقول زميل إن شرائح التكرار مربكة. ما أفضل ردّ في تلك اللحظة؟
","options":[{"text":"تشرح البحث وراء الشرائح حتى يوافق.","why":"الدفاع يغلق باب الملاحظات. وتخسر فرصة معرفة ما الذي أربكه."},{"text":"تسأله ماذا توقّع أن يحدث حين قرأ “Custom”، وتدوّن الإجابة.","why":"صحيح. السؤال التوضيحي يحوّل ردّ فعل مبهمًا إلى شيء محدّد يمكنك تقييمه لاحقًا."},{"text":"تغيّر الشرائح إلى قائمة منسدلة في الحال.","why":"إعادة التصميم المباشرة تتخطّى التفكير. اجمع الملاحظات أولًا وقرّر بعد ذلك."},{"text":"تشكره وتنتقل دون أن تكتب شيئًا.","why":"اللباقة جيدة، لكن الملاحظات غير المدوّنة تُنسى عادةً بحلول اليوم التالي."}],"answer":1},{"q":"دراسة الحالة الخاصة بـ Steady فيها اثنتا عشرة لقطة شاشة مصقولة وفقرة تمهيدية. ما الذي يحسّنها أكثر من غيره في نظر مدير التوظيف؟
","options":[{"text":"إضافة نسختين قبل وبعد للقرارات الأساسية، مع سبب التغيير لكلٍّ منها.","why":"صحيح. مديرو التوظيف يبحثون عن طريقة تفكيرك. القرارات والأسباب الظاهرة تُظهر ذلك أفضل من الصقل."},{"text":"إضافة المزيد من لقطات الشاشة ليبدو المشروع أكبر.","why":"الكثرة تخفي التفكير. معظم المراجعين يتصفّحون سريعًا، فالصور الأقل والمشروحة أنجح."},{"text":"إضافة مقاييس مستخدمين مثل «ارتفاع التفاعل (engagement) بنسبة 40%».","why":"Steady مشروع تدريبي بلا مستخدمين حقيقيين. الأرقام المختلقة تهدم الثقة في اللحظة التي يسأل فيها أحدهم عنها."},{"text":"حذف كل النص لتتحدّث الصور عن نفسها.","why":"الصور تُظهر ما صنعته، لا لماذا. والتفكير هو ما يميّز المصمّم."}],"answer":0}],"exercise":{"kind":"choice","multiple":true,"options":["color-only-calendar","edges-stats","edit-weight","like-purple","competitor","looks-good"],"correct":["color-only-calendar","edges-stats","edit-weight"],"title":"اختر الملاحظات التي تستحقّ أن تُقال","prompt":"في جلسة النقد التصميمي لـ Steady، يعرض المقدِّم شاشة Habit detail ويقول: «الهدف: أن يرى الشخص بنظرة واحدة مدى انتظامه. أريد ملاحظات على التقويم وعلى التسلسل البصري عمومًا.»
\n:::figure شاشة Habit detail، النسخة 2\n
\nاختر كل تعليق يُعدّ نقدًا مفيدًا لهذا الهدف.
\n","hints":["النقد المفيد فيه ملاحظة، وأثر على المستخدم أو الهدف، وسؤال أو اقتراح.","افحص كل تعليق مقابل الهدف الذي ذكره المقدِّم والملاحظات التي طلبها.","ثلاثة تعليقات تربط ملاحظة محدّدة بالهدف. وثلاثة هي ذوق، أو نمط بلا سبب، أو مديح بلا مضمون."],"explanation":"كل تعليق مفيد يقرن ملاحظة بـ أثر وسؤال. الأيام الفائتة لا تختلف عن المنجزة إلا بدرجة اللون، وهذا يخذل من لديهم قصور في رؤية الألوان ويُضعف هدف «النظرة الواحدة» (الدرس 4.2). وبطاقتا الإحصاءات مختلفتا العرض ولا تصطفّان مع التقويم، فتضيفان حوافّ على العين أن تعالجها (الدرس 1.2). وزر Edit habit الأساسي بعرض كامل يحمل أقوى لون مميّز في الشاشة، فينافس الـ streak والتقويم من أجل إجراء نادر. أما «أفضّل البنفسجي» فذوق، و«تطبيق آخر فيه رسم بياني» يسمّي نمطًا دون مشكلة، و«يبدو جيدًا» لا يعطي المصمّم شيئًا يعمل عليه.
\n","checkLabels":{},"optionText":{"color-only-calendar":{"text":"الأيام الفائتة لا تختلف عن المنجزة إلا بدرجة اللون، فلم أستطع التمييز بينها بنظرة واحدة. هل يمكن أن تحصل الأيام الفائتة على x أو إطار؟","why":"صحيح. ملاحظة محدّدة، وأثر واضح على الهدف المعلن، واقتراح يصلح أيضًا مشكلة الاعتماد على اللون وحده."},"edges-stats":{"text":"بطاقتا الإحصاءات مختلفتا العرض ولا تصطفّان مع حوافّ التقويم، فتقفز عيني. هل يمكن أن تمتدّ كلٌّ منهما على عمودين؟","why":"صحيح. يربط المحاذاة بطريقة قراءة الشاشة ويقترح إصلاحًا يستطيع المصمّم تقييمه."},"edit-weight":{"text":"زر Edit habit أقوى عنصر في الشاشة، لكن التعديل نادر هنا. هل يتيح زر secondary أو ghost للـ streak أن يتصدّر؟","why":"صحيح. يسائل التسلسل البصري مقابل هدف رؤية الانتظام أولًا."},"like-purple":{"text":"أنا شخصيًا أفضّل البنفسجي لمربّعات التقويم.","why":"تفضيل بلا صلة بالهدف. يبدأ نقاشًا حول الذوق بدل أن يحسّن التصميم."},"competitor":{"text":"تطبيق عادات آخر يعرض رسمًا بيانيًا خطيًا هنا بدلًا من ذلك.","why":"يسمّي نمطًا لكن لا يذكر المشكلة التي سيحلّها لهذا الهدف، فلا يستطيع المصمّم الحكم عليه."},"looks-good":{"text":"يبدو مرتّبًا جدًا. عمل رائع.","why":"لطيف، لكن النقد غايته تحسين العمل. المديح أنفع حين يقول ما الذي ينجح ولماذا."}}},"words":646,"readMinutes":4}