قالب المخطّط التدفقي للمستخدم
مساعدة فِرَق المنتج و تجربة المستخدم يحسّن تجربة المستخدم للرسم البياني لتدفق المستخدم . قم بتهيئة الظروف للحلول الإبداعية.
حول قالب المخطّط التدفقي للمستخدم
يُعد المخطّط التدفقي للمستخدم (المعروف كذلك بمخطط التدفق البياني للتفاعل أو تدفّق المهام) عملية رسم خرائط مرئية خطوة بخطوة، تحدد ما يقوم به المستخدم لإنهاء مهمة أو إكمال هدف من خلال منتجك أو تجربتك.
يمكن أن يساعد التخطيط البياني للمخطّط التدفقي للمستخدم في تفسير جودة أو تجربة المسار الذي يختاره المستخدم. يمكن أن يكشف المخطط التدفقي كذلك عن عدد الخطوات التي يختارها لإكمال مهمة ما والمسارات التي يقرر اتخاذها عند التفاعل مع منتجك أو خدمتك لحل مشكلة ما.
في حين يُركّز هذا النوع من المخططات البيانية على كيفية تنقل المستخدم عبر منتج معين، يقدم قالب المخطّط التدفقي للشاشة تصميماً لصفحة بنمط إطار سلكي على شكل مخطط تدفقي.
واصل القراءة لمعرفة المزيد حول المخطّطات التدفقية للمستخدم.
ما المقصود بالمخطّط التدفقي للمستخدم؟
المخططات التدفقية للمستخدم هي عبارة عن رسوم بيانية تساعد فِرَق المنتج وتجربة المستخدم على رسم المسار المنطقي الذي يجب أن يتبعه المستخدم عند التفاعل مع النظام. كأداة بصرية، يعرض المخطّط التدفقي للمستخدم العلاقة بين وظيفة موقع الويب أو التطبيق، والأفعال المحتملة التي يمكن أن يقوم بها المستخدم ومخرجات ما يقرر المستخدم القيام به.
العناصر الرئيسية للمخطّط التدفقي للمستخدم هي:
نقطة البداية أو النهاية: توضح أين يبدأ المخطط التدفقي أو أين ينتهي
العملية أو الإجراء: يوضح الخطوات التي يتخذها المستخدم مثل "تسجيل الدخول" أو "الشراء"
نقاط القرار: توضح متى يتعين على المستخدم اتخاذ قرار
الأسهم: توضح المكان الذي يتجه إليه المستخدم بناءً على القرارات التي تم اتخاذها
جرب المخطّط التدفقي للمستخدم إذا كان فريقك يحاول قياس أو تحسين كيف يمكن أن تؤدي تجربة المستخدم الحالية إلى معدلات تحويل أفضل للعميل.
يمكن أن تساعدك العملية على إبقاء المستخدم في الاعتبار وتحديد أهداف العمل، مثل الشراء أو تسجيل الاشتراك في النشرة الإخبارية أو اختيار نسخة تجريبية مجّانية.
متى تستخدم قالب المخطط التدفقي للمستخدم
يمكن أن تساعدك المخططات التدفقية للمستخدم على:
قم ببناء واجهات واضحة: هل تشعر أنه من السهل التنقل خلال مخططك التدفقي وأنه فعال للاستخدام وواضح للمستخدم؟
حدّد ما إذا كانت واجهتك الحالية تناسب الغرض: ما المناسب أو غير المناسب أو الذي بحاجه إلى تحسين؟ هل يبدو المخطط التدفقي سلسًا ومنطقيًا؟
قدّم المخطط التدفقي لمنتجك إلى الفِرَق الداخلية أو العملاء: هل يمكن لفريق التصميم معرفة ما يقوله عميلك أو يفعله أثناء عملية الشراء أو الاشتراك أو تسجيل الدخول؟ هل يمكن للعملاء تعقّب الخطوات بنظرة عامة تتماشى مع رؤيتك؟
عند إنشاء – أو إعادة إنشاء — مخطط تدفقي للمستخدم، اسأل نفسك وفريقك عن الآتي:
ما الذي يحاول المستخدم القيام به؟
ما الذي يهم المستخدم ويمنحه الثقة لمواصلة العمل؟
ما المعلومات الإضافية التي يحتاجها المستخدم ليصبح ناجحًا؟
ما نقاط التّردد لدى المستخدم أو العوائق التي تحول دون إنجاز المهمة؟
يمكن أن تساعد خريطة المخطط التّدفقي للمستخدم المصممين (وفِرَقهم أو عملاءهم) في إبقاء المستخدم محوراً لاهتمامهم، حتى عند تخطيط العمليّات المعقّدة.
بصفتك مصمّمًا، يمكنك استخدام المخططات التّدفقية للمستخدم لتحديد كيفية تصميم الصفحات أو الشاشات أو الأسطح في موقع الويب أو التطبيق وإعادة ترتيب المحتوى ومهام التّصفّح المراد تضمينها.
أنشئ المخطط التّدفقي للمستخدم الخاص بك
رسم خرائط المخطط التّدفقي للمستخدم أمر سهل. تُعد أداة اللوحة البيضاء من منصّة Miro مخططًا مثاليًا لإنشاء ومشاركة المخطط البياني الخاص بك. ابدأ بتحديد قالب المخطط التّدفقي للمستخدم، ثم اتبع الخطوات الآتية لإنشاء قالب خاص بك:
حدّد أهداف عملك وأهداف المستخدمين.
اكتشف المكان الذي تريد أن يصل إليه المستخدمون. إذا لم يكن لديك أهدافاً بالفعل (أو كنت بحاجة إلى تحديثها)، فاستخدم خريطة رحلة العميل لإنشاء رؤية مشتركة لتجربة عميلك. يمكن أن يستفيد كل عضو في الفريق من الفهم المشترك لمشاعر العملاء في كل نقطة تواصل محتملة مع منتجك أو خدمتك. بناء التعاطف مع المستخدم سيفيد في كل خطوة من خطوات عملية المخطط التّدفقي للمستخدم.
اكتشف كيف يعثر الزوار على موقع الويب الخاص بك.
هل بإمكانهم العثور على منتجك أو خدمتك عبر وسائل توجيه العملاء في البحث أو البحث المجّاني أو الإعلانات المدفوعة أو وسائل التواصل الاجتماعي أو روابط الإحالة أو رسائل البريد الإلكتروني؟ تُعد هذه النقاط بداية المخطط التّدفقي للمستخدم، اعتماداً على ما تكتشفه.
اكتشف المعلومات التي يحتاجها المستخدمون ووقت احتياجهم لها.
يقوم المستخدمون بالتحويل عندما يتم تقديم المعلومات الصحيحة لهم في الوقت المناسب، لذلك وانطلاقاً من نقطة التواصل الرقمية، خذ بعين الاعتبار ما يريده عملاؤك وما هو الشعور الذي قد ينتابهم. لا يزال التفاعل – على سبيل المثال، نظام البرمجة التّفاعلي chatbot، – مقياسًا محتملاً للنجاح – لا يتعلق الأمر فقط بالوصول إلى عملية شراء نهائية.
ارسم المخطط التدفّقي للمستخدم.
يمكنك تحرير الأشكال والأسهم الحالية من قالب المخطط التدفّقي للمستخدم الخاص بنا لتزوِّد هذا المخطّط بأبحاث المستخدم التي لم تُحِطْ بها في الخطوات السابقة. بعد اكتشاف عميلك نقطةَ التواصل الأولى، ما الخطوة التالية التي سيقوم بها؟ كم عدد الخطوات حتى يكملوا مهمة ما؟ استخدم المخطط التدفّقي الأساسي للمستخدم على القالب لبدء رسم المخطط الخاص بك. قم بتغيير اتجاهات أسهم نقاط الاتصال والقوائم المنسدلة وخطوط الوصل لتلائم المخطط التدفّقي للمستخدم بشكل أفضل.
احصل على ردود الفعل من فريقك.
ادعُ فريقك أو عملاءك أو أصحاب المصلحة متعدّدي الوظائف لعرض لوحتك من منصّة Miro. يمكنك اختيار ترك ردود الفعل بشكل غير متزامن باستخدام ملاحظات لاصقة أو إشارات @ لمراجعة الزملاء. يمكنك كذلك إجراء مكالمة فيديو على لوحة منصّة Miro وتعيين شخص في فريقك ليقوم بتدوين الملاحظات. بمجرد أن يكون لديك ما يكفي من مدخلات الفريق، قم بإجراء تعديلات وفقًا لذلك.
شارك مع أصحاب المصلحة أو العملاء الآخرين وكرر ذلك حسب الحاجة.
سيتغير المخطط التدفّقي للمستخدم بمرور الوقت مع تطور مواقف عملائك ودوافعهم. تكيف وفقًا لذلك، وحافظ على تركيزك على المستخدم.
ما المثال على تدفّق المستخدمين؟
تخيل أنك تطوِّر موقعاً لحدثٍ ما. إذا كنت ترغب في تحسين تجربة المستخدم الخاصّة بك، عليك تحديد جميع الخطوات اللازمة للتّسجيل في الحدث وشراء التذاكر. ابدأ بتتبّع تدفّق عملائك ونقطة بدء رحلتهم لشراء تذاكر الحدث الخاص بك. يساعدك المخطّط البياني لتدفّق المستخدمين في التصوّر بنظرة سريعة لكيفية إكمال العميل لعملية الشراء (الهدف النّهائي لموقعك الالكتروني)، بدءًا من التسجيل وصولاً إلى صفحة الدّفع.
ابدأ باستخدام هذا القالب الآن.
الهيكل التنظيمي للشركة
: يعمل بشكل أفضل مع
الهياكل التّنظيميّة, العمليات, رسم الخرائط
الهيكل التنظيمي هو دليل مرئي يلخص هيكل الشركة في وهلة—من يقدم تقاريره لمن ومن يدير أي فرق. لكن غرضه أكثر من مجرد عرض سلسلة القيادة. إنه يعرض كذلك هيكل الأقسام المختلفة ويُخبر الموظفين بمن يتواصلون معه بخصوص المشكلات والمخاوف. ذلك يجعله قوالبنا تجعل من السهل عليك إضافة فريق بأكمله وتخصيص الهيكل باستخدام الألوان والأشكال.
قالب نموذج أولي منخفض الدّقة
: يعمل بشكل أفضل مع
Design, Desk Research, Wireframes
تنفع النماذج الأولية منخفضة الدقّة كرؤىً عملية مبكرة لمنتجك أو خدمتك. تشترك هذه النّماذج الأولية البسيطة في عدد قليل فقط من المزايا مع المنتج النّهائي. وهي الأفضل لاختبار المفاهيم العامة والتّحقق من صحة الأفكار. تساعد النماذج الأولية منخفضة الدقّة المنتَجَ وفِرَقَ تجربة المستخدم على دراسة وظائف المنتج أو الخدمة من خلال التركيز على التّكرار السريع واختبار المستخدم للإحاطة بمعلومات عن التّصميمات المستقبلية. يسمح التركيز على رسم وتخطيط المحتوى والقوائم وتدفّق المستخدم لكلٍّ من المصمّمين وغير المصمّمين بالمشاركةَ في عملية التصميم وتوليد الأفكار. تُركّز النماذج الأولية منخفضة الدقة على رؤىً حول احتياجات المستخدم ورؤية المصمم ومواءمة أهداف أصحاب المصلحة، بدلاً من إنتاج شاشات تفاعلية مرتبطة.
قالب تدفُّق الشّاشة
: يعمل بشكل أفضل مع
UX Design, Product Management, Wireframes
تدفُّق الشّاشة (أو التدفُّق السلكي) هو تخطيطٍ متعدّد الشّاشات يجمع بين الإطارات السّلكية وبين مخطَّطات التّدفُّق. النّتيجة هي تدفُّق شامل يحدِّد ما يراه المستخدمون على كلّ شاشة وكيف يؤثّر على عمليّة اتّخاذ القرار من خلال منتجك أو خدمتك. من خلال التّفكير بشكل مرئي فيما يبحث عنه عملاؤك، يمكنك التّواصل مع الفِرَق الداخليّة، وأصحاب المصلحة، والعملاء بشأن القرارات التي اتّخذتها. يمكنك أيضاً استخدام تدفُّق الشّاشة للعثور على فرص جديدة لجعل تجربة المستخدم سلسة وخالية من الإحباط من البداية حتى النهاية.
قالب إطار عمل HEART
: يعمل بشكل أفضل مع
Desk Research, Project Management, User Experience
السّعادة والتّفاعل والاعتماد والاحتفاظ ونجاح المهمّة. هي ركائز تجربة المستخدم — ولهذا فهي تُستخدَم كمعايير رئيسيّة في إطار عمل HEART. يمنح إطار العمل الذي طوّره فريق البحث في Google الشّركاتِ الكبرى وسيلةً دقيقةً لقياس تجربة المستخدم على نطاق واسع، والتي يمكنك بعد ذلك الرّجوع إليها طوال مراحل تطوير المنتَج. رغم أن إطار عمل HEART يستخدم خمسة معايير، لكنك قد لا تحتاج إلى المعايير الخمسة في كلّ مشروع — اختر تلك التي ستحقّق أكبر فائدة لشركتك ومشروعك.
قالب مخطط المعلومات البياني
: يعمل بشكل أفضل مع
Marketing, Desk Research, Documentation
لا بدّ وأنك قد اختبرت كيف تصبح البيانات كثيفة ومملّة جدًا. لكنك بحاجة بيانات مُقنعة ومميّزة ومفهومة. الحل؟ مخطط المعلومات البياني. تتيح لك هذه الأدوات تقديم المعلومات بطريقة رائعة وتحويل البيانات الكمية أو النوعية إلى قصص تفاعلية وذات صدى. بغض النظر عمن ستقدمه له — العملاء أو المتبرعين أو فرقك الداخلية — سيتيح لك قالبنا تصميم مخطط معلومات بياني يجمع بين النصوص والمرئيات لتبسيط حتى البيانات الأكثر تعقيداَ.
قالب تخطيط الميزات
: يعمل بشكل أفضل مع
Desk Research, Agile Methodology, Product Management
الميزات هي ما يجعل المنتج أو الخدمة ممتعة، لكن إضافة ميزات جديدة ليست أمرًا سهلاً. يتطلّب الأمر العديد من الخطوات—كالتّفكير والتّصميم والتّحسين والبناء والاختبار والإطلاق والتّرويج—وكذلك العديد من أصحاب المصلحة. يتيح لك تخطيط الميزات وضع عمليّة سلسة ومُحكَمَة موضع التّنفيذ، بحيث يمكنك إضافة ميزة بنجاح، وتقليل الوقت والموارد المستهلكة لإجراء ذلك. وهذا ما يجعل قالب تخطيط الميزات الخاص بنا نقطة انطلاق ذكيّة لأي شخص يتطلّع إلى إضافة ميزات جديدة للمنتج، وخاصّة أفراد فِرق الإنتاج والهندسة والتّسويق والمبيعات.