البورتفوليو ليس معرض Mockups؛ هو دليل على طريقة تفكيرك ودورك والنتيجة التي صنعتها. هنا نبني قصة مشروع واضحة من المشكلة إلى القرار والنتيجة.
1. مقدمة المشروع
اكتب من هو العميل وما القطاع وما نوع المشروع ودورك والمدة في فقرة قصيرة. امنح القارئ خريطة قبل التفاصيل.
خلّينا نحوّل الفكرة لموقف عملي بدل ما تفضل كلامًا نظريًا. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «مقدمة المشروع»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. اعرض النتيجة بالحجم الحقيقي لمدة خمس ثوانٍ، وبعدها اكتب أول معلومة وصلت لك من غير تجميل للإجابة.
2. المشكلة والهدف
اشرح الوضع الذي بدأ منه المشروع وما الذي كان مطلوبًا تغييره. استخدم هدفًا محددًا بدل جمل مثل تطوير الشكل.
النقطة دي تحديدًا هي اللي بتفرق بين ملف مرتب وقرار تصميم محسوب. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «المشكلة والهدف»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. ارجع للهدف المكتوب في البريف، ولو القرار لا يخدمه أو لا يزيل عائقًا واضحًا فوجوده يحتاج مراجعة.
3. الجمهور والسوق
عرّف من تتحدث إليه وما الذي يتوقعه وما الذي يفعله المنافسون. اختر معلومات أثرت فعليًا على القرار.
جرّب تبص للمسألة من زاوية المستخدم اللي مش شايف البريف ولا يعرف كواليس المشروع. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «الجمهور والسوق»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. اطلب من شخص من الجمهور المتوقع أن يشرح ما فهمه؛ تفسيره أهم من شرحك أنت للتصميم.
4. التحديات والقيود
الوقت والميزانية والمحتوى القديم ومتطلبات المنصة ليست أعذارًا؛ هي حدود تبرز قدرتك على اتخاذ تنازلات ذكية.
في الشغل الحقيقي، القرار ده بيبان وقت ما تكون قدام أكثر من حل وكل حل شكله مقنع. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «التحديات والقيود»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. اعمل نسختين، غيّر عاملًا واحدًا فقط، ثم قارن أي نسخة توصل الرسالة أسرع ولماذا.
5. المراجع والاتجاه
اعرض Moodboard مختصرًا واشرح الصفات المستخرجة منه. لا تملأ الصفحة بصور Pinterest بلا تعليق.
خلّينا نحوّل الفكرة لموقف عملي بدل ما تفضل كلامًا نظريًا. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «المراجع والاتجاه»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. اعرض النتيجة بالحجم الحقيقي لمدة خمس ثوانٍ، وبعدها اكتب أول معلومة وصلت لك من غير تجميل للإجابة.
6. مراحل التطوير
اعرض Sketches ونسخًا مختارة ونقاط التحول، وليس كل محاولة. اشرح ما تعلمته ولماذا استبعدت اتجاهًا.
النقطة دي تحديدًا هي اللي بتفرق بين ملف مرتب وقرار تصميم محسوب. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «مراحل التطوير»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. ارجع للهدف المكتوب في البريف، ولو القرار لا يخدمه أو لا يزيل عائقًا واضحًا فوجوده يحتاج مراجعة.
7. اختيار الحل النهائي
اربط اللون والخط والتكوين والصورة بالهدف والجمهور. جملة السبب بجانب الصورة تكشف تفكيرك أكثر من Mockup صامت.
جرّب تبص للمسألة من زاوية المستخدم اللي مش شايف البريف ولا يعرف كواليس المشروع. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «اختيار الحل النهائي»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. اطلب من شخص من الجمهور المتوقع أن يشرح ما فهمه؛ تفسيره أهم من شرحك أنت للتصميم.
8. التطبيقات الواقعية
اعرض حالات تمثل الاستخدام الحقيقي وبأحجام متنوعة. وازن بين المشهد الجذاب والنسخة المسطحة المقروءة.
في الشغل الحقيقي، القرار ده بيبان وقت ما تكون قدام أكثر من حل وكل حل شكله مقنع. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «التطبيقات الواقعية»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. اعمل نسختين، غيّر عاملًا واحدًا فقط، ثم قارن أي نسخة توصل الرسالة أسرع ولماذا.
9. النتائج والتعلم
استخدم أرقامًا إن توفرت، أو ملاحظات العميل وتغير الكفاءة والاتساق. اختم بما تعلمته وما كنت ستطوره لاحقًا.
خلّينا نحوّل الفكرة لموقف عملي بدل ما تفضل كلامًا نظريًا. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «النتائج والتعلم»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. اعرض النتيجة بالحجم الحقيقي لمدة خمس ثوانٍ، وبعدها اكتب أول معلومة وصلت لك من غير تجميل للإجابة.
10. ما الذي لا تضعه؟
احذف التكرار والـMockups التي لا تضيف معلومة والبحث السطحي والملفات السرية. الجودة في التحرير لا في طول الصفحة وحده.
النقطة دي تحديدًا هي اللي بتفرق بين ملف مرتب وقرار تصميم محسوب. عند عرض مشروع، اجعل القارئ يفهم لماذا كان العمل ضروريًا قبل أن تطلب منه الإعجاب بشكله النهائي. عند مراجعة «ما الذي لا تضعه؟»، ما تكتفيش بالسؤال هل شكلها حلو؛ اسأل ماذا تغيّر في فهم المشاهد أو سلوكه بسببها. ارجع للهدف المكتوب في البريف، ولو القرار لا يخدمه أو لا يزيل عائقًا واضحًا فوجوده يحتاج مراجعة.
قائمة مراجعة عملية
قبل ما تعتبر الشغل خلص، اقفل الملف لدقائق وارجع راجعه كأنك أول مرة تشوفه. القائمة دي تمنع تفاصيل صغيرة من إنها تقلل قيمة قرار كبير:
- الدور والمدة واضحان
- المشكلة مكتوبة قبل الحل
- كل صورة لها وظيفة
- القرارات مرتبطة بالهدف
- النتيجة والتعلم مذكوران بصدق
الخلاصة
الـCase Study القوية تجعل المشاهد يرى عقلك، لا برنامجك فقط. احكِ قصة مختصرة لكنها كاملة: سياق، مشكلة، بحث، قرارات، تطبيق ونتيجة، ثم احذف كل ما لا يخدم هذه القصة.
أفضل طريقة للاستفادة من الكلام ده إنك تختار مشروعًا قديمًا وتعيد تقييمه خطوة بخطوة. مش مطلوب تغيّر كل حاجة؛ المطلوب تعرف لماذا أبقيت قرارًا ولماذا عدّلت قرارًا آخر. هنا يبدأ الفرق بين تنفيذ شكله جيد وبين تصميم له منطق ويمكن الدفاع عنه وتطويره.
مراجع ومصادر للتوسع
- W3C — Web Content Accessibility Guidelines 2.2
- Nielsen Norman Group — UX Research Articles
- AIGA — Resources for Designers
الرسوم التوضيحية أُعدّت خصيصًا للمقال بصيغة SVG خفيفة لتحافظ على سرعة الصفحة.