تصميم

كيف يخدم التصميم المحتوى؟

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

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

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

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

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

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

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

استخدام الصور الفوتوغرافية كخلفية موقع

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

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

المميزات إجمالا، هي:

  • عمق أكبر للتصميم، يزيد هذا كلما كانت الصورة جميلة ومعبرة ومبتكرة.
  • بمجرد الاستقرار على الصورة المستخدمة، سيمكنك الانتهاء من التصميم في وقت أقل.
  • إذا كانت هذه الصورة بعدستك، فها أنت تنتج أدواتك وتستخدمها بنفسك :)
أهم التحديات، ولا أقول سلبيات: 
  • سرعة الإنترنت البطيئة أحيانا، ولكنها أمر يتلاشي مع الوقت الآن.
  • السعر المرتفع للصور على مواقع بيع الصور عموما، وانخفاض مستوى جودة الصور في مواقع الصور المجانية بالمقابل.
وأخيراً، إليكم عدد من المواقع الحديثة التي تعتمد على خلفية فوتوغرافية. لاحظ كيفية استخدام الصورة وعلاقتها بالمحتوى، أفكار متنوعة وإبداع بلا حدود:
الصورة ثابتة في الخلفية ويتوزع حولها المحتوى: England Squash& Racketball
تظهر الصورة فقط من خلال الجوانب، وخلفية المحتوى بيضاء: Global Innovation
صورة أبيض وأسود، والمحتوى كله مجرد أزرار كبيرة ملونة Work at Play

8 مواقع عربية متخصصة في مجال تصميم الوب

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

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

  • مدونة قابلية الاستخدام: تغطي المدونة موضوعا واحدا في غاية الأهمية لمصممي الوب وهو قابلية الاستخدام. وهي بذلك الأولى من نوعها والوحيدة حتى الآن. بدأها مشهور الديبان في أبريل 2009 لتحفيز القراء والمهتمين لتبني قضية "قابلية الاستخدام" باهتمام أكبر. 
  • المشروع: من أقدم المواقع المتخصصة في مجال تصميم وتطوير الوب. يحرره عدة كتاّب يمكنك الانضمام إليهم.  يغطي الموقع موضوعات متنوعة منها تطوير وتصميم الوب، قابلية الاستخدام والوصول، المعايير القياسية، وكذلك يغطي أدوات مثل: CSS, HTML, Javascript, WordPress. 
  •  CSSbit: انطباعي الدائم عنها انها مدونة غير صاخبة، تعمل في صمت وبتأن. يخلط صاحبها بين نصائحه التقنية وتجاربه الشخصية كمطور ويب. المدونة مفيدة جدا ومتنوعة بين النصائح والروابط والحوارات الجيدة مع مطورين حول العالم، وشركات أيضاً. 
  • مبدع: يحررها أحمد الكثيري، ويهتم بتغطية مجال تطوير الوب والتصميم وتقديم محتوى حصري وقوي وذلك من أجل الرقي بالمحتوى العربي.
  • الدكتور نت: تحررها المصممة والمصورة فاطمة العمادي، وتتميز المدونة بأن أغلب موضوعاتها هي خبرات شخصية ومباشرة لفاطمة التي تصمم للوب منذ 1999.
  • نقطة البداية: مدونة شاملة، تغطي أغلب الموضوعات التي تخص الوب والتصميم.
  • ألوانك: مدونة يحررها هشام صادق، وموضوعاتها متنوعة وإن كانت تتميز بتغطية عالم الووردبرس.
  • تباين: يميز هذه المدونة الوليدة - والتي يحررها محمد حبيب-  أنها تقدم مقالات مترجمة عن أهم المواقع الأجنبية في المجال. الترجمة شديدة التميز وهي إضافات حقيقية للمحتوى العربي.
هذه هي القائمة التي أعرفها وأتابعها، هي لديك موقع يمكنك أن تعرفنا به؟

 

تحديث: كما تقرأون في التعليق الأول على المقالة، يذكرنا محمد حبيب بمدونتين في غاية الأهمية، طبعا سقطا مني سهوا! ألوم نفسي كيف أنساهما وهما لأعز صديق مصمم أعرفه، العزيز عصام حمود :) المدونتان هما:

  • حمود آرت: هى المدونة التي يثير صاحبها تساؤلات كثيرة عن التصميم، تجعلني أعلق وأدلو بدلوي!
  • شعارات: وهي مدونة متخصصة في الشعارات فقط.

شكرا محمد على التذكرة، وآسفة يا عصام، ماتجيش غير في الأصحاب :)