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

لا أجرؤ على القول إن التصميم آنذاك كان أسوأ. كانت الظروف مختلفة: أجهزة مختلفة وتوقعات مختلفة. لم يكن الناس قد اعتادوا بعد أن تكون الصفحة الواحدة واجهة عرض وأداة وقصة في آن واحد.

في البداية كان المطلوب ببساطة عرض المعلومات

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

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

حين أرادت المواقع أن تشبه المجلات

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

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

عاد كثير من تلك الأفكار لاحقًا في شكل جديد: في حركة CSS، والفيديو، والقصص التفاعلية، والمشاهد المبنية بـWebGL. أما متى تساعد هذه الحركة ومتى تعيق، فقد تناوله مقال «الحركة في الموقع». لا داعي لتكرار كل ما هو قديم، لكن الرغبة في أن يترك الموقع انطباعًا لم تختفِ.

ثم صار في جيب كل واحد شاشة

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

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

من صفحات منفصلة إلى أنظمة كاملة

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

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

حين تعلّمت أن أصوّر المستحيل

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

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

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

ما الذي سيبقى حين تتغير التقنيات مجددًا؟

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

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

كيف تختار نوع الموقع المناسب لفكرتك

التقنيات تغيّر ما نستطيع إنشاءه. أما ما يستحق الإنشاء فلا يزال يحدّده الذوق والمعنى.

ما الذي يترتب على ذلك

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

في SOMO STUDIO ننظر إلى الموقع كمشروع متكامل له مهمته وبنيته ولغته البصرية الخاصة. إذا أردت أن تصنع لعملك مكانًا معبّرًا على الإنترنت، فاكتب لنا، وسنبدأ بالحديث عن الفكرة. وللمشاريع ذات البنية غير المألوفة والمشاهد المعقدة يوجد خيار «مشروع مخصص».

— SOMO STUDIO