عندما أقابل قصة أخرى حول كيفية دمج الشركات الناشئة "المبتكرة" الملايين لإنشاء خدمة ، وبعد ذلك يبدو موقعهم وكأنه شيء غير مفهوم ، أشعر بسخط شديد. وبعد قراءة مقال
عن تعدد المهام والتعايش من المؤسس المشارك والمدير التنفيذي لشركة Tnomer ، شعرت بالترحاب. تم الحصول على 3 ملايين يورو ، لكن الموقع ، على ما يبدو ، لم يكن كافيًا.
يربط المستخدمون تجربة التفاعل مع الموقع بانطباعات الشركة نفسها. موقع بسيط ومريح ومفهوم يشكل موقفا مناسبا للشركة.
لاجتذاب الزوار ، على سبيل المثال ، بمساعدة الإعلانات السياقية باهظة الثمن ، سوى بضع ثوان لإنشاء انطباع وإقناع المستخدم بالبقاء حتى للحظة واحدة.
ما هو الانطباع الذي يخلقه موقع الشركة باستثمار قدره 3 ملايين يورو؟ ترافق كل مشكلة توصيات يمكن أن تساعد في إلقاء نظرة على مشروعك من منظور مختلف ، مما يجعله أكثر راحة ومتعة للمستخدمين.
القضايا العالمية
أولاً ، ضع في اعتبارك المشاكل المتعلقة بالموقع بأكمله ككل.
المشكلة
نمط مرتبط لتسليط الضوء على الروابط والعناوين. عدم وجود نظام ترميز لون واحد للروابط. يستخدم اللون الأزرق للشركات لتمييز الروابط في "رأس الموقع" وبعض عناصر الواجهة الأخرى ولتمييز الرؤوس في نفس الوقت. نتيجةً لذلك ، لا يفهم المستخدمون أي عنصر هو الرابط وأي محتوى هو العنوان الرئيسي أو اللهجة ، حتى يتم تمرير الماوس فوق الماوس أو النقر فوق الجهاز المحمول. كل هذا يسبب الضغط المعرفي ، الذي يمكن أن يؤثر على كل من الرغبة في مواصلة التفاعل ، ونتيجة لذلك ، التحويل ، والثقة في العلامة التجارية ككل. بالإضافة إلى ذلك ، تتفاقم المشكلة من خلال حقيقة أن تسليط الضوء على الرابط باللون الأزرق هو حل مألوف.
مشكلة أخرى هي تخصيص الروابط مع اللون الفوشيه للشركات دون أي تبعية مرئية.
التوصية
استخدم أنماطًا مختلفة للعناوين والروابط. جلب جميع الروابط على الموقع إلى نمط واحد. علاوة على ذلك ، قد يختلف نمط تصميم الارتباط في القائمة العلوية عن النمط العام ، نظرًا لأن عنصر الواجهة هذا معروف جيدًا من قبل المستخدمين بغض النظر عن اللون.
المشكلة
أنماط مختلفة من الأزرار للإجراء المستهدف. في الوقت نفسه ، هناك أزرار على الموقع مغمورة بفوشية ألوان الشركة وأزرار مغمورة باللون الأزرق للشركة. تتضمن إحدى القواعد الأساسية للواجهة المريحة تصميم عناصر من نفس الترتيب ذات الأهمية في نمط واحد.
التوصية
تطبيق نمط تصميم موحد لأزرار العمل الرئيسية. من حيث التباين وسهولة القراءة ، من الأفضل استخدام الإصدار الأزرق من الزر. اعتمادًا على أهمية الزر ، يمكن تغيير حجمه مع الحفاظ على التعريف الأساسي.
حاسبة تكلفة الإصلاح (الخطوة 2: اختيار التصميم)
تتمثل الخطوة الثانية في حساب تكلفة الإصلاحات في أحد الإجراءات الرئيسية على الموقع ، والتي من المحتمل أن يحولها الزائرون المطمئنون إلى عملاء متوقعين ، كما تصورهم المطورون.
المشكلة
تطبيق غير صحيح لأنماط التصميم لعناصر التنقل في الواجهة.المفتاح العلوي هو في الواقع شريط تقدم ، يعكس المرحلة الحالية للمستخدم والخطوات المتبقية. لا ينفي تمثيل هذا العنصر في شكل شريط تقدم القدرة على التبديل بين الخطوات ببساطة ، ولكنه يبني تسلسل هرمي واضح للعناصر ويجعل التفاعل أكثر وعياً.
يجمع مفتاح السعر بشكل مرئي بين أنماط عنصري الواجهة في آن واحد: زر الإجراء الهدف وزر الإجراء الثانوي ، وفي الوقت نفسه لديه سلوك غير معتاد تمامًا لعناصر الواجهة هذه. إن إبراز العنصر النشط في شكل زر عمل مستهدف (تعبئة زرقاء) ينطوي على إمكانية الضغط وانتظار نوع من رد فعل النظام.
التوصية
صمم المفتاح الأول في النمط المقابل لمهامه: شريط التقدم. إحضار محول السعر إلى نمط المحولات الأخرى في الموقع.
المشكلة
هل المحولات الموجودة أعلى الصورة والنقاط الموجودة في الصورة هي نفسها ، أم أنها تؤدي إجراءات مختلفة؟لا يتم تقسيم مفتاح الأنماط الداخلية ومفتاح التجسيد للنمط المحدد بشكل كافٍ. قبل التفاعل مع مفتاح التجسيد الخاص بالنمط المحدد ، ليس من الواضح ما إذا كان سيتم تبديل النمط بالكامل ، أو سيتم عرض صورة أخرى من النمط الحالي. بالإضافة إلى ذلك ، فإن الحل المقبول عمومًا هو استخدام عناصر التنقل الأساسية بين الصور في شكل أسهم (توضع عادة على الجانبين الأيسر والأيمن). بدون أسهم التنقل ، يتعين على المستخدم توجيه مؤشر الماوس في مربع صغير بدرجة كافية للتبديل في الصورة التالية.
التوصية
قم بتقوية الفصل المرئي للمفاتيح ، أضف أسهمًا لتبديل الصور من النمط المحدد بسهولة أكبر. أو قم بتطبيق حل واجهة لا يتطلب استخدام رموز تبديل الصور النشطة.
المشكلة
ليس من الواضح ما الذي سيحصل عليه المستخدم بالضبط مقابل التكلفة المحددة لكل متر مربع من الإصلاح. يتم التركيز في الواجهة بدقة على التكلفة ، وهو أعلى من المتوسط للسوق ، في حين أن سبب هذا السعر غير مبرر.
المفهوم الرئيسي للمشروع: لم يتم ذكر إصلاحات شاملة على الآلة الحاسبة. على ما يبدو ، من المفترض أن المستخدم يعرف بالفعل هذا ، لكن على الأرجح لن يكون كذلك.
يطرح عدد من الأسئلة:
- أمثلة على التصميمات الداخلية هي العرض الفعلي (سأتلقى مثل هذا الإصلاح فقط ويجب أن أختار من بين تلك المقدمة على الموقع) أو هل هذه أمثلة فقط (انظر كيف يمكن أن يكون)؟
- هل الأثاث المقدم في الداخل مشمول في تكلفة الإصلاح أم يتم عرضه كمثال؟
- إصلاح لمدة 15 ألف أسوأ من إصلاح لمدة 20؟ هل من الممكن الحصول على إصلاح مماثل للأمثلة لـ 25 ألف ولكن لمدة 15؟
يتم تقديم إجابات جزئية على هذه الأسئلة في الواجهة باستخدام الرابط "المواد ومراحل العمل" ، ولكن التفاعل مع هذا الرابط يعطل عملية حساب التكلفة ويثير أسئلة جديدة.
التوصية
راجع واجهة الصفحة بناءً على احتياجات الجمهور المستهدف. ركز على الفكرة الأساسية للمشروع: "شاملة". قد يكون التحول في التركيز من القيمة إلى النتيجة المرجوة حلاً أكثر فعالية.
استبعد خيارات المقاطعة في عملية حساب تكلفة الإصلاحات (انتقل إلى صفحات أخرى ، على سبيل المثال ، "المواد ومراحل العمل") ، على سبيل المثال ، عن طريق فتح المحتويات في نافذة منبثقة.
حاسبة تكلفة الإصلاح (الخطوة 3: خيارات متقدمة)
تتطلب الخطوة "خيارات إضافية" مستوى عالٍ من الخبرة من المستخدم ، مع عدم التأثير بشكل كبير على تكلفة الإصلاحات. يثير نقص التصورات والتفسيرات الواضحة المزيد من الأسئلة. في هذه الحالة هل من الضروري تفكيك النهاية؟ ماذا سيحدث إذا لم تختر عنصر "باب المدخل" ، أو لن يكون موجودًا على الإطلاق ، أو إذا تم تثبيت شيء "قياسي"؟ ما هو التثبيت؟ ("لماذا أحتاج إلى نحت في الحمام؟" - لا يفهم جميع المستخدمين معنى المصطلحات المتخصصة).
التوصية
مراجعة أهمية العناصر المقدمة. تأكد من درجة كافية من شمولية كل عنصر من العناصر المقترحة عن طريق إضافة أوصاف وصور يمكن فهمها للمستخدم العادي.
المشكلة
عدم وجود تبرير للتكاليف. في الخطوة الأخيرة ، يتلقى العميل التكلفة الإجمالية للإصلاح. ولكن بسبب عدم وجود شفافية كافية في المراحل السابقة ، فهو لا يفهم بالضبط ما هو مدرج في المبلغ النهائي: العمل فقط ؛ العمل والمواد ؛ العمل والمواد والأثاث؟ شاملة أو شيء أساسي؟ وعلى خلفية هذه الأسئلة ، يبدو نموذج الطلب غير مقنع ولا يحفز التفاعل معه.
التوصية
أضف مبررات واضحة للتكلفة المقدرة للإصلاحات. للتذكير مرة أخرى بالفكرة الرئيسية للمشروع: "شاملة". توفير الدافع الكافي للتفاعل مع نموذج الطلب.
تكنولوجيا الصفحات والمواد
المشكلة
يُعد محتوى صفحات "التكنولوجيا والمواد" جزءًا من مبرر التكلفة في آلة حاسبة الإصلاح ، ولكن يتم تنفيذه كصفحات منفصلة ، والتي تنتهك منطق الآلة الحاسبة وتنتهك سلامة الاقتراح.
التوصية
الجمع بين إصلاح آلة حاسبة والمواد داخل واجهة واحدة.
المشكلة
"ما الذي تتحدث عنه كل هذه البنوك؟ كيف تختلف عن العلب في خيارات إصلاح أرخص / أكثر تكلفة؟ هل أحتاج إلى فعل شيء معهم؟ اختر؟ "يتطلب محتوى الصفحة مستوى عالٍ من الخبرة من المستخدم. من المفترض أنه على دراية جيدة في مواد التشطيب لاتخاذ قرار بشأن اختيار مجموعة معينة من الخدمات. بعض المواد (على سبيل المثال: خيارات الأرضيات أو الأبواب) سهلة للغاية للاختيار ، ولكن نظرًا لتمثيلها بـ "ورقة" واحدة تحتوي على مواد أقل قابلية للفهم (على سبيل المثال ، بعض أسماء التربة أو المعجون) ، لا يلاحظ المستخدم نقاطًا واضحة.
"حسنًا ، هل يمكنني اختيار شيء هنا؟ هل هذا كل شيء أم هل هناك المزيد من الخيارات؟ ثلاثة البلاط الرمادي فقط؟ وأريد الأصفر! "التوصية
بادئ ذي بدء ، ركز على المواد الواضحة التي يمكن للمستخدم فهمها. في حالة مواد التشطيب التي يتوقع لها الاختيار ، قم بتقديم عرض تقديمي مناسب للواجهة.
المشكلة
يغير تبديل السعر نطاق المواد المعروضة. في الوقت نفسه ، ليس لدى المستخدم فرصة بسيطة لمقارنة عدة جمل وفهم الفرق الكبير.
التوصية
ضمان اعتماد واضح لخيارات المواد على تكلفة الحزمة. ربما يؤدي رفض القسمة إلى حزم في اتجاه التفاعل مع المواد النهائية إلى تسهيل اتخاذ قرار والحصول على مبرر للتكلفة الإجمالية.
صفحة القناة وحظرها على "القناة" الرئيسية
يمكن أن يكون وجود قناة على التلفزيون التقليدي ميزة تنافسية قوية ويستحق وضعًا خاصًا. دعونا نرى كيف تعامل مطورو الموقع مع هذا.
المشكلة
عند التفاعل مع الموقع ، ليس من الواضح ما المقصود بالضبط القناة على شاشة التلفزيون. إذا لم يتفاعل المستخدم مسبقًا مع هذه القناة التلفزيونية ، فلن يفهم أن الشركة لديها قناة تلفزيونية ، وليس قناة يوتيوب أكثر كلاسيكية للإنترنت.
التوصية
من الواضح أن الموقف لدى الشركة قناة تلفزيونية خاصة بها وشرح طريقة التفاعل معها.
المشكلة
لا يتم قراءة عرض البث الحالي بشكل صحيح. يبدو أن هذه روابط ربط لأجزاء من الفيديو المقدم على اليسار. لكن النقر فوق القائمة ليس له أي تأثير. هل هناك شيء لا يعمل؟
التوصية
تغيير العرض التقديمي لبرنامج البث ، والقضاء على تفسيرات خاطئة للواجهة.
المشكلة
تقدم في الوقت المناسب لتصبح عضوا في البرنامج. لم يفهم المستخدم بعد نوع القناة التلفزيونية المعنية.
التوصية
قم بتغيير العرض التقديمي للشاشة الأولى في اتجاه العرض التقديمي للقناة التلفزيونية نفسها ثم عرض المشاركة في التصوير فقط.
صفحة عملنا
تعد حزمة الإصلاحات المكتملة إحدى الطرق الرئيسية لزيادة الثقة في الشركة.
المشكلة
في صفحة "أعمالنا" لا يوجد تركيز على أمثلة العمل. يتم تحميل الصفحة بأكثر من عناصر واجهة زائدة عن الحاجة ، مما يؤدي إلى تحويل الانتباه عن أهمها: الصور ومقاطع الفيديو.
التوصية
قم بتغيير التركيز على المحتوى الذي يؤكد وجود مجموعة: الصور ومقاطع الفيديو. حتى مع وجود محفظة صغيرة أو غائبة ، يمكنك إنشاء إحساس بتوفرها في حجم كافٍ. اجعل الصور أكبر ، حوّلها إلى قصص قصيرة. انشر المزيد من مقاطع الفيديو - مع مراجعات العملاء والشقق في عملية الإصلاح.
جميع الخدمات الصفحة
يعرض محتوى صفحة "جميع الخدمات" خدمات الشركة في دور جديد: لم يعد "إصلاح - شامل" ، ولكن خدمات بعض DES.
المشكلة
توجد خدمات إصلاح معقدة "إصلاح تسليم المفتاح" و "إصلاح تقريبي" وغيرها مع خدمات إصلاح المنازل: "عتبات النوافذ" و "مكيفات الهواء" و "الهواتف الباب بالفيديو" وأكثر من ذلك.توجد خدمات بمستويات وأحجام مختلفة دون أي تنظيم. يمكن لمثل هذا الموضع ، من ناحية ، أن يجعل من الصعب التفاعل مع القائمة والبحث عن القائمة المناسبة ، ومن ناحية أخرى ، يخلق فكرة خاطئة عن الخدمة نفسها: "هم ، ماذا يفعلون على الإطلاق؟"
التوصية
قسّم الخدمات وفقًا لإحدى العلامات التي يمكن فهمها للجمهور المستهدف ، ولكن في الوقت نفسه تجنب أي تفسير آخر لفكرة الخدمة.
المشكلة
لا تشكل الأسماء الغامضة للخدمات (مثل "Window Sills" و "Video Intercom" و "Installation") فكرة دقيقة عن جوهر الاقتراح وتتطلب مستوى عالًا من المشاركة.
التوصية
قم بتسمية الخدمات بطريقة تنقل الجوهر الصحيح للخدمة: "حل جاهز"
صفحات خدمة معينة (على سبيل المثال ، تركيب مكيف الهواء)
المشكلة
هكذا يرى معظم المستخدمين الشاشة الأولى. "لقد درسنا السوق - التنفس بحرية" لا يشكل اقتراحًا ذا قيمة ذات مغزى.الصفحة لا تنقل جوهر الخدمة. ما الذي يتم تقديمه بالضبط ، شراء مكيف الهواء ، تثبيت مكيف الهواء أو أي شيء آخر؟ مطلوب مستوى عال من المشاركة لفهم جوهر الخدمة. وفكرة إخفاء القيمة في النهاية لا تبدو ناجحة على خلفية كل شيء آخر.
التوصية
على الشاشة الأولى مباشرة ، من السهل وضوح شرح الجوهر الرئيسي للخدمة ، وكيف تعمل ، وما هي تكلفتها. وفقط بعد ذلك للكشف عن تفاصيل وفروق دقيقة.
ماذا يعني كل هذا؟
بشكل عام ، الموقع سيء جدًا لدرجة أنني لن أعير عليه أي اهتمام إذا لم يكن ذلك للحصول على معلومات حول حجم الاستثمار في الخدمة. بطبيعة الحال ، ليس من المعروف أي جزء من الميزانية ذهب إلى الموقع ، لكن هذا يؤكد مرة أخرى أنه حتى الكثير من المال لا يوفر من إمكانية إفساد كل شيء.
لماذا يحدث هذا؟ هذه محاولة لتوفير المال والقيام بكل البيت؟ خطأ في اختيار المقاول؟ أو مجرد أولويات مختلفة؟ ما رايك
ما مدى اهتمامك بمقالات بهذا الشكل؟ أحيانًا تتعرض للقصف وأقوم بمراجعة قابلية الاستخدام للمشاريع العشوائية. لتوجيه طاقتي في اتجاه مفيد ، يمكنك تقديم مراجعة لموقعك أو تطبيقات الهاتف المحمول. سأختار مشاريع مثيرة للاهتمام وأقوم بمراجعة الحسابات مجانًا. يمكنك ترك طلب من خلال الرسائل الخاصة.
ملاحظة 2: تم نشر هذه المواد لأول مرة على vc.ru والآن ،
بفضل WD-40 ، وهي متوفرة على Habr. شكرا WD-40