المجرفة الحقيقية حول إنشاء موقع ويب ذو مظهر احترافي

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


هل هي نسختك؟ هل هي رسوماتك؟ هل هو التصميم العام؟ هل هم الثلاثة؟ هناك طريقة واحدة لمعرفة ذلك.

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

Contents

أساسيات تصميم الويب

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

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

اجعل التنسيقات بسيطة

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

احتضان الخطوط سهلة القراءة

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

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

استخدم أحجام رسومات مناسبة

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

ركز على تناسق العلامة التجارية

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

قم بتضمين مصطلحات واضحة

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

عناصر تصميم الويب الجيد

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

ركز على الملاحة

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

مشاركة معلومات الاتصال

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

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

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

استخدم الأنماط المناسبة للأزرار

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

أخبر من أنت

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

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

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

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

اجعل من السهل العثور على المعلومات

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

أفضل ممارسات تصميم الويب لموقع ويب رائع

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

ركز على تناسق الصفحة

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

موازنة استخدام اللون

من المهم ضبط الألوان في تخطيطك مثل اختيار لوحة ألوان تكميلية.

تنظيم المحتوى الخاص بك في فئات

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

تأكد من أن موقعك متاح للجميع

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

الربيع لشهادة SSL

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

اتجاهات تصميم الويب

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

فيما يلي بعض الأشياء الأساسية التي يجب وضعها في الاعتبار:

يتم تحميل التصميم المسطح بشكل أسرع

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

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

تأكد من استجابة موقعك

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

استخدم بطاقات للملاحة

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

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

المحتوى الحرفي الرابح

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

استخدم صور الأبطال على أكمل وجه

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

لا تنس الفيديو

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

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

احتضان قوة الفيديو

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

الأخطاء الشائعة في تصميم الويب

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

المعلومات الزائدة على الصفحات

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

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

ملاحة محبطة

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

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

لون كثير جدا أو قليل جدا

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

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

صور منخفضة الجودة

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

مدونة شبح

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

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

تظهر ظهور مفاجئ

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

إعلانات بانر

إذا كان موقعك يحتوي على إعلانات بانر ، فقد حان الوقت لإبعادها. وجدت دراسة أجرتها Solve Media أن متصفحي الويب كانوا أكثر عرضة للنجاة من حادث تحطم طائرة أو الفوز بجائزة في يانصيب Mega Millions من النقر فوق إعلان بانر. كلما زاد عدد إعلانات البانر في موقعك ، قل مظهره الاحترافي.

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

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

ما أكثر العناصر غير المهنية التي رأيتها على موقع الويب?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map