في تصميم المواقع : الأقل .. أفضل !


 

 

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

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

 

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

 

الأقل .. أفضل

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

 

 

تنازل عن الأشياء الغير ضرورية

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

 

 

إختزل حتى النهاية

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

 

كل التفاصيل مهمة

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

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

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

– نظمنا المحتوى في 5 أقسام ، كل قسم في قائمة لا تحتوي على أكثر من 5 عناصر.

– تلوين القسم و الصفحة التي يتواجد بها الزائر لكي يعرف في أي جزء من الموقع يتصفح.

– عنوان الصفحة مع وصف مختصر لها بحجم H1 في أعلى الصفحة و لا يجاورها شيء

– صورة معبرة مريحة للعين و ليست ملفته جداً كي لا تشغل الزائر

– محتوى موجه ، لا عبارات رنانه او تسويقية مبالغ فيها

– بيانات الإتصال بالمؤسسة موجودة في جميع صفحات الموقع بدون إستثناء

– مساحات بيضاء كبيرة لراحة العين و توزيع التصميم

– وصف بجانب كل حقل من حقول النماذج (الحقول التي قد يصعب فهمها)

 

 

تصميم المواقع

 

 

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

 

لوّن بالحد الأدنى

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

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

 

المساحات البيضاء

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

 

 

‎التعليقات‫:‬ 4 On في تصميم المواقع : الأقل .. أفضل !

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

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

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

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

‎أضف رد:

‎بريدك الإلكتروني لن يظهر لأحد

‎القائمة الجانبية المتحركة

القليل عني

القليل عني

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

ملفاتي الشخصية