الأخطاء في التصميم وسهولة الاستخدام هي تلك العيوب التي ينتقد الزوار من خلالها الموقع ، ولا يرغبون في شراء أي شيء ، ويرفضون الاشتراك والذهاب إلى المنافسين. في معظم الأحيان ، تتعلق هذه الأخطاء بالأعطال الفنية والمنطق والملاحة والتصميم والتسويق والمحتوى على الموقع.
في هذه المقالة ، سوف نلقي نظرة على أمثلة عن أخطاء UX الرئيسية ونسلط الضوء على ستين مشكلة شائعة ، والتي يضمن تصحيحها زيادة في التحويل.
إذا كنت في شك أنك في حاجة إليها - قراءة قصة فاسيا استاء. يوضح كيف ، نظرًا لخطأ واحد ، فقد المتجر عبر الإنترنت عميلًا عاديًا.
كيف اختار Vasya ميكروفونًا في متجر على الإنترنت يتميز بسوء الاستخدام
اسم صديقنا هو فازيا. إنه يوتيوب مبتدئ يحتاج إلى ميكروفون للتعبير عن مقاطع الفيديو. يجب أن يحتوي الميكروفون المستقبلي على ثلاث خصائص: السعر المنخفض والصوت الواضح والطلب على Avito.
النقطة الأخيرة مهمة بشكل خاص ، لأن التمثيل الصوتي قد لا ينجح ولا يكره YouTube إعادة معظم الأموال المستثمرة. تتم صياغة المتطلبات وتذهب Vasya وراء الميكروفون إلى موقع متجر موثوق عبر الإنترنت.
بسبب التنقل المدروس ، لم تكن فازيا في حيرة وسرعان ما وجدت فئة "الميكروفونات".
عندما افتتح Vasya فئة "الميكروفونات" ، واجه على الفور المشكلة الأولى في شكل مرشح مزيل سوء التصور. هذا الفلتر غير مناسب للمبتدئين ، لأنه يتطلب فهم موضوع الميكروفون. إنه صعب بدون هذا:
نظرًا لعدم وجود أدلة في أداة الدهن ، قام Vasya بتصفية البضائع وفقًا للغرض منها وميكروفونات الاستوديو المحددة. المنطق هنا هو هذا: إذا كان الاستوديو عالي الجودة. كل شيء آخر هو ثانوي وغير مفهومة.
في قسم "الميكروفونات" تمت مقابلة Vasya بواسطة مرشح معقد ، لا يمكن للمبتدئين تكوينه بشكل صحيح. إذا كنت تعرف موضوعًا ، فلا يمكنك اختيار ميكروفون مناسب.
تحت عنوان الميكروفونات الاستوديو ، رتبت Vasya المنتجات في زيادة الأسعار واختارت الميكروفون Superlux HO8 مقابل 50 دولارًا. هذا هو الخيار الأكثر ميزانية لميكروفونات الاستوديو المتاحة ووفقًا لتعليقات العملاء يستحق المال. هذا هو ما تحتاجه لمبتدئين اليوتيوب. تقوم Vasya بعملية الشراء واتفقت بالفعل مع العميل للتعبير عن الفيديو الأول.
اختيار Vasya هو ميكروفون Superlux HO8 بقيمة 50 دولارًا.
تنتظر Vasya الطرد ، وتطبع ميكروفونه ، وتوصيله بالكمبيوتر ويستقبل صوتًا مثيرًا للاشمئزاز. الأمر كله يتعلق بالطاقة الوهمية ، والتي بدونها لا يمكن لـ Superlux HO8 العمل بشكل كامل. يتم إعطاء سطر واحد لهذه اللحظة في بطاقة المنتج ، والتي فاتها Vasya بسبب قلة الخبرة.
مزود الطاقة الوهمي هو عنصر إضافي بدونه لن يصدر ميكروفون Superlux HO8 studio بشكل طبيعي. في بطاقة المنتج ، تتم كتابة هذه اللحظة في سطر واحد ، يمكن للمبتدئين غير المستعدين أن يفوتهم بسهولة.
بعد ذلك ، بدأت Vasya بجمع معلومات حول الميكروفون المحدد بشكل مستقل واكتشفت الفروق الدقيقة التالية:
- على الموقع الإلكتروني لنفس المتجر على الإنترنت أرخص تثبيت من السلطة الوهمية ZEEPIN 48V. يكلف حوالي 37 دولارًا وهو متاح فقط عند الطلب المسبق. تكلفة المنشآت الأكثر تكلفة تبدأ من 65 دولار.
- بالإضافة إلى الطاقة الوهمية للميكروفون Superlux HO8 ، تحتاج إلى شراء حامل ومرشح البوب. لا تضع بعد بطاقة صوت خارجية وشاشة صوتية لقمع الضوضاء غير الضرورية. معا ، هذا هو 100 دولار على الأقل.
- بدلاً من كل ما سبق ، يمكنك شراء ميكروفون USB ذو ميزانية يمكن أن يلبي احتياجات youtuber المبتدئين. على سبيل المثال ، مقابل 50 دولارًا يمكنك شراء Trust GXT 232؛ و 85 دولارًا - Blue Microphones Snowball iCE.
ما حدث كنتيجة: ألقى Vasya عبثًا ولم يستخدم الميكروفون الذي تم شراؤه ، وفقد مالك المتجر عبر الإنترنت عميلًا منتظمًا.
تثبيت 37 $ الطاقة ZEEPIN 48V الوهمية.
لتجنب فقد أحد العملاء ، ينبغي لمالك المتجر عبر الإنترنت أن ينظر إلى منتجاته من منظور مبتدئ ويضع نصيبًا على المحتوى التعليمي - أضف نصائح أو مقالات مفيدة أو مقاطع فيديو إلى جميع المنتجات المعقدة. إذا اكتشف Vasya القدرة الوهمية في الوقت المناسب ، فلن يقوم بشراء منتج لا يحتاجه: سيذهب إلى الصفحة باستخدام ميكروفون Superlux HO8 → من المطالبات المفتوحة سوف يتعلم المزيد عن القوة الوهمية → سوف ينتقل إلى مقال يخبرنا بالتفصيل عن إعدادات الوهمية → المواد المدروسة حول الأصناف الميكروفونات → أود العودة إلى قائمة الميكروفونات واختيار أفضل خيار مع موصل USB من العروض المتاحة. سيكون الجميع راضيا ومواصلة التعاون. وهكذا الاستياء ورعاية المنافسين.
يعد نقص المحتوى التعليمي أحد الأخطاء العديدة التي يرتكبها أصحاب المتاجر عبر الإنترنت. سنتحدث عن قضايا أخرى في وقت لاحق.
الجزء الفني
سرعة تنزيل بطيئة
سيغادر حوالي 40٪ من المستخدمين موقعك إذا لم يروا مظهره الأصلي في الثواني الثلاث الأولى. سيغادر نفس العدد من الزائرين فورًا بالنقر فوق أحد الأقسام وسيتم تجميده مرة أخرى. لتجنب ذلك ، تحتاج إلى إجراء الاختبارات باستمرار وتحسين الصور الثقيلة والتحقق من سرعة تنزيل الخطوط. هناك موقف منفصل في الفيديو هو أنه إذا لم يكن هناك شيء بدونهم ، فأنت بحاجة إلى استثمار أموال إضافية والتفكير في زيادة السعة الإنتاجية للموقع. إذا كان يمكن استبدال الفيديو بالنص والصور ، فمن الأفضل القيام بذلك. سرعة التنزيل أكثر أهمية من تنسيق المحتوى.
موقع التحميل الطويل.
يوضح المثال أن وقت تحميل الموقع هو 9.83 ثانية. هذا ليس خيارًا صالحًا لأنه نادرًا ما ينتظر الزوار أكثر من 3 ثوانٍ.
ملفات الصور الثقيلة.
الصور الثقيلة هي أحد العوامل الرئيسية التي تؤثر على سرعة تحميل الموقع. لذلك ، إذا كنت بحاجة إلى زيادة السرعة ، فعليك أولاً إعادة تحميل الصور.
عدد كبير من الطلبات أثناء تحميل الصفحة.
أجرت أمازون بحثًا وحسبت أنه إذا انخفضت سرعة تنزيل الموقع بنسبة لا تقل عن 100 مللي ثانية ، فإن تحويل المبيعات ينخفض على الفور بنسبة 1٪. لمنع هذا ، يتم تشجيع مالكي الموقع على إجراء نوعين من الاختبارات. يجب إجراء الاختبار الأول في الوقت الفعلي ويمكنك حساب الصفحات البطيئة منه على الفور. يجب أن يكون الاختبار الثاني دوريًا (مرة واحدة في الأسبوع أو شهرًا) ويمكن تصحيح جميع العناصر البطيئة وفقًا لنتائجها.
روابط مكسورة أو مقطوعة
إذا جاء المستخدم إلى موقعك ، فهذا يعني أنه مهتم ببعض المعلومات وهذه هي المعلومات التي يجب أن يحصل عليها. إذا لم يحدث هذا وظهر رابط مقطوع بدلاً من الصفحة التي تبحث عنها ، فسوف يغادر المستخدم الموقع ويضعه في القائمة السوداء وسيتصل دائمًا بالمنافسين في المستقبل.
لا يتفاعل المستخدمون فحسب ، بل أيضًا روبوتات البحث بشكل سلبي على الروابط المعطلة. عندما يعثر الروبوت على رابط معطل ، فإنه يخلص إلى الاستنتاج التالي: لا يوجد محتوى جديد بدلاً من صفحة فارغة → الموقع لا يتطور ولا يثير اهتمام المالك → يمكن خفض الموقع في نتائج البحث.
روابط مكسورة في كود البرنامج.
المراقبة المستمرة هي الطريقة الوحيدة لتجنب الروابط المعطلة والمكسورة. عندما تجد عطلًا ، ابدأ فورًا في تصحيح رمز البرنامج.
عند فتح صفحة في نافذة جديدة.
خطأ 404
إذا كان موقعك يحتوي على ما يصل إلى 100000 صفحة ، ابدأ في المراقبة مرة واحدة على الأقل شهريًا. إذا كان هناك المزيد من الصفحات ، فحاول ترتيب شيكات أسبوعية.
لم يتم تحسين الصفحة 404
الصفحة 404 هي المكان الفارغ الذي سيحصل عليه زائر الموقع من خلال النقر على رابط مقطوع أو غير موجود. إذا لم يتم تحسين هذه الصفحة ، فسيترك المستخدم موقعك على الفور ولن يعود إليه دون سبب. إذا تم تحسين الصفحة ، فلن تكون هناك خسارة لحركة المرور وسيكون المستخدم قادرًا على الانتقال إلى القسم المرغوب.
تأكد من أن الصفحة 404 ليست مملة وفارغة.
لتحسين صفحة 404 الخاصة بك ، اتبع هذه الإرشادات:
- صف بإيجاز أين ذهب الشخص ولماذا هو هنا.
- ضع رابطًا إلى الصفحة الرئيسية للموقع.
- نشر روابط لأقسام شعبية في الموقع.
- اطلب من المستخدم الإبلاغ عن الخطأ إلى مسؤول الموقع.
- تخلط مع التصميم واجعل الصفحة 404 مزينة بنفس نمط الموقع بأكمله.
آخر نصيحة - لا تنس الفكاهة. إذا ابتسم المستخدم ، فسوف تغزو موقعه ويمكنك الاعتماد على المزيد من الاهتمام به.
تنفيذها بشكل سيء التمرير الأفقي
التمرير الأفقي هو إحدى الطرق لعرض محتويات الموقع عند الانتقال من خلال الصفحات ليس من أعلى إلى أسفل () ، ولكن من اليمين إلى اليسار (). تتمثل مشكلة التمرير الأفقي في أنه من الصعب التكيف مع أنواع الأجهزة المختلفة - إذا لم تقم بتخصيص ميزانية وتجاوز كل عنصر من عناصر رمز البرنامج ، فسوف ينهار الموقع ويعمل بشكل غير صحيح.
تحب استوديوهات التمرير عبر الويب العمل باستخدام التمرير الأفقي ، والذي يثبت كفاءتها من خلال هذا الإجراء المعقد متعدد العناصر. إذا كانت ميزانيتك لا تسمح لك بطلب تخطيط فردي لكل نوع من الأدوات الحديثة ، فلن تتمكن من عمل الموقع جيدًا. في هذه الحالة ، لا يكون التمرير الأفقي مناسبًا لك وتحتاج إلى تصميم موقع به مخطط حركة كلاسيكي - قم بالتمرير العمودي.
عدم وجود تخطيط التكيف
في عام 2019 ، يأتي أكثر من نصف حركة مرور الإنترنت من مستخدمي الهواتف الذكية والأجهزة اللوحية. في المستقبل ، قد تتغير هذه النسبة ، أو أن الأجهزة الأخرى ستحل محل الهواتف الذكية والأجهزة اللوحية. يتيح لك التخطيط التكيفي عدم الاعتماد على هذا الاتجاه وعدم فقد التحويل بسبب التفضيلات التكنولوجية للجمهور. أي أن التخطيط التكيفي هو عندما يمكن للموقع أن يتكيف بشكل صحيح مع عرض أي شاشة ويعرض بشكل صحيح على أجهزة الكمبيوتر والأجهزة اللوحية والهواتف الذكية وأي أدوات حديثة أخرى.
موقع دون تخطيط التكيف.
إذا كانت ميزانيتك لا تزال محدودة ولا يمكنك طلب تخطيط تكيفي ، فقم بتكييف الموقع جزئيًا. التكيف الجزئي هو عندما تقوم بضبط الموقع على شاشة عرض الأجهزة التي يستخدمها المستخدمون في أغلب الأحيان. في معظم الحالات ، ستكون هذه جميع أنواع الهواتف الذكية.
لم يتم تكوين الموقع لشاشات Ultra HD فائقة الدقة
في عام 2019 ، تركز معظم المواقع على الشاشات المزودة بنوعين من الدقة: HD و Full HD. في شاشات HD ، تبلغ كثافة البكسل 1366 × 768 - وهي أكثر شاشات الميزانية التي تفقد شعبيتها تدريجياً. في شاشات Full HD ، تبلغ كثافة البكسل 1920 × 1080 - هذه هي الشاشات الأكثر شعبية ، والتي يتم توجيه الدقة عند معظم المطورين عند إعداد تخطيط قابل للتكيف.
إلى جانب شاشات HD و Full HD ، تكتسب الشاشات ذات الدقة الفائقة الدقة (شاشات 4K) شعبية. في شاشات Ultra HD ، تبلغ كثافة البكسل 3840 × 2160 - وهذا يسمح لك بتحقيق صور فائقة الوضوح مع عرض مفصل لأصغر التفاصيل على الموقع. يمكنك أيضًا شراء شاشة 8K ، حيث تبلغ كثافة البكسل 7680 × 4320.
بالنظر إلى هذا الاتجاه ، يمكن افتراض أن معيار Full HD سينتقل قريبًا إلى فئة الميزانية وأن أكثرها شيوعًا سيكون الشاشات بدقة Ultra HD. لذلك ، من المهم إجراء اختبار إضافي والتأكد من عرض جميع عناصر الموقع بشكل صحيح على أجهزة عرض 4K. إذا لم يتم ذلك ، فعندما يتحول المستخدمون إلى شاشات حساسة للغاية ، فإن تحويل موقعك سينخفض بشكل مطرد.
بحث غير نشط على الموقع
محرك البحث على موقع ما هو أداة كهذه ، حيث يعتمد تواتر استخدامها على تنسيق المورد: يتم استخدامه بشكل غير منتظم على مواقع المعلومات ، ويمكن أن يحل محل المرشح القاطع تمامًا في المتاجر عبر الإنترنت. ومن هنا الاستنتاج: يجب أن يعمل محرك البحث بشكل صحيح ودائمًا. إذا لم يكن الأمر كذلك ، فلن يتمكن المستخدم من العثور بسرعة على المعلومات أو المنتج الضروري ، ومغادرة الموقع ، والعثور على كل ما هو مطلوب من المنافسين ، مع احتمال كبير لن يعود أبدًا.
أولوية نتيجة البحث غير صالحة.
عندما تقوم بتكوين محرك بحث ، ضع في اعتبارك الفروق الدقيقة التي يتم إدخالها في بعض الأحيان مع وجود أخطاء. على سبيل المثال ، إذا كان المستخدم في عجلة من أمرك ، فيمكنك بدلاً من "كمبيوتر محمول" إدخال "كمبيوتر محمول". بالنسبة لمحرك البحث على أحد المواقع ، لا ينبغي أن يكون ذلك مشكلة - يجب أن يتعرف بشكل صحيح على الطلب وينتج النتيجة المرجوة: "كمبيوتر محمول" و "كمبيوتر محمول" ← قائمة بالطرز الضرورية.
الحفظ التلقائي غير مهيأة في سلة الطلبات
يجب أن تكرر العربة جميع مشتريات المستخدم. هذا يعني أنه إذا أشار المستخدم إلى ثلاث بطانيات في بطاقة المنتج ، فيجب أيضًا عرض ثلاث بطانيات في السلة. لا تنشأ المشكلة إذا تم شراء عدة وحدات من البضائع.
كل شيء يتغير كثيرا إذا قام المستخدم بإجراء الكثير من عمليات الشراء. في هذه الحالة ، يمكن أن يؤدي عدم وجود الحفظ التلقائي إلى فقدان العميل.
قم بإعداد الحفظ التلقائي في السلة ولا تجبر عملائك على القيام بعمل مزدوج. خلاف ذلك ، فإنك تخاطر بأن تترك بدون عملاء منتظمين.
بشكل افتراضي ، سلة البضائع هي "0". وفقًا للتحليل الذي يستخدم خريطة النقرة ، نرى أنه لهذا السبب ، يتعين على المستخدم القيام بإجراء غير ضروري واحد: أولاً أضف المنتج إلى السلة ، ثم أشار إلى كميته.
حتى لو كانت وظيفة الحفظ التلقائي تعمل بشكل صحيح في السلة ، فتأكد من أن مديرك يقومون دائمًا بالاتصال بالعملاء وتحديد الترتيب. في بعض الأحيان ، ينقر العملاء عن طريق الخطأ على زر "شراء" عدة مرات ، ولا يتحققوا من السلة ويستلمون كمية غير صحيحة من البضائع. هذا سيء أيضًا ، لذلك من الأفضل الاتصال مرة أخرى.
قضايا التخطيط
يجب أن يعرض الموقع دائمًا بشكل صحيح في جميع المتصفحات. إذا بدأ التصميم في الانتقال بعيدًا ، فسيكون من الصعب على الموقع تنفيذ الإجراء المفيد المخطط له وسيكون للزوار رأي بأن الأشخاص العاديين يشاركون فيه. تخيل أن العميل يريد تقديم طلب وبسبب تخطيط الطيران لا يمكن القيام بذلك. في أفضل الأحوال ، سوف يعيد تحميل الصفحة ويحاول مرة أخرى ، في أسوأ الأحوال ، سوف يتوقف عن العمل معك. هذا لا ينبغي أن يسمح.
مثال على تخطيط تعطل: انقر على النموذج لملء → تعود الشاشة تلقائيًا إلى موضعها العلوي الأصلي.
عندما تعود الشاشة إلى موقعها الأصلي ، فإن هذا ينقل المستخدم بعيدًا عن الطلب. إذا تم تكرار الإجراء مرة واحدة على الأقل ، فيمكنك ترك دون عميل.
مثال على تخطيط تعطل: أيقونات الشبكة الاجتماعية تتلاءم مع نص الصفحة.
إذا كانت أزرار الشبكات الاجتماعية غير موجودة ، فإنها تبدو قبيحة وتثير عدم ثقة أصحاب المورد. بالإضافة إلى ذلك ، يمكنك النقر فوق أحد الأزرار عن طريق الخطأ وفتح موقع إضافي. هذا مزعج.
مثال على تخطيط تعطل: عرض غير صحيح للنص في النسخة التكيفية للموقع.
في معظم المواقع ، يعمل النص كوحدة رئيسية للمحتوى - وسيلة المعلومات التي يكون المستخدم على الإنترنت من خلالها. لذلك ، إذا كان النص غير مريح للقراءة ، فلن يرغب أحد في العمل مع هذا الموقع.مثال على تخطيط مقطوع: تتداخل فتات التصفح مع عنوان المقالة ، ولا يبدأ النص أسفل الصورة الرئيسية.أعلاه ، نشرنا جزءًا صغيرًا فقط من الأمثلة المحتملة التي قد يواجه فيها موقع ما مشاكل في التخطيط. الشيء الشائع في هذه الأمثلة هو واحد: أنها تجعل الموقع قبيح وغير مريح للقراءة. رؤية شيء مثل هذا - تصحيح عاجل.أزرار غير قابلة للنقر
يعمل الزر الموجود على الموقع كعقد بين المالك وزائر الموقع. إذا تعذر إبرام هذا العقد ، فلن تكون هناك معاملة. لذلك ، إذا وضعت زرًا ، فتحقق من نقره.مثال على أزرار غير قابلة للنقر: لا تعمل الأزرار "Buy on credit" و "Buy in 1 click".بعد النقر فوق الزر "شراء على الائتمان" ، يجب أن تظهر صفحة بحجم المدفوعات الشهرية وشروط القرض أمام المستخدم. إنه وقت طويل للتعرف على جميع الفروق الدقيقة من خلال المدير ، لذلك من السهل إغلاق الموقع ورؤية كل شيء من المنافسين. هناك حاجة إلى زر "شراء بنقرة واحدة" للعملاء العاديين الذين يشترون الكثير ويقدرون وقتهم. إذا لم يعمل الزر ، فسيجد هؤلاء المستخدمون على الفور بديلاً للموقع غير المناسب.مثال على الأزرار غير القابلة للنقر: المرشحات لا تعمل على تقييم أو إجراء الاختيار النهائي لحلول الألوان البديلة.إذا كان نظام الألوان مهمًا للمستخدم ، فيجب عليه رؤية المنتج في الإصدار المطلوب. بدون هذا ، سيتم البحث في الصور على مواقع أخرى وسيظل الترتيب حيث سيتم تنفيذها.مثال على الأزرار غير القابلة للنقر: عندما تنقر على العلامات النجمية ، فإن المستخدم ينقلب على الفور إلى الرأس ولا يحدث شيء. بسبب هذا ، لا يمكنك ترك تعليق.إذا كان الموقع يحتوي على تصنيف غير عاملي ونظام به تعليقات ، فقد يرى الزوار أن مالك الموقع يهمل رأيهم. وبالتالي ، يتم تشكيل عدم الثقة والموقف السلبي تجاه المورد.مثال على أزرار غير قابلة للنقر: لافتة غير قابلة للنقر على الصفحة الرئيسية.في المثال ، لا يكون الشعار غير قابل للنقر فحسب ، بل يتكون أيضًا دون دعوة إلى اتخاذ إجراء. لإصلاح ذلك - ما عليك سوى إضافة أزرار العمل "Go" أو "More".سلة البضائع غير قابلة للنقر
تعد سلة البضائع مكانًا مألوفًا حيث يذهب زائرو المتجر عبر الإنترنت قبل تأكيد الطلب. إذا تم جعل أيقونة "Cart" غير قابلة للنقر ، فلن يرغب الكثير من المستخدمين في التعامل مع وظائف غير عادية وسيجريون عملية شراء في مكان آخر. لتجنب ذلك ، لا تجرّب سلة البضائع وتجعل رمزها قابل للنقر دائمًا. وهناك شيء آخر: لا تستخدم أسماء إبداعية أخرى بدلاً من كلمة "سلة". هناك خطر من أن المستخدمين لن ينقروا على "Cart" أو "Warehouse" أو "Lukoshko".ملفات الصوت والفيديو ذاتية التشغيل
يحق لك على الموقع نشر المحتوى بالتنسيق الذي تراه ضروريًا. في الوقت نفسه ، يحق لزوار موقعك اختيار تنسيق المحتوى المراد مشاهدته ومتى يتم ذلك بشكل أفضل. إذا قمت بإضافة التشغيل المستقل لملفات الصوت والفيديو ، فانتهك حقوق المستخدمين - لم يطلبوا أي شيء ، وقررت إظهار محتويات الموقع لهم.في بعض الأحيان يمكن أن يكون التشغيل التلقائي لملفات الوسائط حلاً جيدًا ، وحتى ناشري Forbes يستخدمون هذا التنسيق في بعض الأحيان. ومع ذلك ، في معظم الحالات ، يؤدي هذا إلى الرغبة في إغلاق الموقع على الفور وعدم العودة إليه. لذلك ، ننصحك بعدم المخاطرة وعدم التدخل في إدارة محتوى المستخدم.منطق
زر همبرغر في الإصدار الرئيسي للموقع
زر "الهامبرغر" هو ثلاثة خطوط أفقية ، عند النقر فوقها ، يتم فتح قائمة الموقع. تم اختراع هذه التقنية للتخطيط التكيفي وتستخدم لنقل محتوى الموقع إلى الأدوات ذات الشاشة الضيقة.إذا تم استخدام نفس التقنية في الإصدار الرئيسي للموقع ، يصبح التنقل أكثر تعقيدًا ويحتاج المستخدم إلى القيام بإجراء إضافي عديم الفائدة للعثور على المعلومات الضرورية. ومن هنا تكون مخاطرة عدم راحة المستخدم وسيقوم في المرة القادمة باختيار موقع يتمتع بملاحة أكثر تفكيرًا.استخدم زر "الهامبرغر" في تخطيط تكيفي ، وترك للموقع الرئيسي قائمة خطية بسيطة للموقع الرئيسي.موقع بدون شعار
الشعار هو سمة مألوفة تقع في رأس الموقع ومصممة لزيادة الاعتراف. عادةً ما يتم استخدام الشعار جنبًا إلى جنب مع favicon - وهو رمز صغير يتم تمييزه في علامة تبويب المتصفح أمام اسم الصفحة المفتوحة. إذا تم تصميم الشعار و favicon بشكل صحيح ، فإنهما يساعدان على تذكر الموقع وزيادة احتمال العودة. بدون هذه السمات ، سيكون تذكر موقعك أكثر صعوبة.شريط التمرير على الصفحة الرئيسية
تجدر الإشارة إلى أن 1-5 ٪ من جميع زيارات الموقع انظر الصفحة الرئيسية. أيضًا ، لا تظهر معظم منزلقات الشاشة جيدًا على الأجهزة المحمولة وتحتفظ بنفس المشكلات التي تواجهها المواقع ذات التخطيط الأفقي. في بعض الأحيان يكون إنشاء شريط تمرير عالي الجودة أمرًا مكلفًا في بعض الأحيان ، وتفسد خيارات الميزانية على الفور الفكرة العامة للمورد: يذهب المستخدم إلى الموقع → يرى منزلقًا غير مريح وسوء التصميم → يترك الصفحة أو يبدأ في دراسة الصفحة بموقف سلبي. لتجنب ذلك ، يكفي التخلي عن شريط التمرير في الصفحة الرئيسية ونشر مواد العرض التقديمي حول الموقع بمساعدة حلول تصميم بسيطة: النص أو الرسومات أو الفيديو.روابط غير محددة
الرابط هو أداة للاحتفاظ بزوار الموقع. يقرأ المستخدم المقال الذي يعجبه → يرى رابطًا إضافيًا مفيدًا ← ينقر على هذا الرابط ثم يظل على الموقع. إذا تم وضع علامة غير ناجحة على الرابط ، فلن يكون لدى المستخدم أي شيء للتشبث به وبعد دراسة الموضوع المرغوب ، فسيغلق الموقع فورًا. لإصلاح ذلك ، تحتاج إلى جعل الروابط مرئية.لزيادة احتمال الانتقال ، يمكنك جمع كل الروابط الموصى بها وتكرارها في الختام لهذه المادة. لذلك سيرى المستخدم بالتأكيد ماذا يقرأ في الموضوع المحدد.الرسوم المتحركة زائدة عن الحاجة
يجب أن يؤدي أي ملف وسائط متعددة على الصفحة بعض الوظائف المفيدة: ترفيه أو سرد قصة أو المساعدة في التعامل مع الموضوع. إذا كان هناك الكثير من الرسوم المتحركة ، فستتحول الصفحة إلى زائدة عن الحاجة وسيكون من الصعب دراستها. سيتم أيضًا انتهاك مبدأ التباين وسيتم خلط جميع الرسوم المتحركة المهمة مع الرسوم المتحركة الثانوية. نتيجة لذلك ، لن يتذكر المستخدم أي شيء أو حتى يرفض دراسة الصفحة المثقلة بالأعباء.
تجنب التكرار والتركيز على الرسوم المتحركة الهامة.
تشتيت العناصر
تحتاج هنا إلى الالتزام بنفس المبدأ كما هو الحال مع الرسوم المتحركة الزائدة: إذا لم ينجح عنصر ما في إجراء مفيد ، فمن الأفضل عدم نشره على الصفحة. لا يُسمح بالاستثناءات إلا في الحالات التي يتم فيها تقديم هذه العناصر في شكل نوع من الزخارف عالية الجودة ، والتي تتيح لك خلق جو لطيف على الموقع. إذا كانت الجودة مشكلة ، فمن الأفضل عدم استخدام العناصر المذهلة - بهذه الطريقة سيكون هناك عدد أقل من الزائرين منزعجين.
النوافذ المنبثقة بدون زر إغلاق
زائر الموقع ضيف ، وجميع أعماله يجب أن تكون طوعية فقط. إذا قمت بإضافة النوافذ المنبثقة إلى الموقع وقمت بتصميمها دون زر إغلاق ، فلن يكون لدى المستخدم أي خيار مجاني. لهذا السبب ، يضمن عدم إعجابه بموقعك وفي المرة القادمة سيختار بالتأكيد مورداً منافسًا. لذلك ، إذا كنت تستخدم النوافذ المنبثقة بشكل عشوائي - تأكد من إضافة زر "إغلاق" كبير لهم.
CAPTCHA مزعج
CAPTCHA هي أداة مفيدة تحمي الصفحة من تدفق الروبوتات. لذلك ، يجب أن يكون captcha ولا يمكن الاستغناء عنه. تنشأ المشكلة بعد ذلك ، فإن برنامج captcha مبرمج بشكل غير صحيح ويساوي كل زائر جديد مع برنامج روبوت: يأتي شخص إلى الموقع للتسجيل بطريقة ممتعة → بدلاً من دراسة المحتوى ، يجب أن يقضي وقتًا في كتابة الأرقام والحروف التي لا معنى له. يتفاقم الموقف إذا كانت كلمة التحقق تالفة أو طويلة جدًا - فمن السهل على المستخدم إغلاق الصفحة بدلاً من فك تشفيرها. لذلك ، حتى لا تفقد الجمهور ، اجعل برنامج captcha مضغوطًا ، وغير مرئي ، ونادراً ما يعمل وقادر على التمييز بشكل أفضل بين شخص وروبوت. الخيار العادي هو reCAPTCHA.
النوافذ المنبثقة المتطفلة
النافذة المنبثقة هي عبارة عن لافتة منبثقة تحث المستخدم على اتخاذ بعض الإجراءات المحددة: الاشتراك في النشرة الإخبارية ، أو ترك رقم هاتف أو اتباع رابط معين. النوافذ المنبثقة تؤدي وظيفة الإعلان وتكون مزعجة للغاية في هذه الحالات عندما تظهر نافذة منبثقة مع رسالة غير لائقة على الصفحة:
إذا كنت تفعل النوافذ المنبثقة - فقدم لهم شيئًا مفيدًا وقم بتهيئتها حتى يتوفر للمستخدم الوقت الكافي لدراسة محتويات الموقع على الأقل.
إجراء التسجيل الإلزامي
إذا كنت بحاجة إلى التسجيل في المتجر عبر الإنترنت قبل الشراء ، فاستعد لإجراء تحويل منخفض.
إذا كنت ترغب في جمع بيانات المستخدم بأمان ، فما عليك سوى شرح مزايا إجراء التسجيل وجعله تلقائيًا عند حدوث عملية الشراء الأولى. إرسال كلمة المرور عن طريق البريد الإلكتروني.
يعد تجميع جهات اتصال المستخدمين المهتمين أمرًا صعبًا ، لكن الخسارة أمر سهل. لذلك ، لا تزعج المشتركين لديك ، لا ترسل البريد المزعج والإعلانات عديمة الفائدة. لقد وعدوا بمعلومات حول المكافآت المفيدة - أولاً الحديث عن المكافآت ، وبعد ذلك يمكنك إدراج بعض الإعلانات. إنه ممكن ، لكن ليس بطريقة أخرى.
إجراءات التسجيل المعقدة
إذا قرر المستخدم التسجيل على موقعك ، فلن تستغرق هذه العملية أكثر من دقيقة. عندما يكون نموذج التسجيل معقدًا للغاية ، ويشرف على الحقول المطلوبة ويتألف من عدة خطوات ، يكون من السهل على المستخدم تغيير رأيه بدلاً من تنفيذ الإجراء المقترح.
إذا احتاج المستخدم إلى إدخال الكثير من البيانات المطلوبة للتسجيل ، فكر في كيفية تبسيط هذه العملية. على سبيل المثال ، يمكنك توصيل المكون الإضافي وسحب البيانات الضرورية من الشبكات الاجتماعية. أو يمكنك تقسيم التسجيل إلى عدة أجزاء: يتم إدخال البريد والاسم ورقم الهاتف في البداية ، ويمكنك إضافة جميع المعلومات الأخرى في حسابك الشخصي.
إخفاء حقل كلمة المرور
يعد حقل إدخال كلمة المرور المخفية (****) مناسبًا للاستخدام في الخدمات المصرفية عبر الإنترنت وعلى المواقع التي يتم فيها تخزين أموال أو وثائق مستخدم مهمة. في هذه الحالة ، كلمة المرور المخفية مطلوبة وتستخدم كإجراء وقائي إضافي. على سبيل المثال ، إذا قررت استخدام الخدمات المصرفية عبر الإنترنت في مقهى عام ، فيمكنك تسجيل الدخول وعدم القلق بشأن سلامة حسابك.
بالنسبة لجميع المواقف الأخرى ، من الأفضل عدم استخدام حقل كلمة المرور المخفية ، لأنه يعقد عملية إدخال حسابك الشخصي. إذا لم يكن بالإمكان إلغاء السرية عن حقل إدخال كلمة المرور لسبب ما ، فتأكد من أن المستخدمين يمكنهم تشغيل هذا الخيار وإيقاف تشغيله حسب تقديرهم.
ملاحة
ترقيم الصفحات غير مكوّن
ترقيم الصفحات هي صفحات من كتالوج البضائع التي تتم قراءتها بواسطة روبوتات البحث بعد الصفحة الرئيسية مباشرةً. إذا كان ترقيم الصفحات مؤطرًا بشكل غير صحيح في المتجر على الإنترنت ، فسيتم الترويج للموقع بشكل سيء ويبيعه بشكل سيئ.
إذا كان هناك عدد كبير من المنتجات لفئة معينة على الموقع ، فيجب عليك تقسيم هذه الفئة إلى صفحات ترقيم الصفحات. يجدر إضافة زر تبديل الصفحة من أسفل المقالة ، قائمة مختصرة بكل الصفحات. في كثير من الأحيان على صفحات ترقيم الصفحات يمكنك العثور على زر إضافي لعرض جميع المنتجات في وقت واحد ، وهنا تحتاج إلى أن تكون حذراً للغاية وتأكد من أنه عند تحديث قائمة المنتجات سيتم تغيير عنوان URL ، والذي سيتم وضع noindex به مقدماً.
سيناريوهات السفر الخاطئة
أثناء تواجده في الموقع ، يجب أن يعرف المستخدم دائمًا الإجراءات التي يمكنه تنفيذها وما الذي سيتبعه. بمجرد عدم الاتفاق على نقطة ما ، تبدأ مشاكل الارتباك والتحويل. لتوضيح ذلك - سنقوم بتحليل هذه اللحظة على سبيل المثال الشراء غير المنسق للبضائع بنقرة واحدة:
هنا وضع آخر. تخيل أنك بحاجة إلى الاتصال بمدير الدعم الفني ولا يمكن القيام بذلك إلا من خلال طلب معاودة الاتصال. قمت بإدخال رقم هاتف ولا تتلقى أي إشعار. ولهذا السبب ، فأنت لا تعرف ما إذا كان المدير قد تلقى طلبك ، ومتى تنتظر الإجابة ، ومكان الاتصال إذا كان الموقف عاجلاً. وهذا هو ، يتم تشكيل سبب جاهز لمغادرة المنافسين.
يشار إلى رقم الهاتف ، ولكن لا يوجد تأكيد على أنه تم تسليمه إلى المدير.
لإصلاح ، سنقوم بتحليل حالة أخرى. صمم المبرمجون الموقع بشكل سيئ والمستخدمون لديهم مشاكل مع بطاقات المنتج. في البطاقات لا يمكنك تغيير عدد وحدات البضائع ولا يمكنك حذف المنتج المحدد من السلة. نظرًا لعدم وجود أدلة - سيصاب المستخدم بخيبة أمل سريعًا ولن يقوم بشراء أي شيء من هذا المتجر على الإنترنت.
لم يتم الإشارة إلى عدد الوحدات المحددة وليس هناك طريقة لتغيير أي شيء. إذا قمت بالتبديل إلى الخطوة التالية ، فحينئذٍ لا تتوفر وظيفة اختيار كمية البضائع
تجنب سيناريوهات الطفح ونسخ احتياطي لكل خطوة مخصصة مع نصائح التوضيح. هذه طريقة سهلة لتجنب النزاعات.
لا فتات الخبز
"Breadcrumbs" هو نظام ملاحة يعرض سلسلة حركة المستخدم من الصفحة الرئيسية إلى القسم الحالي. من المعتاد عرض "فتات التصفح" في الجزء العلوي من الموقع وبمساعدتهم ، يمكنك العودة بسرعة والعثور على قسم سبق عرضه. شاهدنا المنتج 10 - على "فتات الخبز" يمكنك التبديل إلى المنتج 2 بنقرة واحدة.
بالإضافة إلى وظيفة التنقل ، تؤثر فتات التصفح على تحسين سيو: فهي تنشئ رابطًا بين الصفحات الأخرى وتؤثر بشكل إيجابي على العامل السلوكي. لذلك ، إذا لم يكن هناك "فتات خبز" ، فسيكون المستخدمون غير مرتاحين لدراسة الموقع لفترة طويلة والعثور بسرعة على الأقسام التي يحبونها.
الصفحة الرئيسية الملاحة
"الصفحة الرئيسية" هي الصفحة التي سيعود المستخدم إليها إذا ضاع على الموقع. إذا لم تكن هناك صفحة من هذا القبيل ، فعند أول مشاكل التنقل ، سيترك بعض الزوار الموقع. لكي تؤدي صفحة "الصفحة الرئيسية" مهام أكثر فائدة ، يُنصح بإضافة العناوين الرئيسية في وصفها أو الحديث عن بنية الموقع بالكامل.
بالنسبة إلى المتجر عبر الإنترنت ، يمكن حذف عنصر القائمة هذا.
لا يوجد التنقل داخل مقالات الموقع
بالنسبة لمقالات المدونة الكبيرة ، فأنت بحاجة إلى التنقل الخاص بك. لإعداده ، يكفي تنفيذ إجراءين:
- قم بتثبيت مكون إضافي سيشكل المحتوى تلقائيًا من العناوين الفرعية للمقالة. سيتم عرض هذا المحتوى في بداية المقالة وبمساعدته ، سيتمكن المستخدم من البدء في القراءة فورًا من القسم المطلوب.
- أضف زر "أعلى" ، والذي سيتيح لك الانتقال بسرعة من أي قسم إلى المحتوى.
إذا كانت المقالة صغيرة الحجم وتناسبها من 3 إلى 5 شاشات للتمرير ، فإن إضافة التنقل ليست ضرورية. سوف يجد المستخدم المواد المناسبة بسرعة.
الملاحة الرسمية
الملاحة هي أداة من شأنها أن تساعد في تنظيف الموقع. إذا كان التنقل صعبًا أو غير منطقي ، فذلك سيمنع المستخدم من استكشاف الموقع بالكامل وتنفيذ إجراءات التحويل اللازمة: إجراء عملية شراء أو ترك رقم هاتف أو الاشتراك في الأخبار.
يتم نشر القائمة ذات التصنيف غير الصحيح للفئات أدناه: لم يتم تسليط الضوء على القسم الرئيسي والفئات الثانوية ليست منظمة.
هناك خطأ شائع آخر في التنقل الرسمي وهو ازدواجية المواقف. هذا عندما تجد في قسم "الملحقات" فئة "الملحقات". يجب إزالة مثل هذه المصادفة وعدم إرباك المستخدم.
مثال على عناصر القائمة المكررة عند استخدام "الملحقات" في القسم والفئة.
أيضًا ، لا تنس التأكد من أن جميع الصفحات تحتوي على قائمة من المستوى الأول. إذا لم تقم بإضافته ، فلن تتمكن من التبديل بين الفئات بسرعة والتصفح عبر المنتجات المختلفة.
مثال على كتالوج المنتجات بدون قائمة المستوى الأعلى. ليس لدى المستخدمين الفرصة للذهاب إلى اختيار فئة أخرى بنقرة واحدة.
لجعل التنقل الصحيح - ضع نفسك في مكان مبتدئ لا يعرف شيئًا عن الموقع. الآن اطرح السؤال التالي: هل يستطيع مبتدئ التحرك بسرعة حول عناصر القائمة المنشورة والعثور على المعلومات اللازمة؟ إذا كانت الإجابة "لا" ، فيجب إعادة صياغة سلسلة التنقل.
تسجيل
تصميم غير مناسب
التصميم هو صورة مرئية يجب أن تجذب جمهورًا وتبسط التفاعل مع الموقع. تصميم الجودة يفعل ذلك تماما. يقلل التصميم الخاطئ أو القديم أو الإبداعي بشكل كبير من جميع مقاييس التحويل ويحتاج إلى الإصلاح فورًا.
مثال على التصميم غير المهني. يتم خلط كل شيء هنا في كومة واحدة وغمرت بخلفية حمراء.
تكمن مشكلة التصميم الإبداعي في صعوبة تكوينه. لذلك ، إذا كان لديك شك في أفكارك ، فمن الأفضل إعطاء الأفضلية لتقنيات التصميم البسيطة التي ستكون مفهومة للجمهور المستهدف بأكمله.
مثال على التصميم الإبداعي عندما لا يُنظر إلى نظام المرشحات كمرشحات.
لا يمكن تقدير جمال التصميم المعقد إلا بواسطة مالك الموقع الذي دفع ثمن هذا التصميم. إذا لم تغمض الصفحات الأنظار وكان يتم فرز كل شيء عليها بوضوح ، فسيكون ذلك كافيًا للمستخدمين. الباقي فائض.
مثال على تصميم معقد ، عندما تحول العنوان المعتاد للبضاعة إلى حافز. من خلال خريطة النقر ، نرى أن المستخدمين هنا لا يفهمون إمكانية التفاعل مع الرموز المقابلة.
جودة التصميم لا يجب أن تكون باهظة الثمن وضخمة. إذا تم إقران أسلوب بسيط بسيط مع خدمات عالية الجودة ، فسيكون هذا كافياً لجذب جمهور مخلص. سيكون هناك جمهور راضي → المبيعات ستزيد ← سوف يظهر التصميم الاحترافي.
عمود النص غير مريح
يجب أن يشغل النص 60-70٪ من عرض الصفحة. إذا قمت بعمل هامش ضيق ، فسوف يمتد النص ويتحول إلى ورقة رأسية غير قابلة للقراءة. إذا كنت تستخدم الحد الأقصى للعرض ، فستمتد ورقة غير قابلة للقراءة بشكل أفقي. يحدث فشل تام عند إضافة خطوط serif إلى النص الممتد. فكر في المستخدمين ولا تنشئ أي إزعاج غير ضروري.
صور غير متناسبة
على الموقع ، يجب أن يكون التصميم المرئي بنفس الأسلوب. عناصر اللكنة مقبولة ، لكن يجب تصميمها بدقة ويجب على المستخدم فهمها. على سبيل المثال ، إذا كنت تقدم وصفًا لمنتج شخص ما ، فمن المسموح به إدراج صور بنسب مختلفة ومقياس في المقال - يفهم القارئ أننا نتحدث عن خصائص مختلفة لمنتج واحد. في الوقت نفسه ، لا يمكن للمرء تغيير النسب في الكتالوج العام للبضائع - هنا ، دون تعليقات إضافية ، من غير الواضح كيف تختلف بعض الصور عن غيرها.
مثال على صورة عالية جدًا في الرأس. للوصول إلى المحتوى - تحتاج إلى التمرير الصفحة. يتم حل المشكلة عن طريق الحد من ارتفاع الحد الأقصى بنسبة 50-70 ٪.
في كثير من الأحيان ، تنشأ مشاكل التناسب في التخطيط التكيفي. لذلك ، من المهم اختبار التصميم على أكبر عدد ممكن من الأجهزة.
مثال على التوزيع غير الصحيح للعناصر في النسخة المحمولة للموقع. تسقط الصورة الأولى من الكتالوج وتبدو أكبر من البقية.
الصور غير المتناسبة تخلق شعورًا بالارتباك وقلة الاحترافية. لذلك ، عندما يهتم أحد المستخدمين بهذا ، في المرة القادمة سوف يذهب للتسوق على الموقع دون مثل هذه المشاكل.
نص وخلفية غير متوافقين
الخيار المثالي هو النص الأسود على خلفية بيضاء. يعطي التأثير نفسه نصًا أبيض على خلفية سوداء. يمكنك الجمع بين الألوان الأخرى التي لا تندمج مع بعضها البعض وتسمح لك بسهولة قراءة المعلومات من الموقع. إذا كان كل المحتوى سهل القراءة في لمحة ، فاخترت النص والخلفية الصحيحة.
إذا لم يكن لديك مهمة تصميم خاصة ، فاختر نصًا أسودًا على خلفية بيضاء. لا حاجة للعب مع الزهور فقط من أجل الجمال - من الأفضل أن تقضي الوقت المدخر في إنتاج المحتوى. بالتأكيد سوف نقدر ذلك.
مثال على نص ضعيف القراءة في الرسوم التوضيحية.
مع عناية خاصة ، تحتاج إلى نهج التجارب النصية والخلفية في تخطيط التكيف. على الأجهزة المحمولة ، يصعب النظر إلى المعلومات ، لذلك ، يجب التعامل مع اختيار الألوان بعناية فائقة.
مثال على نص غير قابل للقراءة في تخطيط تكيفي.
إذا لم يناسبك الكلاسيكية في شكل نص أسود وخلفية بيضاء ، تذكر هذا الفارق البسيط: الأدوات المختلفة لها ألوان مختلفة. إذا كان كل شيء يبدو جيدًا على جهاز الكمبيوتر الخاص بك ، فإن هذا لا يعني أن المستخدم الذي لديه هاتف ذكي ذي ميزانية على Android سيكون لديه قابلية قراءة مماثلة.
تصميم النص الخام
لا يهتم أي من المستخدمين بقراءة لوحة قماشية صلبة لا تحتوي على عناصر تحكم الانتباه البصري: الفقرات والعناوين الفرعية والقوائم والصور والكتل الفردية التي تحتوي على معلومات مهمة. العين لا تتشبث بأي شيء ، لذلك حتى لو كانت جيدة ، فمن غير المرجح أن تقرأ.
هذه ورقة نصية مملة.
تصميم النص ليس أداة سحرية لزيادة التحويل. هذا فقط مع مساعدته ، تزداد فرص جذب عدد أكبر من الجمهور المستهدف.نص التصميم.إذا كان الموقع متخصصًا في نشر مقالات الخبراء المعقدة ولم ينافسك أحد في المواضيع المحددة ، فربما لا يلزم تصميم النص. أنت زعيم الرأي وليس هناك حاجة لإضاعة الوقت في التسجيل. في جميع الحالات الأخرى ، سيساعد التصميم في زيادة معدلات التحويل لكل مقالة.الاستخدام الإبداعي للروابط في عناصر الواجهة
يجب أن تكون جميع الروابط مرئية. إذا لم يحدث هذا ، فسيكون من الصعب على المستخدم الانتقال إلى الصفحة الموصى بها وتمديد الوقت الذي يقضيه في الموقع. أو قد يحدث أن ينقر شخص ما بطريق الخطأ على رابط مخفي ويغضب لأنه يضطر لمشاهدة المحتوى الذي لم يختره. لذلك ، يجب ألا تكون الواجهة إبداعية وتحول الروابط إلى لغز.مثال على الاستخدام غير العادي للروابط في النصوص والعناصر. لا يتم دمج الرمز مع النص ، لذلك لن يؤدي النقر فوق الرمز إلى انتقال إلى صفحة جديدة.عند التعامل مع الروابط في الواجهة ، من المهم أن تتذكر نقطتين: يجب على المستخدم أن يفهم أن الرابط أمامه ويجب أن يعرف أين يؤدي هذا الرابط. يتم تحديد اللحظة الأولى من خلال التصميم المرئي الصحيح ، وللحظة الثانية غالبًا ما تستخدم تلميحات أدوات إضافية.نظام الألوان السيئة
اللون هو عنصر مهم في أي تصميم. يؤثر اللون على الحالة المزاجية ويجعله مناسبًا لزوار الموقع لدراسة المحتوى المقدم. إذا تم اختيار نظام الألوان بشكل سيئ ، فيمكنك الحصول على الكثير من الملاحظات السلبية حتى على المحتوى ذي الجودة العالية. والعكس صحيح: إذا كان من الجيد أن تكون على الموقع ، فسيغفر المستخدمون الأخطاء الطفيفة.إذا كنت تخطط لتصميم موقع ملون جذاب ، تحقق من دروس الألوان الأساسية. هناك العديد من الفروق الدقيقة التي لا يمكن تلخيصها باختصار. عند اختيار نظام ألوان ، قم بتنظيم مجموعة تركيز وحاول معرفة الحلول التي تم تنفيذها بنجاح وما يحتاج إلى تحسين.درس في حساب اللون.إذا لم تكن مهتمًا بدراسة الألوان وفهم نظام الألوان ، فاترك خلفية بيضاء على الموقع. يتم استخدام هذا من قِبل Apple وكل شيء يتم تنفيذه مع العملاء.الإعلان المفرط
يتصفح المستخدمون الحديثون المواقع باستخدام كاشف رادار داخلي يتجاهل العروض الإعلانية المنشورة. ولهذا السبب ، فإن مقالًا يحتوي على إعلان واحد وعشرة إعلانات سيتم إنتاج نفس التأثير تقريبًا. في الوقت نفسه ، لن يكون هناك مقال مزوَّد بإعلان بانر واحد ، لأنه يتحدث عن خدمة مفيدة بطريقة غير مزعجة. مقالة تحتوي على عشرة لافتات تسبب الاشمئزاز والشعور بأن المؤلف يحاول بجد لجلب المنتج المعلن للقارئ. لذلك ، إذا كنت تريد قدراً أقل من النقد ، فقم بإعطاء إعلانات نزيهة وجرّب مقدارها.دعوة غير صالحة للعمل
إن دعوة إلى العمل هي الجزء الأخير من العرض الترويجي ، والذي يمكن مقارنته بالمصافحة بعد مناقشة شروط الصفقة. لذلك ، يجب أن تكون هناك دعوة لاتخاذ إجراء في أي إعلان ويجب تأطيرها بشكل صحيح.مثال لافتة مع دعوة ضعيفة للعمل.إذا لم تكن هناك دعوة لاتخاذ إجراء ، فلن يقرر جزء من الجمهور الشراء أو ينقله إلى وقت آخر. هذا هو عيبك الذي من السهل إصلاحه.مثال على دعوة ضعيفة للعمل. لا توجد جملة واضحة سواء في الزر أو في الشعار أو في النص.في كثير من الأحيان ، لا توجد دعوة ضعيفة إلى اتخاذ إجراء في شكل اشتراك. نادراً ما يستخدم المستخدمون هذا النموذج ، حتى لو تم وضعه في المكان الأكثر بروزًا.مثال على مسودة ضعيفة في نموذج الاشتراك.في بعض الأحيان تختفي الدعوة إلى اتخاذ إجراء عندما يتم ترجمة الموقع إلى نسخة قابلة للتكيف. هذه مشكلة فنية يجب اكتشافها وحلها في الوقت المناسب.مثال على مكالمة تالفة في نسخة قابلة للتكيف من الموقع.تعمل الدعوة إلى العمل بشكل جيد فقط عند إقرانها مع صورة شعار. واحد دون الآخر يعطي تأثير ضعيف وغالبا ما يمر دون أن يلاحظها أحد.مثال لافتة دون دعوة إلى العمل واقتراح واضح.قم بإجراء مكالمة - اجعلها مقنعة وواضحة. تأكد أيضًا من التأكد من أن المكالمة تسير على ما يرام مع صورة لافتة إعلانية. بدون هذا ، سيقوم بعض العملاء بتقديم طلب على مواقع أخرى.الصور دون المستوى المطلوب
يبدأ معظم المستخدمين في استكشاف المحتوى من خلال عرض الصور. لذلك ، من المهم التأكد من أن هذه الصور واضحة وصياغة جيدة وفي موضوع المادة المنشورة. هذا يشكل قصة شاملة ، على أساسها يسهل على المستخدم اتخاذ قرارات الشراء.مثال على صورة المنتج منخفضة الجودة.لتحسين جودة الصورة بسرعة - اشتر مكعبًا صينياً محمولًا لتصوير الموضوعات (تحرير الصور الفوتوغرافية). هذا هو ملحق غير مكلفة من شأنه أن يعطي جميع الصور من العلامات التجارية متجرك على الانترنت.الرسوم التوضيحية المفقودة أو الزائدة
أنت تعلم بالفعل أنه بناءً على الرسوم التوضيحية عالية الجودة ، يتخذ المستخدم قرارًا بشأن شراء البضائع. لذلك ، إذا كنت تبيع شيئًا ، فيجب أن يكون لديك صورة واحدة على الأقل. في الوقت نفسه ، إذا كان هناك الكثير من الرسوم التوضيحية ، فإن هذا يمكن أن يثقل كاهل الصفحة ويخيف بعض المستخدمين. لتجنب ذلك ، ادمج الرسوم التوضيحية مع الفيديو. على سبيل المثال ، التقط صورة للمنتج من الزوايا الرئيسية واستكمل الصفحة بمراجعة الفيديو حيث سيكون هناك تفريغ وسيناريوهات لاستخدام المنتج في مواقف مختلفة.جعلت سيئة أزرار وسائل الاعلام الاجتماعية
إذا كانت أزرار الشبكات الاجتماعية مصممة بشكل غير صحيح أو تبدو غير مستقرة ، فلن يقوم العديد من المستخدمين بالنقر فوقها ولن يستمروا في التعرف على المحتوى الخاص بك على المنصات الاجتماعية. لتجنب هذا - تخطيط جميل.مثال على أزرار الشبكة الاجتماعية المصممة بشكل غير صحيح مع عنصر واجهة تعامل instagram قديم.بالإضافة إلى الجاذبية البصرية ، مع أزرار الشبكات الاجتماعية ، غالباً ما تنشأ مشكلتان أخريان. تتعلق المشكلة الأولى بأي إخفاقات تقنية تجعل الأزرار غير قابلة للنقر. لن تكون قادرًا على تأمين نفسك ضد هذا الفشل ، وبالتالي ، يجب عليك اختبار الموقع بشكل دوري لمعرفة أداء جميع العناصر القابلة للنقر. يمكن أن يكون سبب المشكلة الثانية هو حقيقة اختيار الشبكات الاجتماعية دون مراعاة مصالح الجمهور. على سبيل المثال ، إذا كان معظم القراء يستخدمون Telegram ، وكنت لا تعمل مع برنامج المراسلة هذا ، فسيحدث فقد لحركة المرور. في هذه الحالة ، تحتاج إلى تصحيح الموقف أو تحمل الخسارة.تسويق
لا يوجد عرض واضح للموقع الرئيسي
العرض الرئيسي للموقع هو الموضوع الذي يتخصص فيه موردك. هذا هو الاقتراح الرئيسي الذي يجب على المستخدم حسابه في الثواني الثلاث الأولى من البقاء على الموقع. بيع معدات Apple المستخدمة - ضع كتالوجًا به الأدوات المتاحة على الصفحة الرئيسية ، وقم بإنشاء مدونة أو نشر أخبار على صفحات أخرى. على العكس من ذلك ، من غير المرغوب فيه القيام به ، لأن وضوح عرض الموقع الرئيسي مفقود. إذا كان الاقتراح الرئيسي غير واضح ، فلن يفهم بعض المستخدمين أي شيء ويتسوقون مع المنافسين.عدم وجود ضمانات
الضمان هو علامة على أن البائع واثق من المنتج ويمكن أن يشهد على جودته. اصطحب متجرين عبر الإنترنت حيث يُباع جهاز MacBook Air لعام 2018 بسعر 1900 دولار. يعمل المتجر الأول دون ضمانات ، وفي الثانية تكون فترة الضمان 12 شهرًا. في ظل هذه الظروف ، يقوم معظم المستخدمين بالشراء في المتجر الثاني عبر الإنترنت.يعد جهاز MacBook Air لعام 2018 مثالًا على منتج سيتم بيعه بنفس السعر تقريبًا في جميع المتاجر عبر الإنترنت. الموقع مع ضمان أفضل سيفوز في المسابقة.إذا كنت تبيع سلعًا قابلة للتصرف أو قابلة للتلف ، فلن يعمل على الأرجح إصدار ضمان عليها. في هذه الحالة ، لا يوجد شيء يمنعك من الخروج بديلاً مكافئًا. على سبيل المثال ، في الأعمال التجارية لبيع الزهور ، يمكنك تطبيق التوصيل المجاني أو نظام الخصم الممول للعملاء العاديين.البنود المعقدة التي تباع دون مطالبات
إذا كنت تقدم أي منتج تقني أكثر تعقيدًا من cheburek في الجهاز ، فأنت بحاجة إلى نصائح على الموقع. جميع المفاهيم التي قد تواجه المستخدم حتى من الناحية النظرية ينبغي أن تبرز في المطالبات. تذكر فاسيا من بداية المقال ، الذي لم يكن يعرف شيئًا عن القوة الوهمية ، وبسبب عدم وجود أدلة ، فقد المتجر الإلكتروني عميلًا منتظمًا. إذا كنت في شك ، ضع تلميحًا أو لا - ضعه. بالنسبة لأولئك الذين يفهمون الموضوع ، فإن هذا لن يضر ، لكن القادمين الجدد المهتمين سيساعدون.الدردشة عبر الإنترنت دون مدير
يرتبط بيع أي منتج بالفروق الدقيقة التي لا يمكن الكشف عنها بمساعدة برنامج محادثة برمجي لديه القدرة على توزيع الإجابات على الأسئلة المتداولة. شخص حي - يجب أن يتحدث المدير عن هذه الفروق الدقيقة. إذا كان لدى أحد المستخدمين سؤال وكان موقعك لا يحتوي على مستشار مباشر ، فسيتم دائمًا ترك الطلب في المكان الذي يعمل فيه هذا الاستشاري دائمًا. بالإضافة إلى ذلك ، عندما يتصل المدير مباشرة مع مستخدم مهتم ، فإن لديه الفرصة لزيادة معدل التحقق من خلال التوصية بالمنتجات ذات الصلة. يعمل لكل مشتر رابع.لا توجد معلومات عن كمية البضائع المتاحة
تخيل هذا الموقف: تفتح شركة تكنولوجيا معلومات كبيرة مكتبًا جديدًا وتشتري أربعين شاشة من Dell P2418D. يذهب ممثل شركة تكنولوجيا المعلومات إلى الموقع الإلكتروني للمتجر عبر الإنترنت → يضع طلبًا ← يتلقى فاتورة تشير إلى وقت التسليم المحدد ، وبدءًا من هذه الفترة ، يعلن للموظفين تاريخ بدء العمل في المكتب الجديد.إذا كانت الشركة تحتاج إلى اثنين وأربعين من شاشات Dell P2418D ، فمن المهم بالنسبة لهم معرفة ما إذا كان يمكنهم شراء مثل هذه الكمية من البضائع في مكان واحد. عادة ما تكون عملية الشراء بالجملة أرخص.في اليوم التالي ، يبدأ مدير المتجر عبر الإنترنت في جمع الطلب وتبين أنه لا يوجد عدد محدد من الشاشات في المستودع: تحتاج إلى أربعين قطعة ، ولكن لا تحتاج إلا إلى عشر قطع. يتصل المدير بالعميل ويعلن المشكلة. يقوم ممثل شركة تكنولوجيا المعلومات بإلغاء الطلب ، لأنه يمتلك معيارًا للشركات ، يُسمح لقواعده باستخدام النوع المحدد فقط من الشاشات. بالإضافة إلى ذلك ، سيتعين على الموظفين الذين يغادرون مبكرًا دفع غرامة عن كل يوم عندما يذهبون إلى العمل ولا يستطيعون أداء واجباتهم بسبب عدم وجود مراقب.من السهل تخمين أنه لن يكون هناك طلب واحد من المتجر الإلكتروني المخالف من هذه الشركة. مثالنا بعيد المنال ، لكنه يوضح مدى أهمية المعلومات حول كمية البضائع المتاحة. ضع ذلك في الاعتبار عند تصميم بطاقات المنتج على موقع الويب الخاص بك.لا توجد بيانات عن طرق التسليم والدفع.
يمكن لتعريفات شركات النقل ، بالإضافة إلى عمولة خدمة الدفع ، إضافة ما يصل إلى 15٪ من التكلفة الأولية للطلب: اختاروا البضائع مقابل 100 دولار ← المستلمة 115 دولارًا للدفع. لهذا السبب ، من المهم وصف جميع خدمات التوصيل وجميع أنظمة الدفع التي يدعمها المتجر عبر الإنترنت:- إذا كان الخيار كبيرًا ، فسيكون المستخدم قادرًا على اختيار التعريفة ووقت التسليم الأمثل. يمكنك الدفع الزائد والحصول على السلع بشكل أسرع أو العكس - انتظر فترة أطول وحفظها.
- إذا لم يكن هناك خيار أو كان محدودا ، فسيعلم المستخدم مقدمًا عن العمولة ولن يقدم مطالبة في وقت استلام البضاعة.
تتمثل مهمة مالك المتجر على الإنترنت في إبلاغ المستخدم الذي سيقرر بشكل مستقل ما يجب القيام به بعد ذلك. إذا لم تكن هناك معلومات ضرورية ، فهناك فرصة لفقدان عميل منتظم.لا تأكيد البريد الإلكتروني
غالبًا ما يفقد المستخدمون معلومات حول الطلب ، ولا تحذر شركات النقل دائمًا من استلامها في الوقت المناسب. لهذا السبب ، قد تكون هناك حالات عندما يفقد مالك المتجر عبر الإنترنت العملاء ويفقد تكلفة تكاليف نقل شركات النقل. لتجنب ذلك ، يكفي تكرار كل طلب بالبريد الإلكتروني. ثم لن يكون هناك سبب للنزاعات.محتوى
مشاكل القواعد
يجب نشر أي مواد نصية دون أخطاء أو أخطاء مطبعية. إذا لم يتم اتباع ذلك ، فقد يؤثر ذلك على الصورة وثقة المستخدم في المورد. المنطق هنا هو: إذا لم يكن لدى مالكي الموقع الوقت الكافي لمراجعة نصوصهم ، فمن أين سيجدون وقتًا لتنفيذ أوامر العميل بجودة عالية.ومن الجدير بالملاحظة هنا ملاحظة مهمة: حتى دار النشر الكبيرة ليست في مأمن من الأخطاء المطبعية ، حيث يتم التحقق من كل مقترح من قبل جيش من المراجعين. لذلك ، لا غنى عن الأخطاء النحوية ، ولحل هذه المشكلة ، تحتاج إلى القيام بمهمتين: التحقق من المحتوى عدة مرات قبل النشر ومتابعة المراجعات ، حيث سينتقد المستخدمون المواد الخاصة بك بسبب إرسالها إلى الأميين. وشهد انتقادات في الاستعراضات - أشكر المعلق وتحرير النص.معلومات قديمة
غالبًا ما تعاني تلك المواقع التي يجمع أصحابها بين نشاط الريادة التقليدي والأعمال التجارية عبر الإنترنت من محتوى غير ذي صلة. على سبيل المثال ، تعمل إحدى الشركات على طباعة الإعلانات الخارجية ، ومن أجل جذب المزيد من العملاء ، أطلقت موقعًا إلكترونيًا به معدلات ومعلومات عن نفسها.إذا لم تقم بتحديث الأسعار والمعلومات عن نفسك ، فسيتم تشكيل التوقعات الخاطئة للعملاء: لقد توقعوا أن يطلبوا بطاقات العمل مقابل 100 دولار ، وارتفع الحد الأدنى للسعر قبل ستة أشهر إلى 200 دولار. هذا أمر مزعج وعدم ثقة وحافز لعدم استخدام خدمات الشركة أبدًا.إذا تعذر تحديث المعلومات بسرعة ، لسبب ما ، فأغلق الصفحة مؤقتًا ببيانات غير ذات صلة ونشر جهات اتصال المدير في مكانها. اسمح للمدير بالتواصل مع العملاء وإجراء مشاورات شفوية.نص ضعيف مدونة المحتوى
المدونة هي أداة يجب أن تعمل على الإجراء العام المفيد لموقع ما. لذلك ، فإن أي محتوى لا يساعد على تنفيذ هذا الإجراء المفيد سيعتبر منخفض الجودة. على سبيل المثال ، إذا كان الموقع مخصصًا لبيع جزازات العشب ، فيجب أن تكون المدونة مخصصة أيضًا لبيع جزازات العشب: يأتي العميل إلى الموقع - شكوك حول اختيار واحد أو آخر من نماذج جزازة العشب - يذهب إلى المدونة ويقرأ المراجعات - يتلقى الإجابات المطلوبة - يصدر أمرًا أو يطلب نصيحة. هذا هو المحتوى الجيد.الآن تخيل أن العميل يذهب إلى المدونة وبدلاً من المتسللين إلى الحياة من اختيار ماكينات جز العشب ، سوف يرى فقط صوراً للكلاب الجميلة على خلفية العشب الطازج. هذا محتوى منخفض الجودة ، حيث أن الصور لا تساعدك في اختيار جزازة العشب وسيعمل عميلك المحتمل على البحث عن المنافسين بكل المعلومات اللازمة.عدم وجود صفحات إلزامية "من نحن" و "جهات اتصال"
تعد صفحة About Us هي المكان الوحيد على الموقع حيث يكون من المناسب للشركات أن تثني على نفسها وتتحدث عن إنجازاتها. في هذه الصفحة ، من المهم إظهار مدى اختلافك عن منافسيك وسبب تعاون العملاء معك. إذا كانت الصفحة "من نحن" غائبة أو تم تجميعها رسميًا ، فإن هذا يسبب عدم الثقة.لجعل صفحة "من نحن" مفيدة ، قم بإعداد إجابات للأسئلة التالية: من أنت ، ما هي مهمتك العالمية ، ما الذي تقوم به ونوع العمل الذي لا تقوم به ، وما هي خدعتك ، في الحالات غير القياسية التي يمكنك مساعدتها ومع أي مكافآت يمكنك تأكيدها المؤهلات.صفحة الاتصال هي المكان الذي سيذهب إليه جميع المستخدمين الذين يرغبون في تقديم طلب أو تحديد معلومات على الموقع. إذا لم تكن لديهم الفرصة للقيام بذلك ، فسيجدون ببساطة كل الإجابات من المنافسين.صفحة المنتج و / أو الفئة طويلة جدًا
إذا كنت تعد مواد لمدونة ، فلا توجد قيود على حجم الصفحة وطولها. اكتب قدر ما تحتاج. الشيء الرئيسي هو أن المقال مفيد للقارئ. عندما يتعلق الأمر بصفحة تحتوي على عرض لشراء منتج ، فإن تنسيق الصفحة الطويلة ليس مناسبًا هنا: يتعب المستخدمون ، ولا يقلبون الصفحة ، ويفقدون الاهتمام ولا يشترون أي شيء. نتيجة لذلك ، لا يوجد سوى هؤلاء المستخدمين الذين يشترون هذا المنتج دون وصف.صفحة عرض المنتج طويلة جدًا. وفقًا لتحليل التمرير للصفحة ، نرى أن عمق التمرير هنا صغير جدًا.الاستثناء هو جميع المواقف عندما يتم بيع منتج معقد متعدد المكونات ، يحتاج كل جزء منه إلى شرح مفصل. في هذه الحالة ، يمكن تحميل الصفحة بمعلومات ومصنوعة بأي طول.هناك صفحة ولكن لا يوجد وصف المنتج
إذا تم تشغيل المتجر عبر الإنترنت على عجل ، فإن العديد من صفحاته تبقى فارغة. في أفضل الأحوال ، هناك صورة وقائمة قصيرة من الخصائص والسعر والهاتف ، في أسوأ الأحوال - لا يوجد شيء على الإطلاق. عندما لا يوجد وصف للمنتج ، يصعب على الزائر أن يفهم ما أمامه ولماذا يستحق الشراء. في هذه الحالة ، حتى بسعر منخفض ، سيحاول عميلك المحتمل الانتقال إلى المنافسين الذين تم ترتيب مواقعهم على الإنترنت والذين يتحدثون بالتفصيل عن منتجاتهم.عدم وجود وصف في صفحة بطاقة المنتج.في بعض الحالات ، قد يتم استبدال وصف النص بالكامل بمراجعات الفيديو. ومع ذلك ، حتى إذا كان هناك مقطع فيديو ، فأنت بحاجة إلى إضافة قائمة مختصرة بالخصائص الرئيسية: سيشاهد المستخدم مراجعة فيديو → من خلال الوصف النصي سوف يمر بالنقاط الرئيسية → اتخاذ قرار الشراء. بدون ورقة الغش النصية ، يكون اتخاذ القرار أكثر صعوبة.هيكل بطاقة المنتج غير متناسق
بطاقة المنتج - هذه إحدى صفحات المتجر على الإنترنت ، والتي توضح جميع خصائص البضائع المباعة. تتكون بطاقة المنتج المدروسة من نسختين: قصيرة وممتدة. تسرد البطاقة الموجزة الخصائص الأكثر شيوعًا والأكثر أهمية ، والتي على أساسها يختار المستخدمون منتجًا. تشير البطاقة الموسعة إلى جميع البيانات الفنية المتعلقة بالمنتج المعني.إذا كانت البطاقة تحتوي على بنية خاطئة ، فستقتصر فقط على وصف موجز أو موسع. إذا كان هناك وصف قصير فقط ، فسيؤدي ذلك إلى التخلص من المستخدمين ذوي الخبرة المهتمين بالتفاصيل. إذا لم يكن هناك سوى وصف موسع ، فسوف يغادر المبتدئين ، والذين سيكونون خائفين من التفاصيل.في عداد المفقودين العناوين والعناوين الفرعية
تؤدي العناوين والعناوين الفرعية العديد من الوظائف المهمة في آن واحد: فهي تخبر عن محتوى النص وأين توجد المعلومات الضرورية في هذا النص.على الأرجح ، فكرت على الفور في المثال الصحيح بالعناوين ذات العناوين الفرعية: وهي منظمة ، مقطعة إلى أجزاء وسهلة التعلم. يتم تقديم المثال الأيسر في شكل كعكة نصية ، والتي لا أريد دراستها. جميع زوار موقعك يفكرون في نفسه. لذلك ، حتى لا تزعجهم ، فكر في الهيكل.عناوين خاطئة للعناوين والعناوين الفرعية
على الإنترنت ، تتم قراءة معظم النصوص بشكل قطري ، والنقاط الرئيسية للقراءة هي العناوين والعناوين الفرعية. إذا كنت لا تفكر في الأمر وتجبرهم على سرد قصة ، فيمكنك أن تفقد الزوار بسرعة.إذا لم يكن للقارئ أي سبب وجيه لدراسة المحتوى الخاص بك ، فبدون العناوين والعناوين الفرعية المدروسة ، لن يقوم بذلك: من الأسهل دائمًا إغلاق الصفحة بدلاً من فهم محتوياتها. لذلك ، عند تصميم مقال ، فكر دائمًا في القراءة القطرية.إخفاء محتوى مفيد
إذا قرر المستخدم ، بعد قراءته قطريًا ، دراسة مقالتك ، فسوف ينتبه أولاً إلى الفقرة الأولى. يجب نشر الفكرة الرئيسية للمقال بأكمله في هذه الفقرة. إذا لم يحدث هذا ، فسيغادر جزء كبير من المستخدمين ولن يشاهدوا النص المتبقي.حاول دائمًا توضيح النقطة الرئيسية في الفقرة الأولى. بعد إضافة الحجج. إذا فعلت العكس ، فسوف ينخفض التحويل.تجاهل القوائم
القائمة عبارة عن أداة تؤدي وظيفتين: فهي تساعد في تنظيم المعلومات المتجانسة وتبسيط قراءة المقالات على الموقع. إذا رأى المستخدم القائمة ويفهم ما يتحدث عنه ، فإن قراءة هذه القائمة ليست ضرورية. إذا لم تكن هناك قائمة ، فسيتعين عليك قراءة كل شيء.لا تتجاهل القوائم وإضافتها حيث يتم سرد العديد من الكيانات المتجانسة. إذا كان الترتيب مهمًا ، استخدم قائمة مرقمة. في جميع الحالات الأخرى ، يمكنك القيام بقائمة نقطية.ما التالي
الخطوة رقم 1. قم بتنزيل قائمة التحقق مع أخطاء التصميم وسهولة الاستخدام المدرجة.الخطوة رقم 2. تحقق من موقعك ووضع علامة على جميع النقاط التي تحتاج إلى تحسين.الخطوة رقم 3. إصلاح المشاكل لاحظ وقياس تحويل الموقع.وما هي الأخطاء في التصميم وسهولة الاستخدام التي تواجهها شخصيًا؟ تبادل الخبرات الخاصة بك في التعليقات.
أرسلت بواسطة أندريه شورني ، الرئيس التنفيذي لشركة Plerdy.com