كيفية عمل مخطط تدفق المستخدم

نشرت: 2020-02-27

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

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

1. ما هو مخطط تدفق المستخدم
1.1 رموز مخطط تدفق المستخدم هي كما يلي
1.2 أهمية مخطط تدفق المستخدم
1.3 كيفية عمل مخطط تدفق المستخدم
1.3.1. الخطوة 1: فهم رحلة العميل
1.3.2. الخطوة 2: حدد أهدافك وأهداف المستخدم الخاص بك
1.3.3. الخطوة 3: حدد من أين يأتي المستخدمون
1.3.4. الخطوة الرابعة: تحديد المعلومات التي يحتاجها الزائر
1.3.5. الخطوة 5: تصور تدفقات المستخدم الخاصة بك
1.3.6. الخطوة 6: ضع نموذجًا أوليًا لتدفقك
1.3.7. الخطوة 7: المراجعة والتحسين والاختبار
1.4 أفضل الممارسات التي يجب وضعها في الاعتبار
1.5 قوالب مخطط تدفق المستخدم
1.6 هل أنت جاهز لإنشاء مخطط تدفق المستخدم الخاص بك؟

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

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

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

تسمى هذه الأدوات التي تساعد في التتبع البصري لخطوات التفاعل بين إجراءات المستخدم وواجهات البرنامج مخططات تدفق المستخدم أو خرائط تدفق المستخدم .

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

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

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

رموز مخطط تدفق المستخدم هي كما يلي

رموز مخطط تدفق المستخدم
رموز مخطط تدفق المستخدم

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

أهمية مخطط تدفق المستخدم

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

كيفية عمل مخطط تدفق المستخدم

بدون مزيد من اللغط ، دعنا نناقش كيفية عمل مخطط لتدفق المستخدم.

الخطوة 1: فهم رحلة العميل
الخطوة 2: حدد أهدافك وأهداف المستخدم الخاص بك
الخطوة 3: حدد من أين يأتي المستخدمون
الخطوة الرابعة: تحديد المعلومات التي يحتاجها الزائر
الخطوة 5: تصور تدفقات المستخدم الخاصة بك
الخطوة 6: ضع نموذجًا أوليًا لتدفقك
الخطوة 7: المراجعة والتحسين والاختبار

الخطوة 1: فهم رحلة العميل

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

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

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

نموذج شخصية المستخدم
قالب شخصية المستخدم (انقر فوق القالب لتحريره عبر الإنترنت)

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

يمكنك استخدام خريطة رحلة العميل هنا لتحليل ما يفعله عملاؤك ويشعرون به ويتوقعونه بشكل صحيح عندما يتفاعلون مع عملك (أي زيارة موقع الويب الخاص بك) ، ونقاط الاتصال المختلفة ونقاط الألم.

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

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

الخطوة 2: حدد أهدافك وأهداف المستخدم الخاص بك

الخطوة التالية هي الحصول على فكرة حول أهداف عملك وكذلك أهداف المستخدمين لديك.

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

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

الخطوة 3: حدد من أين يأتي المستخدمون

إذا كنت تصمم موقعًا على شبكة الإنترنت ، فقد ترغب في معرفة من أين يأتي عملاؤك أو بعبارة أخرى ما هي نقاط الدخول. وتشمل هذه عادة ،

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

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

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

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

الخطوة الرابعة: تحديد المعلومات التي يحتاجها الزائر

من أجل تصميم أفضل تدفق ممكن للمستخدم ، يجب أن تكون مكانًا لعملائك.

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

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

الخطوة 5: تصور تدفقات المستخدم الخاصة بك

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

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

انتبه لبداية ونهاية كل مهمة. قد يتغير هذا بناءً على هدف المستخدمين المختلفين.

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

مخطط تدفق المستخدم
مخطط تدفق المستخدم (انقر فوق القالب لتحريره عبر الإنترنت)

الخطوة 6: ضع نموذجًا أوليًا لتدفقك

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

سيساعدك أيضًا في التحقق من أن منتجك مصمم وفقًا لأهدافك وأهداف المستخدمين لديك.

الخطوة 7: المراجعة والتحسين والاختبار

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

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

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

فهم أفضل لمسارات رحلة العميل وخلق تجارب مستخدم فائقة باستخدام Creately.

إنشاء تدفق المستخدم

أفضل الممارسات التي يجب وضعها في الاعتبار

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

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

قوالب مخطط تدفق المستخدم

مخطط تدفق تسجيل المستخدم
مخطط تدفق تسجيل المستخدم (انقر فوق النموذج لتحريره عبر الإنترنت)
مثال مخطط التدفق
مثال على مخطط التدفق (انقر فوق القالب لتحريره عبر الإنترنت)
User Flow Wireflow
قالب Wireflow (انقر فوق القالب لتحريره عبر الإنترنت)

هل أنت مستعد لعمل مخطط تدفق المستخدم الخاص بك؟

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

الآن نود معرفة رأيك في مخططات تدفق المستخدم؟ اكتب بعيدا في قسم التعليقات أدناه.