ثقافة تقنية

10 نصائح لتحسين تصميم موقع الويب

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

انطلق بموقعك الآن مع أراهوستر لاستضافة المواقع.

يعتبر تصميم موقع الويب أمرًا موضوعيّاً، حيث يمكن أن يكون التصميم مثيرًا للإعجاب لمستخدم واحد و قبيحًا في نظر مستخدم آخر وهذا هو السبب في أنّه أحد أكثر الوظائف تعقيدًا وإبداعًا للعاملين في هذا المجال.

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

10 أشياء عليك الانتباه عليها بخصوص تصميم موقع الويب

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

1. البساطة

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

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

2. التناسق

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

كما عليك ألّا تفرط في ملء الصفحة الرئيسية بالمعلومات بحيث تربك الزّائر. إذا كان هناك الكثير من المحتوى أو المعلومات، فوزّعها على الصّفحات الفرعيّة الّتي من المهمّ أن تكون منظّمة و معبّرة عن محتواها.

3. سهولة القراءة

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

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

الحفاظ على تباعد كافي بين العناصر وبين الهامش و المحتوى هو أيضا عامل مهمّ جدّاً.

4. الاستجابة في التصميم

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

5. سهولة التنقّل

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

6. وجود غرض واضح

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

7. محتوى الصّفحات متوافق مع هدف الموقع

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

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

8. لوحة الألوان

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

قد يفيدك أيضاً مقالنا عن ألوان الإعلانات الّذي نناقش فيه دلالات الألوان و كيف تؤثّر على المتلقّي.

9. سرعة التّحميل

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

10. الحدّ الأدنى من الإعلانات

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

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

إذا كنت مهتمّ بقراءة المزيد من مقالاتنا المتعلّقة بـ المواقع الالكترونيّة، قم بالاشتراك بالقائمة البريديّة ليصلك كل جديد!

 

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى