EduFlow

الوحدة 4 · من الـ Prototype إلى التسليم

النقد التصميمي ودراسة الحالة الخاصة بك

12 دقراءة 4 داختر بحكمة

الدرس في لمحة

أدِر جلسة نقد تصميمي وشارك فيها بطريقة تحسّن العمل وفق أهدافه، ثم حوّل Steady إلى دراسة حالة لملف أعمالك تُظهر قراراتك وأسبابها والمفاضلات التي أجريتها.

  1. 1ما الغاية من النقد التصميمي
  2. 2تقديم ملاحظات تساعد فعلًا
  3. 3تلقّي الملاحظات
  4. 4دراسة الحالة

لا فيديو هنا، بل الشيء الحقيقي: درس مكتوب وأمثلة قابلة للتشغيل واختبار وتدريب.

صُمّم Steady، وتحوّل إلى نظام، وصُنع له prototype، وفُحص، وسُلّم. مهارتان تحوّلان هذا العمل إلى عمل أفضل وإلى وظيفة: إدارة جلسة نقد يستطيع فيها الناس تحسين التصميم، ورواية قصة التصميم في دراسة حالة. وكلتاهما ترجعان إلى العادة التي دفع إليها هذا الكورس منذ الدرس 1.1: تقديم الـ لأنّ.

ما الغاية من النقد التصميمي

النقد التصميمي (design critique) حوار منظّم حول ما إذا كان التصميم يحقّق أهدافه. ليس تصويتًا على ما إذا كان يعجب الناس، وليس موافقة رسمية. تدير صوفيا كل جلسة نقد بالطريقة نفسها، في نحو ثلاثين دقيقة:

  1. السياق (3 دقائق). يذكر المقدِّم الهدف («أن يعلّم المستخدم عادته في ثوانٍ قليلة»)، والمرحلة («الهيكل مستقرّ؛ والتنسيق في بدايته»)، والملاحظات التي يريدها («هل تستحقّ كتلة التقدّم مساحتها؟»).
  2. المراجعة الصامتة (5 دقائق). ينظر الجميع إلى التصميم أو يتنقّلون في الـ prototype ويكتبون ملاحظاتهم. الصمت يمنع الشخص الأعلى صوتًا من فرض جدول الأعمال.
  3. جولة الملاحظات (15 دقيقة). يشارك كل شخص أهم نقاطه، مرتبطة بالهدف. ويضبط الميسّر الوقت ويبعد النقاش عن محاولة حلّ كل شيء في أثناء الجلسة.
  4. الختام (5 دقائق). يلخّص المقدِّم ما سمعه وما سيبحث فيه. القرارات تُتّخذ بعد الجلسة، لا داخلها.

تقديم ملاحظات تساعد فعلًا

الملاحظة المفيدة لها ثلاثة أجزاء: ما لاحظته، وأثره المرجّح على المستخدم أو الهدف، وسؤال أو اقتراح. قارن:

غير مفيدة مفيدة
«لا يعجبني التركوازي.» «التركوازي موجود على أزرار التعليم وعلى أيقونة الترويسة، فحاولت النقر على الأيقونة. هل يمكن حجز اللون المميّز للإجراءات؟»
«تبدو مزدحمة.» «أعدّ خمس حوافّ يسرى في Habit detail، فتقفز عيني من مكان لآخر. هل يمكن محاذاة الإحصاءات مع التقويم؟»
«استخدم شريط تبويبات سفليًا مثل Instagram.» «لم أجد Stats من شاشة Habit detail. هل يساعد شريط تبويبات دائم، أم يكفي زر Back؟»

النسخ المفيدة تدور حول المستخدم لا حول ذوق الناقد، وتترك للمصمّم مساحة لإيجاد أفضل إصلاح. والصياغة على شكل سؤال تعترف أيضًا بأنك قد تفتقد إلى بعض السياق.

تلقّي الملاحظات

حين يكون عملك على الشاشة، مهمّتك أن تفهم لا أن تنتصر. اطرح أسئلة توضيحية («ماذا توقّعت أن يحدث حين نقرت على Custom؟»)، ودوّن كل شيء، وقل شكرًا. لا تشرح لماذا كل نقطة خاطئة؛ فإن كان تفكيرك سليمًا، فسيصمد أمام الملاحظات التي تراجعها لاحقًا. بعد الجلسة، صنّف الملاحظات إلى: سأعمل بها، وسأبحث فيها، وسأرفضها، وارفض بسبب تستطيع قوله بصوت عالٍ.

دراسة الحالة

دراسة الحالة (case study) في ملف الأعمال هي الطريقة التي يقرّر بها مدير التوظيف هل تفكّر كمصمّم. سيقضي عليها بضع دقائق، لذا يجب أن تحمله البنية بسرعة إلى التفكير.

ست كتل متراصّة من الأعلى إلى الأسفل: ملخّص في دقيقة، والمشكلة والقيود، والقرارات الأساسية بنسختي قبل وبعد، والنظام، والاختبار وما تغيّر، والتأمّل. كتلة القرارات هي الأكبر. ملخّص في دقيقة واحدة المشكلة والدور والقيود القرارات الأساسية: قبل، بعد، لأنّ التسلسل البصري، نظام المسافات، الوضع الداكن، زر التعليم النظام: المجموعة والـ variables والـ modes الاختبار التأمّل
بنية لدراسة الحالة تضع القرارات أولًا

في Steady، يعني ذلك:

  • الملخّص: فقرة واحدة وصورة رئيسية واحدة: «متتبّع عادات صُمّم بحيث يستغرق تعليم العادة أقل من ثلاث ثوانٍ؛ ويضمّ مجموعة components بثيمات ومسار تسجيل عادة مختبَرًا.»
  • المشكلة والقيود: لمن هو، وما الذي يجب أن تفعله شاشة Today، ودورك («مشروع تدريبي فردي، صُمّم في Figma على مدى ستة أسابيع»).
  • القرارات الأساسية: ثلاثة أو أربعة، لكلٍّ منها صورتا قبل وبعد والسبب. المسودة الأولى مقابل المسودة الثانية لشاشة Today من الدرس 1.2 مادة مثالية، وكذلك اللون المميّز في الوضع الداكن الذي اضطررت إلى تغييره لأن teal/700 فشل على السطح الداكن.
  • النظام: صفحة المجموعة، والـ variables الدلالية في الوضعين الفاتح والداكن، وخصائص component واحد، لتُظهر أنك تستطيع التصميم من أجل إعادة الاستخدام.
  • الاختبار: ما الذي اختبرته، ومع من، وما الذي تغيّر نتيجة لذلك. خمسة أصدقاء يستخدمون الـ prototype يُحتسبون إن قلت ذلك بوضوح.
  • التأمّل: ما الذي ستفعله بشكل مختلف، وما الذي ستختبره تاليًا.

بدأت هذا الكورس بالسؤال عمّا يحتاجه من يفتح Steady في الثواني الخمس القادمة. استمرّ في طرح هذا السؤال، واستمرّ في تقديم الـ لأنّ، وستصبح كل شاشة تصمّمها أسهل في النقد والبناء والشرح.

أهم النقاط

  • النقد التصميمي يحكم على العمل وفق أهدافه لا وفق الذوق الشخصي، والمقدِّم يحدّد الهدف والمرحلة ونوع الملاحظات المطلوبة.
  • الملاحظة المفيدة تسمّي ما لاحظته، وأثره المرجّح على المستخدم، وسؤالًا أو اقتراحًا.
  • حين تتلقّى الملاحظات، اسأل ودوّن بدل أن تدافع؛ وتقرّر لاحقًا ما ستعمل به.
  • دراسة الحالة تروي قصة القرارات (المشكلة، والقيود، والخيارات، والاختيار وسببه)، لا معرضًا للشاشات النهائية.
  • كن صادقًا بشأن النطاق والأدلّة؛ مشروع تدريبي بتفكير واضح يتفوّق على أرقام مختلقة.

قراءات إضافية

تحقّق من فهمك

3 أسئلة

السؤال 1 من 3

أيّ تعليق نقدي على شاشة Today في Steady هو الأكثر فائدة؟

السؤال 2 من 3

تعرض لوحة New habit فيقول زميل إن شرائح التكرار مربكة. ما أفضل ردّ في تلك اللحظة؟

السؤال 3 من 3

دراسة الحالة الخاصة بـ Steady فيها اثنتا عشرة لقطة شاشة مصقولة وفقرة تمهيدية. ما الذي يحسّنها أكثر من غيره في نظر مدير التوظيف؟

تدريب

اختر بحكمة

اختر الملاحظات التي تستحقّ أن تُقال

في جلسة النقد التصميمي لـ Steady، يعرض المقدِّم شاشة Habit detail ويقول: «الهدف: أن يرى الشخص بنظرة واحدة مدى انتظامه. أريد ملاحظات على التقويم وعلى التسلسل البصري عمومًا.»

:::figure شاشة Habit detail، النسخة 2

شاشة Habit detail: سهم رجوع والعنوان Read 20 pages، ورقم streak كبير هو 12 يومًا، وشبكة تقويم لمرّات التسجيل السابقة فيها الأيام المنجزة معبّأة والأيام الفائتة بالشكل نفسه لكن بدرجة لون مختلفة، وبطاقتا إحصاءات، وزر Edit habit في الأسفل. ‹ Read 20 pages 12 day streak Best: 30 Rate: 86% Edit habit :::

اختر كل تعليق يُعدّ نقدًا مفيدًا لهذا الهدف.

اختر الملاحظات التي تستحقّ أن تُقال