التصميم الأبسط - جديد عبدالله المهيري

    • التصميم الأبسط - جديد عبدالله المهيري

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

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

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

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

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

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

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

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


      المصدر : مدونة عبدالله المهيري


      ¨°o.O ( على كف القدر نمشي ولا ندري عن المكتوب ) O.o°¨
      ---
      أتمنى لكم إقامة طيبة في الساحة العمانية

      وأدعوكم للإستفادة بمقالات متقدمة في مجال التقنية والأمن الإلكتروني
      رابط مباشر للمقالات هنا. ومن لديه الرغبة بتعلم البرمجة بلغات مختلفة أعرض لكم بعض
      المشاريع التي برمجتها مفتوحة المصدر ومجانا للجميع من هنا. تجدون أيضا بعض البرامج المجانية التي قمت بتطويرها بذات الموقع ..
      والكثير من أسرار التقنية في عالمي الثاني
      Eagle Eye Digital Solutions