تخيل أنك زرت موقعاً إلكترونياً عام 1995.

صفحات بطيئة التحميل، نصوص صغيرة الحجم، روابط زرقاء في كل مكان. لا تخطيط، ولا تناسق، مجرد معلومات مكدسة على شاشة تُركت لك لتكتشف بنفسك أين يجب أن تنقر.

الآن، افتح تطبيقك المفضل، بضغطة واحدة، يبدو كل شيء لحظياً، والخطوات بديهية لدرجة أنك بالكاد تفكر فيها.

هذه الفجوة بين اللحظتين لم تكن مجرد “تطور تقني”، إنما هي تطور في صميم عملية التصميم وتحسين تجربة استخدام الأفراد.

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

ما بدأ كصفحات HTML بسيطة تحول تدريجياً إلى أنظمة وتجارب متكاملة، ثم تطور إلى مواقع ويب وتطبيقات تُصمم للهواتف المحمولة أولاً، وتعتمد على الإيماءات، وتراعي الجانب النفسي والعاطفي للمستخدم؛ وهي أمور نعتبرها الآن من المسلمات.

والمفارقة أن التصميم كلما أصبح أفضل، قلّ انتباهنا إلى هذه التفاصيل. نحن نادراً ما نفكر في المسافات، أو التسلسل الهرمي، أو التنقل، أو إمكانية الوصول. بدلاً من ذلك، نكتفي بالقول إن الموقع أو التطبيق “مريح” للاستخدام.

لكن هذا الشعور لم يأتِ بالصدفة، بل هو نتيجة قرارات مدروسة. ولفهم لماذا تبدو مواقع الويب والتطبيقات الحديثة وكأنها لا تتطلب أي جهد من المستخدم، علينا أولاً العودة إلى فترة كان استخدام الإنترنت فيها يتطلب الكثير من التفكير والجهد.

الويب “قديما”: عندما كان على المستخدمين التفكير

بدأت القصة في أوائل التسعينيات داخل أحد المختبرات، عندما أنشأ “تيم بيرنرز لي” أول موقع إلكتروني بهدف مشاركة المعلومات فقط. لم تكن هناك صور، ولا تنسيقات، ولا عناصر بصرية، مجرد نص عادي على الشاشة. كان الموقع يؤدي وظيفته، لكنه لم يكن يمنح المستخدم أي شعور أو تجربة حقيقية.

بحلول منتصف التسعينيات، بدأ المصممون والمطورون في محاولة تحسين التجربة.

بدأت صفحات الويب تكتسب هيكلاً وتنظيماً أوضح، ودخلت الألوان إلى المشهد. ومع مرور الوقت، لم يعد الويب مجرد صفحات ثابتة للقراءة، بل أصبح التفاعل جزءاً أساسياً من تجربة الاستخدام. أضافت JavaScript الحركة والديناميكية إلى المواقع، بينما منحتها CSS التجربة البصرية وهويتها الخاصة.

ثم جاءت موجة جديدة من التغيير مع بداية الألفية الجديدة.

توقفت مواقع الويب عن كونها تجارب بسيطة وأصبحت شركات ومنصات ومجتمعات. غيّرت Google طريقة وصول الناس إلى المعلومات، وسهّلت WordPress عملية النشر، بينما حولت شبكات التواصل الاجتماعي مثل Facebook الإنترنت إلى مساحة يعيش فيها الناس جزءاً من حياتهم اليومية، وليس مجرد مكان للتصفح.

بحلول عام 2010، ومع ظهور iPhone، لم يعد الويب مقيداً بشاشة كمبيوتر مكتبي؛ بل أصبح في يدك. ظهر مفهوم التصميم المتجاوب (Responsive Design)، وأصبح من الضروري أن تعمل مواقع الويب والتطبيقات بكفاءة على مختلف الأجهزة والشاشات.

وفي الوقت نفسه بدأ التفكير التصميمي نفسه يتغير. لم يعد المصممون يركزون فقط على الشكل الجمالي، بل أصبح السؤال الأهم هو:

كيف يشعر المستخدم أثناء استخدام هذا المنتج؟

خلف كل تجربة سلسة تكمن عملية لا يراها معظم الناس أبداً، عملية مليئة بالقرارات والمسودات والاختبارات والإخفاقات والتحسينات والتعاون.

لذلك دعونا نذهب خلف الكواليس ونستكشف كيف تُبنى المنتجات الرقمية الحديثة التي نستخدمها يومياً.

1. قوة البدء بـ “لماذا” في التصميم: مرحلة الاكتشاف

تخيل دخولك إلى منزل جديد للمرة الأولى. تبدو الأريكة كبيرة جداً على غرفة المعيشة، ويفتقر المطبخ إلى مساحات التخزين حيث تحتاجها فعلياً، وهناك زاوية تبدو فارغة على الرغم من أنه كان من الممكن أن تصبح زاوية القراءة المفضلة لديك.

قد يبدو المنزل جميلاً للوهلة الأولى، لكن هناك شيئاً يبدو… غير متناسق.
هذا بالضبط ما يحدث عندما يبدأ التصميم قبل فهم الأشخاص الذين صُمم المنتج من أجلهم.

غالباً ما تبدأ المشكلة بتخطي “مرحلة الاكتشاف ودراسة المنتج”. فبدلاً من السؤال عمن صُممت له هذه المساحة فعلياً، يركز المصمم فوراً على الديكور والألوان والأثاث.

قبل رسم أي شاشة أو اختيار أي لون للخطوط، يبدأ المصممون بفهم سبب وجود المنتج من الأساس، ومن هم الأشخاص الذين سيستخدمونه، وما هي أهدافهم، وعاداتهم، وتوقعاتهم، والتحديات التي يواجهونها.

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

2. من فهم المستخدمين إلى هيكلة رحلتهم: استراتيجية تجربة المستخدم (UX Strategy)

بعد فهم المستخدمين، تأتي الخطوة التالية: تصميم الرحلة التي سيخوضونها داخل المنتج.
الأمر يشبه تخطيط شوارع مدينة قبل بناء المباني. بدون مسارات واضحة، سرعان ما يشعر الناس بالارتباك والضياع.

الشيء نفسه ينطبق على مواقع الويب والتطبيقات. فيبدأ المصممون في رسم مسار المستخدم خطوة بخطوة:

من أين يبدأون؟

ماذا يجب أن يحدث بعد ذلك؟

كيف يصلون في النهاية إلى هدفهم؟

ينبغي لكل شاشة وزر ورسالة أن تقود المستخدم بشكل طبيعي إلى الخطوة التالية دون أن تجبره على التوقف والتفكير كثيراً.
في هذه المرحلة يتم إنشاء تدفقات المستخدم (User Flows)، وخرائط الموقع (Sitemaps) لتنظيم كيفية اتصال الصفحات، وهيكلة المعلومات (Information Architecture) لتنظيم المحتوى بشكل منطقي.
الهدف هو البساطة؛ لأن المستخدم لا يجب أن يشعر أبداً بأنه يصارع المنتج من أجل تنفيذ مهمة بسيطة مثل طلب الطعام، أو تجديد اشتراك، أو حجز موعد.

3. الخريطة الهيكلية: التخطيط الشبكي او (Wireframing)

قبل بناء أي منزل يبدأ العمل بمخطط هندسي أولي (Blueprint)، المخطط الأولي هو خطة بسيطة تحدد أماكن الغرف وكيفية اتصال المساحات، الإطارات الشبكية أو الـ Wireframes تؤدي الدور نفسه في المنتجات الرقمية.

الإطارات الشبكية أو الـ (Wireframes) تؤدي الدور نفسه في المنتجات الرقمية.

• التخطيط (Layout): توزيع العناصر داخل الصفحة.

• التدفق (Flow): كيف يتنقل المستخدمون بين الخطوات أو الشاشات.

• الهيكل (Structure): كيفية تنظيم المحتوى.

• التسلسل الهرمي (Hierarchy): ما يلاحظه المستخدمون أولاً، وثانياً، وأخيراً.

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

قبل الاستثمار في تصميم كامل، يجب أن تتأكد من أن “المنزل” سيلائم الأشخاص الذين سيعيشون فيه فعلياً.

4. تصميم واجهة المستخدم (UI Design): منح التجربة هويتها

إذا كانت الـ Wireframes تمثل المخطط الهندسي، فإن تصميم واجهة المستخدم يشبه التصميم الداخلي للمنزل. في هذه المرحلة يلتقي الجمال بالوظيفة. يستخدم المصممون عناصر مثل:

• الخطوط (Typography): لتوجيه القراءة وبناء الهوية البصرية.

• أنظمة الألوان: لخلق الانطباعات وتعزيز هوية العلامة التجارية.

• التسلسل الهرمي البصري: لتوجيه انتباه المستخدم إلى العناصر الأكثر أهمية.

لكن تصميم واجهة المستخدم لا يقتصر فقط على جعل الأشياء تبدو جميلة. إنه يتعلق أيضاً بخلق الاستمرارية والتناسق (Consistency) من خلال مكونات قابلة لإعادة الاستخدام، مثل الأزرار والبطاقات والنماذج وقوائم التنقل. تشكل هذه العناصر معاً نظاماً بصرياً يحافظ على تجربة استخدام مألوفة وسهلة.

5. تسليم التصميم وأنظمة التصميم: تنظيم التجربة

بمجرد اكتمال شاشات واجهة المستخدم والنماذج الأولية، يدخل المشروع مرحلة أخرى: تسليم التصميم للمطورين (Design Handoff).

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

بدون وثائق منظمة وأنظمة واضحة، يمكن أن تنحرف النتيجة النهائية بسهولة عن الرؤية الأصلية. ولهذا السبب تعتمد مواقع الويب والتطبيقات الحديثة بشكل كبير على “أنظمة التصميم” (Design Systems).

بغض النظر عن حجم المنتج أو مستوى نضجه، فنظام التصميم ليس مجرد مكتبة للأزرار والألوان، بل هو مجموعة من المعايير والقواعد والمكونات التي تضمن الاتساق وقابلية التوسع عبر جميع منتجات الشركة. ويصبح هذا النظام لغة مشتركة بين المصممين والمطورين ومديري المنتجات وفرق التسويق.

اليوم، لم تعد أنظمة التصميم رفاهية مقتصرة على الشركات الكبرى؛ بل أصبحت أساساً جوهرياً لبناء المنتجات الرقمية الناجحة.

6. مرحلة التطوير: تحويل التصميم إلى منتج حقيقي

هذه هي اللحظة التي تتوقف فيها الأفكار عن كونها مفاهيم وتصبح منتجات حقيقية يمكن للناس استخدامها فعلياً.
تأخذ فرق الواجهات الأمامية (Frontend) والخلفية (Backend) كل ما تم التخطيط له وتصميمه ونمذجته وتحويله إلى تجربة عملية.

تصبح المنتجات متجاوبة عبر الأجهزة، ومُحسّنة من حيث الأداء، ومتصلة من خلال واجهات برمجة التطبيقات (APIs)، ومصممة مع وضع إمكانية الوصول في الاعتبار.

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

7. الإطلاق ليس النهاية بل البداية

قد يبدو إطلاق المنتج وكأنه خط النهاية، ولكنه في الواقع مجرد البداية.

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

التصميم في عصر الذكاء الاصطناعي… ماذا سيتغير؟

مع الذكاء الاصطناعي، تمت إضافة طبقة جديدة إلى عملية التصميم، ليس لاستبدال المصمم، ولكن لتوسيع نطاق ما يمكن للمصمم القيام به.

أصبح بإمكان أدوات الذكاء الاصطناعي إنشاء تخطيطات أولية، واقتراح الألوان، وكتابة المحتوى، وإنتاج نماذج أولية، وحتى تحويل وصف نصي بسيط إلى واجهات جاهزة خلال ثوانٍ. المهام التي كانت تستغرق ساعات يمكن الآن إنجازها في دقائق، مما يوفر المزيد من الوقت للتركيز على الإبداع وحل المشكلات.

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

لكن على الرغم من كل هذا، لا يزال الذكاء الاصطناعي يفتقر إلى شيء أساسي: الفهم البشري. لا يمكنه فهم العاطفة، أو الثقافة، أو السلوك البشري، أو التجارب الشخصية.

مستقبل التصميم لن ينتمي للذكاء الاصطناعي وحده، ولا للبشر وحدهم، بل للمصممين الذين يتعلمون كيفية العمل مع الذكاء الاصطناعي؛ لأنه حتى في عالم تحركه الخوارزميات، سيظل البشر يصممون من أجل البشر.

واقع تطبيق هذه العملية في ليبيا

في حين أن هذه الممارسات أصبحت معيارية في معظم أنحاء الصناعة العالمية، فإن تنفيذها داخل السوق الليبي يطرح مجموعة مختلفة من التحديات.

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

يكمن التحدي الحقيقي غالباً في بيئة المنتج، ومسارات العمل، وعمليات صنع القرار، وفهم السوق لما يعنيه حقاً تصميم واجهة المستخدم وتجربة المستخدم (UI/UX). ومن أبرز التحديات:

1. المصمم كمبدع ومعلم في آن واحد

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

• الخلط بين تصميم الواجهات (UI) وتجربة المستخدم (UX): يطلب العملاء غالباً “تصميماً جميلاً” متجاهلين تجربة المستخدم تماماً. ونتيجة لذلك، يقضي المصممون وقتاً كبيراً في تثقيف أصحاب المصلحة حول سلوك المستخدم، وسهولة الوصول، والبساطة.

• عقلية استنساخ المنافسين: نواجه عملاء يريدون استنساخاً حرفياً لتطبيق محلي أو دولي ناجح، بدلاً من بناء تجربة مخصصة تعالج التحديات الفعلية لمستخدميهم.

• تسعير “العمل غير المرئي”: في سوق معتاد على الدفع حصرياً مقابل الواجهة النهائية، من الصعب للغاية تسعير العمل التأسيسي الذي يتم خلف الكواليس، مثل البحث والتخطيط واختبارات قابلية الاستخدام.

2. عندما يصبح بحث المستخدم خطوة اختيارية

هناك افتراض شائع بأن بحث المستخدم مُكلف، أو مضيعة للوقت، أو ضروري فقط للشركات الكبرى. ونتيجة لذلك، يتم أحياناً إطلاق المنتجات بناءً على افتراضات بحتة بدلاً من السلوك الفعلي للمستخدم.

3. أزمة الأرشيف الرقمي

من النادر العثور على مؤسسة رسمية أو شركة محلية كبرى تحتفظ بملف الهوية البصرية الأصول التابعة للعلامة التجارية (Brand Assets) بجودة عالية وسهلة الوصول. ونتيجة لذلك، يضطر المصممون غالباً إلى العمل بشعارات منخفضة الدقة أو قضاء ساعات في البحث عنها أو حتى إعادة تصميمها من الصفر.

4. غياب نظام التصميم: الفجوة بين التصميم والتطوير

بدون نظام تصميم واضح، سرعان ما يتغير اتجاه التصميم. تتم إضافة صفحات جديدة بلا هيكل، ويتم استخدام المكونات بشكل مختلف عبر الشاشات، ليصبح كل تحديث مستقبلي أبطأ، وأكثر تعارضاً، وأكثر تكلفة في التطوير.

تصبح هذه المشكلة أكثر وضوحاً في المشاريع الحكومية والمؤسسات الكبيرة التي يعمل عليها عدد كبير من الفرق على مدار سنوات.

في حين أن تبني هذه العقلية في الأسواق المحلية يظل تحدياً، تثبت الأمثلة العالمية والإقليمية أن أنظمة التصميم تشكل أساساً ضرورياً للنظم الرقمية. على سبيل المثال، تستثمر المملكة المتحدة (GOV.UK)، وهيئة الحكومة الرقمية في السعودية (DGA)، ودولة الإمارات العربية المتحدة بكثافة في المعايير الرقمية والمنصات العامة التي تركز على المستخدم كجزء من استراتيجيات التحول الرقمي الخاصة بها.

كلمة أخيرة

في كتابه “تصميم الأشياء اليومية”، يجادل دون نورمان بأن أفضل التصاميم هي تلك التي تتناسب بشكل طبيعي مع السلوك البشري. فالباب المصمم جيداً لا ينبغي أن يحتاج إلى لافتة تقول “ادفع”. وآلة القهوة لا ينبغي أن تتطلب دليل استخدام. وعندما يواجه الناس صعوبة، فغالباً لا تكمن المشكلة في المستخدم؛ بل في التصميم.

مواقع الويب، التطبيقات، والمنتجات الرقمية ليست استثناءً.

لذلك، في المرة القادمة التي تطلب فيها طعاماً، أو تحجز رحلة، أو تنجز معاملة عبر الإنترنت دون أن تضطر للتفكير كثيراً، تذكر أن هذا الشعور بالسهولة والبساطة تقف خلفه أشهر طويلة من العمل.

وربما يكون هذا هو المعيار الحقيقي للمنتجات الرقمية الناجحة: أن تعمل ببساطة وسلاسة لدرجة أنك لا تلاحظ حجم العمل الذي بُذل لبنائها.