في اجتماع لمجلس إدارة متجر ملابس في الرياض، طُرح بند «تصميم حملة نهاية الموسم». قال المدير المالي جملة يسمعها كل مصمم: «هذا بند تجميلي، أجّلوه». في الأسبوع التالي طُبعت اللافتات كما هي: اثنا عشر عنصرًا على اللوح الواحد — اسم الحملة، النسبة، الفروع، الأصناف، ساعات العمل، الدفع، الاستبدال، الموقف، حسابات التواصل — كلها بحجم متقارب لأن «كلها مهمة». وُضعت اللافتة على واجهة المتجر في ممر مزدحم يمرّ فيه الزبون في أقل من ثانيتين.
لم يشتكِ أحد من اللافتة. لم يعلّق عليها أحد أصلًا. وهذه هي المشكلة: فشل التصميم نادرًا ما يكون صاخبًا، وغالبًا ما يكون صمتًا — لا اتصال، لا سؤال، لا زيارة. ولهذا السبب يُصنَّف التصميم بندًا تجميليًا: لأن خسائره غير مرئية في أي تقرير. السؤال الذي يحلّه هذا الدرس ليس «هل التصميم جميل؟» بل: ما الذي يخسره فعلًا من يتجاهله، وكيف تشرح تلك الخسارة لمن لا يرى فيه إلا ذوقًا شخصيًا؟
الجواب يبدأ من ملاحظة بسيطة: المعلومات لا تُفهم بترتيب وصولها، بل بترتيب بروزها. حين تتساوى اثنا عشر عنصرًا في اللوح، يضطر الناظر أن يقرأها جميعًا ليقرر أيها يعنيه — وهو لا يملك الوقت لذلك، فيمضي. التصميم هنا ليس زينة تُضاف فوق المحتوى، بل هو القرار بترتيب المحتوى في مراتب. جرّب بنفسك في اللوح التالي.
هذه هي عناصر لافتة متجر الرياض نفسها، مبعثرة بلا مراتب. اضغط «طبّق الخطوة التالية» أربع مرات؛ في كل خطوة تنتقل مجموعة إلى مرتبتها وتُكشف القاعدة التي حرّكتها.
الخطوة الأولى — اختر رسالة واحدة
عنصر واحد فقط يحقّ له أن يُقرأ من بعيد. اخترناه «تخفيضات نهاية الموسم» لأنه السبب الوحيد الذي يوقف المارّ. كل ما عداه ينتظر من اقترب.
الخطوة الثانية — أضف ما يجيب «ولماذا أهتم؟»
مرتبة ثانية أصغر تحمل الوعد والمكان: النسبة والفرع. هذان يقرآن بعد أن يكون الناظر قد التفت، لا قبله.
الخطوة الثالثة — اجمع المتشابه في صفّ واحد
الأصناف الأربعة متساوية في الأهمية فعلًا، فوُضعت في مستوى واحد بحجم واحد. المساواة البصرية هنا صحيحة لأنها تعكس مساواة حقيقية في المعنى.
الخطوة الرابعة — اخفض الحواشي ولا تحذفها
ساعات العمل والدفع والاستبدال معلومات يحتاجها من قرّر الدخول، لا من يمرّ. تصغيرها ليس تقليلًا من شأنها بل وضعها في اللحظة التي تُطلب فيها.
ما تجرّبه هنا: العناصر نفسها لم تُحذف ولم تُستبدل — تغيّر حجمها وموضعها فقط. هذا هو «التسلسل البصري»: قرار بترتيب مراتب القراءة قبل أن يقرأ أحد.
التصميم كحل لمشكلة التواصل
تخيل أنك تحاول أن تشرح فكرة معقدة لشخص لا يتكلم لغتك. هذا بالضبط ما يواجهه كل من يحاول التواصل في عالمنا اليوم. التصميم الجرافيكي هو اللغة العالمية التي تتخطى حواجز اللغة والثقافة والتعليم.
تنتشر في مواد التصميم أرقام لامعة عن سرعة معالجة الصور مقابل النص، تُتداول بلا مصدر يمكن التحقق منه. لن نبني عليها هنا. ما يمكنك ملاحظته بنفسك في هذه اللحظة أدقّ وأنفع: قبل أن تقرأ كلمة واحدة من هذه الصفحة كنت قد أدركت أنها مقسّمة إلى فقرات، وأن فيها صندوقًا ملوّنًا، وأن العناوين أكبر من المتن. هذا الإدراك سبق القراءة، وهو ما يعمل عليه المصمم.
وهنا يظهر الفرق بين ثلاث حالات كثيرًا ما تُخلط: المقروء يعني أن الحرف يمكن فك رموزه، والمفهوم يعني أن المعنى يصل، والملتقَط يعني أن الرسالة تصل دون قراءة أصلًا. لافتة متجر الرياض كانت مقروءة تمامًا ومفهومة تمامًا، وفشلت في المستوى الثالث وحده — وهو المستوى الوحيد الذي كان متاحًا في ممر يمرّ فيه الزبون في ثانيتين. حين نقول «نحتاج التصميم» فنحن نعني في الأغلب أننا نحتاج هذا المستوى الثالث.
التصميم يخدم المستويات الأربعة معًا، ونادرًا ما يفشل في أولها بسبب الجمال. يفشل لأن أحدًا لم يسأل: في أي ظرف سيُرى هذا؟ على أي مسافة، وفي أي إضاءة، وكم ثانية، وعلى أي عرض شاشة؟ القيد هو ما يحوّل الذوق إلى قرار، وهو ما يجعل الحكم على العمل ممكنًا بلا جدال شخصي.
في عالم الأعمال والتجارة
الطريقة الأنفع لشرح قيمة التصميم لمن يمسك الميزانية ليست ذكر نسب مئوية عن شركات لم يرها، بل تفكيك رحلة الزبون إلى مراحل والسؤال في كل مرحلة: أين يتسرّب الناس، وأي قرار تصميمي مسؤول عن ذلك التسرّب؟ فالتصميم لا «يزيد المبيعات» بطريقة سحرية؛ هو يمنع فقدًا محدَّدًا في نقطة محدَّدة.
خذ القِمع الأبسط: الوعي، ثم الاهتمام، ثم الطلب. لكل مرحلة مشكلة مختلفة تمامًا، ولذلك قرار تصميمي مختلف تمامًا، ولذلك قيد مختلف يحكمه. الخطأ الأكثر شيوعًا في الحملات العربية هو استعمال معالجة واحدة في المراحل الثلاث: التصميم الذي يصلح للوحة الطريق يُوضع كما هو على صفحة الطلب، فيبدو صاخبًا وفارغًا من المعلومات في اللحظة التي يحتاج فيها الزبون تفاصيل.
اضغط على أي مرحلة لتكشف المشكلة الخاصة بها، والقرار التصميمي الذي يحلّها، والقيد الذي يحكم ذلك القرار.
الوعي — المشكلة: لا أحد يلاحظ
القرار التصميمي: رسالة واحدة، تباين عالٍ، شكل مميز يُتعرَّف عليه من بعيد. لا تفاصيل ولا أرقام هواتف ولا قوائم أصناف.
القيد الذي يحكمه: زمن التعرّض قصير جدًا ومسافة النظر بعيدة. كل عنصر إضافي هنا يُنقص فرصة العنصر الأهم، لا يضيف إليها.
ما يفشل هنا: النص الطويل الجميل الذي كُتب ليُقرأ جالسًا.
الاهتمام — المشكلة: يعرفك ولا يرى سببًا يخصّه
القرار التصميمي: بنية تسمح بالمسح السريع: عناوين فرعية، تجميع الأصناف، صورة أو رسم يشرح الفكرة، ونداء واحد للفعل في نهاية كل كتلة.
القيد الذي يحكمه: القارئ يمسح ولا يقرأ سطرًا سطرًا، ويدخل من أعلى اليمين في التصميم العربي. إن دفنتَ الفائدة في منتصف فقرة فلن تُرى.
ما يفشل هنا: تكرار معالجة اللوحة الإعلانية — عنوان ضخم وفراغ واسع بلا معلومات تُقنع.
الطلب — المشكلة: مقتنع ويتوقف عند الخطوة الأخيرة
القرار التصميمي: تقليل الحقول، إظهار السعر النهائي مبكرًا، زر واحد واضح لا ينافسه زر آخر، ورسائل خطأ تقول ماذا يفعل لا أنه أخطأ.
القيد الذي يحكمه: شاشة الهاتف الصغيرة، ولوحة مفاتيح تغطي نصف الشاشة، وقلق الزبون من الالتزام المالي. الجمال هنا أقل أهمية من إزالة الشك.
ما يفشل هنا: نموذج بأربعة عشر حقلًا لأن قسم التسويق أراد بيانات إضافية.
ما تجرّبه هنا: ثلاث مراحل، ولكل واحدة مشكلة وقرار وقيد مختلف. لا توجد في هذه المرئية أي نسب أو أرقام أداء — عرض القِمع هنا شكل توضيحي فقط ولا يمثّل قياسًا لأي حملة حقيقية.
حين تشرح التصميم بهذه اللغة أمام مدير مالي، يتغيّر الحوار: لم تعد تطلب ميزانية لـ«شكل أجمل»، بل تشير إلى تسرّب محدَّد وتقترح قرارًا يعالجه ضمن قيود معلومة. وهذه أيضًا هي الطريقة الوحيدة التي يمكن بها الحكم على عملك لاحقًا: هل قلّ عدد من يتوقفون عند الخطوة الأخيرة أم لا؟
في التعليم والتعلم
في التعليم تظهر قيمة التصميم في موضع محدَّد: حين تكون العلاقة بين الأشياء هي المطلوب فهمها. شرح دورة المياه بفقرة نصية يجبر الطالب على بناء الصورة في رأسه من كلمات متتابعة؛ الرسم نفسه يعرض العلاقة دفعة واحدة فيتفرّغ الطالب لفهمها بدل بنائها. هذا ليس ادعاءً بنسبة تحسّن، بل وصف لما يفعله الشكل: يحوّل التسلسل إلى بنية.
- تبسيط المعقّد: تحويل ما يُشرح في صفحة إلى مخطط تُرى فيه العلاقات مرة واحدة.
- تخفيف الحمل: إبقاء ما يحتاجه الطالب أمام عينه بدل مطالبته بحفظه أثناء القراءة.
- توجيه الانتباه: إبراز الجزء الذي يُشرح الآن وتخفيت ما عداه بدل تركه يتنافس معه.
- تثبيت التمييز: إعطاء كل نوع من المعلومة معالجة ثابتة عبر الدرس كله حتى يصبح التعرّف عليها آليًا.
ولهذا فإن أسوأ ما يُفعل في المواد التعليمية هو الزخرفة التي لا تحمل معنى: خلفية متدرّجة تقلّل التباين، وأيقونات ملوّنة تُوزَّع على البنود بلا نظام فتوحي بفروق غير موجودة. إن كان اللون لا يعني شيئًا، فهو يشوّش لا يزيّن.
في عصر وسائل التواصل الاجتماعي
نعيش في عصر «اقتصاد الانتباه»، ومعناه العملي أن الرسالة الواحدة لا تُصمَّم مرة واحدة. الرسالة نفسها — إعلان افتتاح فرع، مثلًا — تحتاج معالجات مختلفة بحسب الظرف الذي ستُرى فيه. هذا ليس تنويعًا جماليًا، بل استجابة لقيود مختلفة تمامًا: شاشة هاتف بعرض راحة اليد، أو نظرة عابرة من سيارة، أو ورقة تُقرأ في اليد بلا استعجال.
قبل أن تفتح البرنامج، اكتب على ورقة جملة واحدة: «هذا سيُرى على __ من مسافة __ لمدة __». هذه الجملة تحسم لك حجم الخط وعدد الكلمات ودرجة التباين قبل أي قرار ذوقي. لا نضع هنا عدد ثوانٍ محدّدًا لأن أي رقم من هذا النوع يتغيّر بتغيّر المنصّة والجمهور، والمهم أن تعرف أنك تصمّم لزمن محدود لا لمتفرّج صبور.
المحتوى ثابت في التبويبات الثلاثة: «صيدلية النخيل — فرع جديد في حي الياسمين — يفتح الأحد ٩ صباحًا». ما يتغيّر هو المعالجة، وكل تبويب يشرح أي قيد تخدمه.
القيد: عرض لا يتجاوز راحة اليد، وقراءة أثناء التمرير بإبهام واحد. لذلك: عمود واحد، سطر عنوان قصير يُقرأ كاملًا دون قطع، وحجم نص لا يقلّ عن حدّ القراءة المريحة، وحواشٍ قليلة جدًا لأن المساحة تُقاس بالسنتيمتر.
القيد: نظرة عابرة من مركبة أو من الرصيف المقابل، وزمن تعرّض أقصر من جملة. لذلك: عدد الكلمات في أدنى حدّ، تباين مرتفع، توسيط يجعل التعرّف ممكنًا من أي زاوية، وحذف كل ما لا يُقرأ في هذه المدة — التوصيل والخدمات ليست هنا لأنها لن تصل أصلًا.
القيد: ورقة تُمسك باليد وتُقرأ بلا استعجال، ولا يمكن تحديثها بعد الطباعة. لذلك: تفاصيل أوفى لأن القارئ يملك الوقت، وحجم نص أصغر لأن مسافة القراءة قريبة، ومعلومات ثابتة لا تتغيّر بعد أسبوع، وتباين يعمل بالحبر الأسود على ورق أبيض لا بالضوء المنبعث من شاشة.
ما تجرّبه هنا: ثلاث معالجات لرسالة واحدة. لاحظ أن الاختلاف بينها ليس في الذوق بل في ما حُذف وما بقي — والقيد هو من قرّر ذلك في كل مرة.
حل المشاكل الحقيقية
التصميم الجرافيكي ليس مجرد "تجميل" للأشياء، بل حل عملي لمشاكل حقيقية:
- مشكلة الوضوح: كيف نجعل المعلومات المعقدة مفهومة؟
- مشكلة الانتباه: كيف نجذب النظر في بيئة مزدحمة؟
- مشكلة الثقة: كيف نبني مصداقية من النظرة الأولى؟
- مشكلة التذكر: كيف نجعل رسالتنا لا تُنسى؟
- مشكلة التأثير: كيف نحرك المشاعر ونحفز على الفعل؟
المشكلة: مطعم مشاوٍ في وسط نابلس لاحظ أن الزبائن يسألون النادل السؤال نفسه كل مرة: «وين المشاوي؟». القائمة كانت من ورقتين، مطبوعة بخط واحد وحجم واحد، وأصنافها الستة والأربعون مرتّبة بالترتيب الذي كُتبت به في ملف الوورد: مقبلات ومشاوٍ ومشروبات وحلويات متداخلة بلا فواصل واضحة. النتيجة أن كل طلب كان يستهلك دقيقتين من وقت النادل في وقت الذروة.
القيود: الميزانية تكفي طباعة بلونين فقط؛ القائمة تُقرأ في إضاءة خافتة مساءً؛ الأصناف تتغيّر موسميًا فلا يمكن تثبيت الأسعار في التصميم؛ ولا مساحة لزيادة عدد الصفحات لأن الطاولات صغيرة.
القرار: لم يُغيَّر أي صنف ولا أي سعر. قُسّمت القائمة إلى أربع مجموعات بعناوين كبيرة على شريط لوني واحد، ووُضعت المشاوي في الصفحة الأولى أعلى اليمين لأنها نقطة دخول العين العربية ولأنها سبب الزيارة، وكُبّر حجم النص درجتين ليُقرأ في الإضاءة الخافتة، وفُصلت الأسعار في عمود منفصل يمكن إعادة طباعته وحده عند تغيّر الموسم.
النتيجة: اختفى السؤال المتكرر تقريبًا، وقصر زمن الطلب. لم يُضَف إلى القائمة جمال؛ أُزيل منها عائق. هذا هو التصميم: حلّ مشكلة ضمن قيود.
متى تنقلب هذه النصيحة إلى ضرر؟
قد يُفهم من هذا الدرس أن «كل شيء يحتاج تصميمًا أكثر»، وهذا خطأ مكلف. هناك حالات يكون فيها الاستثمار في التصميم البصري إهدارًا أو ضررًا مباشرًا. أولها حين تكون المشكلة الحقيقية في المنتج أو الخدمة لا في عرضها: مطعم طعامه رديء لن ينقذه شعار أنيق، بل ستسرّع الحملة الجيدة وصول الناس إلى تجربة سيئة فتضاعف الضرر. وثانيها في الواجهات المرجعية والإدارية — لوحة تحكم يستعملها موظف عشر ساعات يوميًا لا تحتاج تأثيرات وحركات؛ تحتاج ثباتًا وسرعة وقابلية تنبّؤ، وكل حركة زائدة فيها ضريبة يومية على المستعمل.
وثالثها حين يتحوّل «تحسين التصميم» إلى إعادة تصميم دورية بلا سبب. تغيير شكل الهوية أو ترتيب الواجهة كل بضعة أشهر يهدم شيئًا لا يُشترى بسهولة: الألفة. الزبون الذي تعوّد أن يجد زرّ الطلب في مكان معيّن يدفع ثمن كل نقلة، والعلامة التي تغيّر شعارها كثيرًا لا تترسّخ في ذاكرة أحد. القاعدة العملية: لا تغيّر ما يعمل إلا حين تستطيع تسمية المشكلة التي يحلّها التغيير.
ما يحدث: صاحب متجر إلكتروني في جدة يطلب عرض جميع الفئات الاثنتي عشرة في أعلى الصفحة الرئيسية بأيقونات متساوية الحجم، خوفًا من أن «تضيع» فئة على الزبون. النتيجة صفّ طويل من الأيقونات المتشابهة، فلا يضغط الزبون على أي منها ويستعمل خانة البحث أو يخرج.
لماذا يبدو صحيحًا: لأن المنطق يبدو عادلًا — كل فئة تستحق فرصة متساوية. لكن العدل بين الفئات ليس هدف الزبون؛ هدفه أن يصل إلى فئته هو في أقل عدد من القرارات.
البديل: ابنِ الترتيب على بيانات الطلبات لا على تنظيم المستودع: أبرِز الثلاث أو الأربع الأكثر طلبًا في الصفحة الأولى، واجمع البقية تحت مدخل واحد واضح «كل الأقسام». وضع نقطة الدخول أعلى اليمين لا أعلى اليسار. الفئة التي لا تُطلب لن ينقذها كِبَر أيقونتها، وستؤذي جارتها المطلوبة بمزاحمتها.
الخلاصة
نحتاج للتصميم الجرافيكي لأنه الحل العملي لمشكلة التواصل في بيئة مزدحمة ومحكومة بقيود. لا لأنه يجمّل، بل لأنه يقرّر ما الذي يصل أولًا وما الذي ينتظر، وما الذي يُحذف لأن ظرف العرض لا يحتمله. وكل مثال مرّ في هذا الدرس — لافتة الرياض، وقائمة نابلس، وصيدلية الياسمين، ومتجر جدة — كان تطبيقًا للجملة نفسها: مشكلة محدَّدة، قيود معلومة، قرار يُحاسَب عليه.
وحتى الآن كنّا نتكلم عن التصميم في مستوى اللافتة والقائمة والصفحة. لكن المبدأ نفسه هو ما بنى أشهر الأعمال في تاريخ المهنة: خريطة مترو غيّرت طريقة رسم الشبكات في العالم، ولوحات طرق أعيد تصميمها لأنها لم تكن تُقرأ بسرعة، وخط عربي أُعيدت هندسته ليعمل داخل قيد تقني جديد. الدرس التالي، «قصص نجاح ملهمة من عالم التصميم»، يفكّك تلك الأعمال إلى أربع خانات صريحة — المشكلة، القيد، القرار، الأثر — لترى أن العبقرية فيها لم تكن في الرسم، بل في تحديد المشكلة تحديدًا دقيقًا.