كيف قام فريق تصميم UX في Zivame بتمكين اكتشاف المنتج متعدد الاتجاهات

هذا هو الجزء الأول من سلسلة مدونة الضيف المكونة من خمسة أجزاء بواسطة Udit Khandelwal ، مدير UX في Zivame.

إذا لم يتمكن المستخدمون من العثور عليها ، فإن الميزة غير موجودة! - منظمة Human Factors International (HFI)

لقد سمعت هذا الاقتباس لأول مرة في جلسة تدريبية في HFI في عام 2012 ، وستجده دائمًا صدى مع طريقتي في الاقتراب من تجربة المستخدم.

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

هذه هي المقالة الأولى في هذه السلسلة ، وسأغطي هنا بشكل أساسي العناصر الموجودة تحت Ice Breakers من قائمة الرافعات الواردة أدناه:

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

بطاقات هبوط الصفحة الرئيسية

تحد

• 45٪ من حركة مرور الويب على Zivame تتألف من مستخدمين لأول مرة

• 40٪ من حركة المرور المباشرة والعضوية تصل إلى الصفحة الرئيسية لشركة Zivame

• لدى معظم المستخدمين المذكورين أعلاه القليل جدًا من المعلومات حول اتساع نطاق المنتجات التي نقدمها

المحلول

كان عدم وجود قائمة أفقية مفتوحة والذهاب مع التنقل في الهامبرغر المحمول أولاً أسلوبًا مدروسًا جيدًا واختباره المستخدم بدأنا في اتباعه مع مكدسنا الجديد.

لقد جاء ذلك على حساب عدم الصراحة بشأن عروضنا.

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

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

تحتل البطاقات أعلى العقارات في الجزء الأول ، بينما في الجوّال ، تكون أسفل لافتة البطل مباشرةً بسبب قيود المساحة الرأسية.

عندما كنا نصور هذا الأمر ، تصوره المسؤولون التنفيذيون لدينا على النحو التالي:

لا ينبغي لأي شخص يقضي 8 ثوانٍ على صفحتي الرئيسية أن يختفي دون أن يعرف أن Zivame يبيع الملابس الداخلية والملابس والملابس الرياضية. - شالين ، مدير العمليات في شركة Zivame

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

(اقرأ أيضًا: تشكيل تجربة المستخدم في Zivame: دراسة حالة لإدارة المنتج)

سعي

من الصعب تحديد أي 4 أشياء ستوضع في كل بطاقة ، لأن كل صاحب مصلحة في الشركة يبحث عن عقارات ممتازة لممتلكاته / ممتلكاتها!
على الرغم من أن البيانات تبدو طريقًا سهلًا للهروب ، حيث يمكنك ببساطة الاحتفاظ بالأشياء الأكثر طلبًا في المقدمة ، فقد يكون للنشاط التجاري اتجاه متضارب . على سبيل المثال ، تساهم Apparel نفسها في 8٪ فقط من عائدات Zivame اعتبارًا من اليوم ، ومع ذلك فهي تحتل 25٪ من أعلى العقارات.

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

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

الصفحة الرئيسية Hero Carousel

تحد

• هذا هو العقار الرئيسي التالي والممتلكات مرئية. يحتاج إلى تمثيل العلامة التجارية ويجب اتباع لغة تصميم مرئي صارمة.

المحلول

بصراحة ، كان هذا من السهل تصميمه ، لكنه كان صعب التنفيذ. كنا نعلم أننا كنا نتبع لغة تصميم كبيرة وجريئة وجميلة ، وبالتالي كان قرارًا سهلاً أن تشغل اللافتة 100٪ من عرض الشاشة و 100٪ من ارتفاع الشاشة المتبقي. لكن هذا ترك لنا مشكلتين يتعين حلهما:

• في أحجام شاشات معينة ، سيتم اقتصاص اللافتة لأننا سنستخدم خوارزمية "الغلاف".

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

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

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

مجموعات مميزة

تحد

• اللافتات مفيدة لجذب الانتباه ، ولكن من أجل إثارة اهتمام المستخدمين وجعلهم ينقرون مع التوقع الصحيح ، نحتاج إلى إخبارهم بالمزيد عن المجموعة. ومع ذلك ، فإن العقارات محدودة وهناك الكثير من المنافسة بين المجموعات المختلفة.
• كان التصميم السابق لصفحة Zivame's Homepage للجوال يستخدم لعرض مجموعة أكورديون من المجموعات حيث تحتوي كل مجموعة على مجموعة من 10 منتجات متبوعة بزر "مشاهدة المزيد" بعد التمرير وصولاً إلى الصورة المصغرة الأخيرة. كشف تحليل البيانات أن أكثر من 40٪ من المستخدمين الذين تفاعلوا مع الأكورديون نقروا على رؤية المزيد. هذا يعزز النقطة المذكورة أعلاه. ومع ذلك ، لم نرغب في استخدام الأكورديون لأنه كان غير مرئي وثقيل النص.

  

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

المحلول

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

1. اسم المجموعة
2. وصف
3. سمات التوقيع

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

قم بزيارة Zivame

فئة التسمية الرئيسية

تحد

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

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

• بعض الفئات خاصة جدًا أو جديدة ويجب أن يكون المستخدمون على دراية بـ USPs في نفس اللحظة التي يهبطون فيها على الصفحة.

المحلول

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

1. لافتة واحدة
2. دائري
3. تقسيم اللافتات

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

الآن تمامًا مثل لافتة بطل الصفحة الرئيسية ، تحتل هذه اللافتات 100٪ من العرض المتاح ، ومع ذلك ، فإن الارتفاع ثابت. ومن ثم ، في بعض الحالات (أو القرارات) ينتهي بنا الأمر بقص اللافتة من اليمين. لذلك تمامًا مثل الصفحة الرئيسية ، حددنا المناطق الآمنة وطُلب من الفريق الإبداعي اتباعها أثناء تصميم هذه اللافتات.
فيما يلي مثال على كيفية تعريفنا لنفس بانر منقسم:

مذكرة قانونية

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

إعداد التطبيق

تحد

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

• أنت لا تعرف من يتصفح : مبتدئ أم خبير ، مستكشف أم ملاح ؛ وعليك تصميم تجربة تأهيل مناسبة للجميع

المحلول

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

1. عن ماذا يدور الموضوع؟
2. ماذا يمكنني أن أفعل هنا؟
3. كيف تبدأ؟
4. ماذا فيها لأجلي؟ كيف تساعدني؟

لذلك تم تقليل المشكلة ببساطة إلى 4 شاشات يمكنها الإجابة على هذه الأسئلة. ومن ثم قمنا بالتركيز على الشاشات الأربع التالية:

تم تصميم الشاشة الأخيرة بذكاء للترويج لـ FitCode ولكن المستخدمين أحرار في تخطيها ومواصلة التسوق.

تحفظات

هناك بعض الأخطاء التي نقوم بتصحيحها الآن وأود تحذيرك منها:

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

FitCode

تحد

• تفضل العديد من النساء الشراء من متجر فعلي على الشراء عبر الإنترنت. أحد الأسباب الأكثر شيوعًا لذلك هو أنهم غير متأكدين مما إذا كان منتج معين مناسبًا لهم أم لا. لا يمكنهم تجربتها عبر الإنترنت.

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

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

المحلول

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

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

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

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

اعثر على ما يناسبك

آمل أن تكون قد وجدت هذه المقالة مفيدة وثاقبة.

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

برنامج مميز لك: برنامج شهادة التفكير التصميمي من Duke CE

ما هو المقصود باكتشاف المنتج متعدد الاتجاهات؟

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

هل هناك دورات خاصة بإدارة المنتجات لشركات التجارة الإلكترونية؟

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

كيف أصبح مدير منتج بدون ماجستير في إدارة الأعمال؟

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