كيفية إنشاء تدفقات المستخدم للتجارة الإلكترونية

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

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

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

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

في العصر الجديد للتسوق عبر الإنترنت ، يعد امتلاك موقع ويب للتجارة الإلكترونية أمرًا بالغ الأهمية - وهو تطبيق قد يكون مفيدًا.

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

لا يبدأ موقع الويب المصمم جيدًا باختيار الخط والرسوم المتحركة المفضلة لديك. يبدأ برسم خرائط تدفقات المستخدم الخاصة بك.

ما هو مخطط تدفق المستخدم؟

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

عينة مخطط تدفق المستخدم من UX Collective.

دور تدفقات المستخدم في تصميم تجربة المستخدم

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

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

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

يمكنك أيضًا إنشاء تدفقات المستخدم بعد تطوير موقع الويب لتحديد المجالات للتبسيط والتحسين.

عينة مخطط تدفق المستخدم من Creately.

المستوى العالي مقابل تدفقات المستخدم التفصيلية

تدفقات المستخدم عالية المستوى سريعة وموجزة ، تم إنشاؤها لتقديم نظرة عامة سريعة على فكرة أو عملية.

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

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

تدفقات المستخدم مقابل رحلات المستخدم

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

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

كيفية بناء مخططات تدفق المستخدم

1. حدد الغرض من الرسم التخطيطي

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

امنح المستخدم عنوانًا واضحًا بناءً على الغرض منه للرجوع إليه في المستقبل.

2. فهم المستخدم النموذجي الخاص بك

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

قم بإجراء بحث المستخدم لجمع:

• الأهداف
• الدوافع
• الميزات المرغوبة
• مستوى الخبرة / المعرفة
• الحواجز

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

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

يمكن أن توفر دراسة تدفقات منافسيك أيضًا نظرة ثاقبة.

3. إنشاء مفتاح تدفق المهام

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

تتضمن رموز تدفق المستخدم الشائعة ما يلي:

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

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

أنواع أخرى من مخططات تدفق المستخدم

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

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

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

عينة من تدفق المستخدم من Salinthip Kaewkerd على Behance.

4. حدد مخطط تدفق المستخدم الخاص بك

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

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

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

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

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

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

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

5. خفض التدفقات الخاصة بك

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

1. إزالة المعلومات غير الضرورية لتصور التدفق
2. نقل التفاصيل خارج نطاق تنقل المستخدم الخالص إلى خريطة الرحلة
3. تحديد الخطوات الزائدة عن الحاجة أو غير الضرورية

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

6. التسمية مع النية

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

تحسين تدفقات المستخدم الخاصة بك مع البيانات

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

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

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

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

قم بتحليل الخطوات المحيطة بمعدلات الارتداد ، وافترض ماهية المشكلة (والحل). اختبر A / B الحلول الخاصة بك حتى تنخفض معدلات الانسحاب ويتدفق المزيد من المستخدمين إلى الخطوة التالية.

التفريق بين تدفق موقع التجارة الإلكترونية الخاص بك

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

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

هل يمكنك تقديم المزيد؟ هل يمكن للمستخدمين الاستفادة من الميزات الإضافية؟

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

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

عند إنشاء تدفقات لمواقع وتطبيقات التجارة الإلكترونية ، ضع في اعتبارك جميع مراحل مسار التجارة الإلكترونية:

• الاعتبار
• تقييم
• شراء
• بعد شرائها

زيادة المبيعات من خلال تدفقات UX الفعالة

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

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

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

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