25+ مبادئ تصميم مواقع الويب الحديثة للتحويلات العالية

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

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

# 1. ما الذي تحاول تحقيقه؟

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

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

# 2. المحتوى ينقل المعنى

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

# 3. المرئيات تحافظ على المشاركة

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

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

# 4. تألق التصاميم المتزامنة

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

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

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

# 5. الخطوط العريضة لطباعة الانطباع

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

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

# 6. تنظيم لتوحيد

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

# 7. موازين الفضاء الأبيض

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

# 8. يجعل تحديد الأولويات المرئية إمكانية الوصول أمرًا سهلاً

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

# 9. كن صادقا

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

# 10. الرسم المتجاوب

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

الجوانب تشمل:

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

للحصول على تصميمات مثالية ، لماذا لا تجرب هذا النهج المعياري:
افهم ← استكشاف ← نموذج أولي ← تقييم

للعمل على بروتوكول مخصص للهاتف المحمول ، يجب استيفاء ما يلي:

• ضغط المواد وإبراز المعلومات الضرورية على الشاشة
• حجم الخط المناسب
• عناصر تفاعلية محسنة
• تثمين العملاء من خلال التعبير عن رغبتك لهم
• Client Squish Media (الحفاظ على نسبة العرض إلى الارتفاع أثناء الإنشاء)

تطبيق نموذجي لتصميم الهاتف المحمول سريع الاستجابة هو "نحو علوم البيانات".

# 11. واجهة مستخدم مريحة

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

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

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

• من سيكون المستخدمون؟
• ما نوع العمل الذي ستقوم به؟
• أين (في أي مرحلة) سيحدث التفاعل؟

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

رقم 12. الأداء: البرق مستجيب

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

• ضغط الملفات وتحسين الصورة
• استخدم النص كبديل بدلاً من الصور الزائدة
• قلل طلبات HTTP

# 13. الامتناع عن "التنبيهات / الحوارات" غير الضرورية

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

انتبه لما يلي:

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

# 14. حاول تخفيف 404 أو 500 errorr

عند تصميم موقع ما ، افعل ذلك بجميع الصفحات والميزات والوظائف. يؤدي ذلك إلى تجنب وجود روابط وصور معطلة ، وميزات غير مكتملة ، وغير ذلك الكثير. على وجه الخصوص ، يجب ألا يحتوي الموقع على أي خطأ 404 أو 500 وأي روابط معطلة يجب أن تحتوي على صفحة 404 مناسبة. من الواضح ، حاول تجنب هذا الحدوث بأي ثمن ، ومع ذلك ، فإن هذا سيعوض على الأقل أي ضرر (إلى حد ما). موقع GitHub على سبيل المثال مثالي مع 404s الرسوم المتحركة والاعتذارية.

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

#15. متوافق مع الجوّال

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

# 16. ضع دعوات للعمل حيث يمكن للزوار مشاهدتها بسهولة

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

# 17. تجنب القوائم الطويلة

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

# 18. يجب أن يكون من الأسهل العودة إلى الصفحة الرئيسية

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

# 19. لا تدع الإعلانات تسرق العرض

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

# 20. جعل شريط بحث الموقع مرئيًا

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

رقم 21. يجب أن تكون نتائج البحث في موقع الويب ذات صلة أو توجه العميل المحتمل إلى نتائج بحث أفضل عن موقع الويب

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

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

رقم 22. استخدم عوامل التصفية لمساعدة المستخدمين في تضييق نطاق نتائجهم

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

رقم 23. تقليل وقت التحميل

لا أحد يحب المواقع التي تستغرق وقتًا أطول للتحميل. يمكنك جعل صفحات الويب الخاصة بك يتم تحميلها بشكل أسرع عن طريق تحسين أحجام الصور ، أو دمج التعليمات البرمجية في ملف JavaScript أو استخدام CSS المركزي (يؤدي ذلك إلى تقليل طلبات HTTP وبالتالي تسريع وقت التحميل.

رقم 24. اجعلها سهلة الاستخدام

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

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

# 25. اختر الألوان المناسبة

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

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

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

# 26. استخدم صورًا عالية الجودة

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

رقم 27. دمج أدوات الوسائط الاجتماعية

استخدم أدوات الوسائط الاجتماعية لربط موقع الويب الخاص بك بمزيد من المستخدمين. يتيح السماح بالوصول عبر Twitter و Facebook و Instagram ومنصات الوسائط الاجتماعية الأخرى للزائرين المزيد من الخيارات للوصول إلى موقع الويب الخاص بك.

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

رؤى الخبراء حول اتجاهات واستراتيجيات تصميم الويب الحديث

أليكس كوهان

المؤسس والرئيس التنفيذي لشركة Offen

لا تخف من أخذ الإلهام من تصميم يعجبك بالفعل

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

احصل على هدفك الرئيسي في أسرع وقت ممكن

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

احصل على تعليقات

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

ستايسي كابريو

مؤسس Her.CEO

تصميم للجوال أولا

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

حافظ على بساطة اللون

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

سام أوركارد

المدير الإبداعي ، Edge of the Web

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

الرسم المتجاوب

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

سرعة الصفحة

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

إمكانية الوصول

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

شيلا هيرد

مؤسس Mediavandals

قم بإنشاء بطانة واحدة جذابة.

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

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

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

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

ادع عميلك إلى قصة

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

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

امنح عملائك خطة سهلة لمتابعة

كيف يجب أن يتعامل عملاؤك معك؟ في حين أنه قد يبدو واضحًا لك ، فقد لا يكون واضحًا لعملائك. قم بتضمين قسم به 3-5 خطوات حول كيفية تفاعل العميل مع شركتك. يجب أن تكون بسيطة وواضحة وسهلة المتابعة.

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

إنفوجرافيك: رؤى الخبراء حول اتجاهات واستراتيجيات تصميم الويب الحديث

أسئلة وأجوبة

تغليف

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