قالب تدفُّق الشّاشة
تحقّق من صحّة مكوّنات الشّاشة المرئيّة في تدفُّق المستخدم واحصل على رؤىً حول تفاعل المستخدم الخاص بك. قم بإنشاء تجربة أفضل في كل منصّة.
معلومات حول قالب تدفُّق الشّاشة
تدفُّقات الشّاشة (المعروفة أيضاً باسم "التدفُّقات السلكيّة") هي مزيج منالإطارات السلكيّةوومخطّطات التدفُّق. يحدِّد التدفُّق الشّامل ما يراه المستخدمون على كلّ شاشة وكيف يؤثّر على عملية اتّخاذ القرار من خلال منتجك أو خدمتك. بوجود هذه المعلومات في متناول اليد، يمكنك شرح القرارات التي اتَّخذتها بشأن تصميم التَّفاعل بشكل أفضل.
استخدم قالب تدفُّق الشّاشة للعثور على فرص جديدة لجعل تجربة المستخدم سلسة وخالية من الإحباط من البداية حتى النهاية.
إذا كنت مهتمّاً بتطوير عملك بشكل أكبر والدّخول في مجال تصميم تجربة المستخدم، حيث يمكنك عرض رحلة المستخدم كمخطط تدفُّقي يحتوي على النّصوص والرّموز بدلاً من الشّاشات، فقد تكون مهتمًابقالب تدفُّق المستخدم.
واصل القراءة لمعرفة المزيد حول تدفُّقات الشّاشة.
ما هو تدفُّق الشّاشة؟
تدفُّق الشّاشة (أو التدفُّق السلكي) هو عرض لشاشات عديدة مترابطة كمخطَّط تدفُّقي لتحديد نقاط اتّخاذ القرار لدى العميل وتحرُّكاته من البداية حتى النّهاية.
تفتقر الإطارات السلكيّة في حدِّ ذاتها إلى سياق لما يمكن أن يبدو عليه تدفُّق المستخدم التّفاعلي لكلّ صفحة. تدفُّقات تجربة المستخدم بحد ذاتها هي أكثر تجرّدًا ولا يمكنها أن توضّح لك ما يبحث عنه عميلك بالفعل.
تجمع التدفُّقات السلكيّة أو تدفُّقات الشّاشة نقاط القوة لكلتا الطريقتين، وتساعدك في إثبات كيف أنّ ما يراه المستخدم له تأثيرٌ كبير على كيفيّة تجربته لمنتجك أو خدمتك.
متى يتم استخدام تدفُّقات الشّاشة
تساعد الإطارات السلكيّة فِرَق تجربة المستخدم والمنتجات في ّالتفكير في رحلة العميل على أنها تدفُّق كامل بدلاً من مجموعة من الشّاشات. يركّز التدفُّق السّلكي أو تدفُّق الشّاشة على الشّاشات نفسها وتفاعل العميل مع خدمتك أو منتجك.
يمكن للمصمّم رسم خريطة تدفُّق الشّاشة عندما يحتاج إلى ...
التأكُّد من عدم وجود سيناريوهات مفقودة:من خلال تحديد رحلة شاملة، يمكنك أخذ جميع حالات الاستخدام المحتملة في عين الاعتبار والتي تتطابق مع احتياجات العميل.
تحسين تفاعلات المستخدم:تعرّف على عميلك من خلال كل فرصة في التدفُّق، مثل عمليات الاشتراك، أو التّأكيدات، أو النّوافذ المنبثقة.
إنشاء اتصال متعدّد الوظائف أفضل:اجمع المصمّمين والمطوّرين معاً، وشجّعهم على التّفكير في التّجربة بأكملها بدلاً من التّفكير في الشّاشات المنفصلة.
المشاركة في تعليم أصحاب المصلحة:إذا لم يأخذ العملاء أو الفِرَق ما يراه العميل عند التنقّل عبر منتجك أو تجربتك بعين الاعتبار، فإن اتباع التدفُّق يساعد في بناء التّعاطف مع مواضع الشّكوى لدى العميل.
أنشئ تدفّق الشاشة الخاص بك
من السّهل إنشاء تدفُّق الشّاشة الخاص بك. توفّر منصّة التّعاون الافتراضي من Miro المخطّطات المثاليّة لإنشائها ومشاركتها. ابدأ من خلال اختيار قالب تدفُّق الشّاشة، ثم اتّخذ الخطوات الآتية لإنشاء قالب خاص بك.
1. حدِّد قصّة المستخدم الخاص بك
قبل البدء برسم خريطة تسلسل مرئي، قم بتوصيف احتياجات المستخدم ومواضع الشّكوى التي يجب حلّها. هذا هو الأساس الذي ستعتمد عليه لإعداد نقطة بداية تدفُّق الشّاشة الخاصة بك.
2. قرّر ما الذي ستعرضه الشّاشات الرئيسيّة الخاصّة بك
فكّر في نقاط البداية والنّهاية في الرّحلة. هل تريد صفحة مقصودة؟ أم شاشة نموذج التّسجيل؟ أم صفحة تأكيد؟ حدّد التّغييرات أو الخطوات الإضافيّة للعمليّة، مثل الصّفحات التي يجب تقسيمها أو الشّاشات التي يجب إضافتها. تضمّ مكتبة الإطارات السّلكيّة من منصّة Miroأكثرَ من 15 مكوناً لواجهة المستخدم يمكنك إضافته بسهولة إلى تدفُّق الشّاشة إذا كنت بحاجة إلى الإلهام.
3. قم بربط الشّاشات
أضف الأسهم وحرِّكها بين كلّ الشّاشات لدفع المستخدم قُدُماً عبر المهمّة، مستخدماًأداة خط التّوصيل من منصّة Miro. يمكنك كذلك تضمين نقاط القرار وعرض ما يحدث في كل حالة متاحة للمستخدم.
4. شارك تدفُّق الشّاشة الخاص بك مع فريقك أو أصحاب المصلحة من أجل الحصول على التّعليقات
يمكنك استخدام ميزة الإشارة من منصّة Miroللإشارة إلى فريقك أو الأفراد من أجل القيام بجولات سريعة للتّعليقات، أو انتقادات التصميم، أو المراجعات قبل جلسات ورشة العمل المباشرة مع العملاء. يمكنك أيضاً مشاركة لوحة Miro الخاصّة بك مع أي شخص (حتى إن لم يكونوا مسجّلين بالفعل!) من خلال النقر على زر دعوة أعضاء
ما المقصود بتدفُّق الشّاشة في تجربة المستخدم؟
يساعدك تدفُّق الشّاشة في تحليل تفاعلات المستخدم، مع التّركيز بشكلٍ رئيسي على شاشات المنتج الخاص بك. فهو يجمع بين أفضل ما في الإطارات الشّبكيّة ومخطّطات التّدفّق، مما يمنحك نظرة عامّة أكثر تفصيلاً على تدفّق العملاء ، وبالتالي المزيد من البيانات لبناء تجربة مستخدم أفضل.
ابدأ باستخدام هذا القالب الآن.
قالب نموذج أولي منخفض الدّقة
: يعمل بشكل أفضل مع
Design, Desk Research, Wireframes
تنفع النماذج الأولية منخفضة الدقّة كرؤىً عملية مبكرة لمنتجك أو خدمتك. تشترك هذه النّماذج الأولية البسيطة في عدد قليل فقط من المزايا مع المنتج النّهائي. وهي الأفضل لاختبار المفاهيم العامة والتّحقق من صحة الأفكار. تساعد النماذج الأولية منخفضة الدقّة المنتَجَ وفِرَقَ تجربة المستخدم على دراسة وظائف المنتج أو الخدمة من خلال التركيز على التّكرار السريع واختبار المستخدم للإحاطة بمعلومات عن التّصميمات المستقبلية. يسمح التركيز على رسم وتخطيط المحتوى والقوائم وتدفّق المستخدم لكلٍّ من المصمّمين وغير المصمّمين بالمشاركةَ في عملية التصميم وتوليد الأفكار. تُركّز النماذج الأولية منخفضة الدقة على رؤىً حول احتياجات المستخدم ورؤية المصمم ومواءمة أهداف أصحاب المصلحة، بدلاً من إنتاج شاشات تفاعلية مرتبطة.
قالب النّموذج الأوّلي
: يعمل بشكل أفضل مع
UX Design, Design Thinking
النّموذج الأوّلي هو نموذج مباشر يحاكي منتجك، يحدّد هيكل المنتج وتدفّق المستخدم وتفاصيل التّصفُّح (مثل الأزرار والقوائم) دون الالتزام بالتّفاصيل النّهائية مثل التّصميم المرئي. يتيح لك إنشاء النّموذج الأوّلي محاكاة تجربة المستخدم لمنتجك أو خدمتك، وتحديد سياقات المستخدمين وتدفّقات المهام، وإنشاء سيناريوهات لفهم الشّخصيات، وجمع التّعليقات على منتجك. يساعدك استخدام النّموذج الأوّلي في توفير المال من خلال تحديد العوائق في مرحلة مبكّرة من العمليّة. يمكن أن تختلف النّماذج الأوّلية، لكنها تحتوي عمومًا على سلسلة من الشّاشات أو اللّوحات الفّنيّة المتّصلة بالأسهم أو الرّوابط.
قالب تقنية (STAR)
: يعمل بشكل أفضل مع
Strategic Planning, Prioritization
تعرّف على كيفية استخدام طريقة STAR لإجراء مقابلة عمل لتحديد أفضل مرشح للدور. يمكن للأشخاص المتقدّمين للمقابلات استخدام تقنية STAR لإعدادردود مفصّلة وشاملة أثناء المقابلة.
قالب العصف الذّهني لموضوع البحث
: يعمل بشكل أفضل مع
Desk Research, Brainstorming, Ideation
قد يكون التّوصُّل إلى موضوع لمشروع البحث مهمّة شاقّة. استخدم قالب العصف الذّهني لموضوع البحث لتحديد فكرة عامة وتحويلها إلى شيء واقعي. باستخدام قالب العصف الذّهني لموضوع البحث، يمكنك تجميع قائمة بالأفكار العامّة التي تهمّك ثم تقسيمها إلى الأجزاء المكوِّنة لها. يمكنك بعد ذلك تحويل تلك الأجزاء إلى أسئلة قد تكون محور مشروع بحثيّ.
قالب سير عمل الإنتاج
: يعمل بشكل أفضل مع
Agile Workflows, Agile Methodology, Project Management
سواء كنت تنتج بودكاست، أو حملة تسويقيّة، أو عرضًا تلفزيونيًا، أو محتوى ما، فإن وضع سير عمل للإنتاج هو أمر في غاية الأهمّية. ينشئ سير عمل الإنتاج دليلاً مرئيّاً للخطوات المختلفة في العمليّة. يمكن استخدامه لتدريب أعضاء الفريق الجُدُد أو تقديم نظرة عامّة عالية المستوى لأصحاب المصلحة. على الرّغم من اختلاف عمليّات سير عمل الإنتاج باختلاف الفريق والعمل، إلا أنها تحتوي عمومًا على معلومات حول من هم أصحاب المصلحة، وكيف تقوم بإجراء العصف الذّهني للأفكار، وكيف يبدو الجدول الزّمني الخاص بك، وما هي الموارد التي تحتاج إليها لتحقيق النّجاح.
قالب المخطّط التدفقي للمستخدم
: يعمل بشكل أفضل مع
Desk Research, Flowcharts, Mapping
المخططات التدفقية للمستخدم هي عبارة عن رسوم بيانية تساعد فِرَق المنتج وتجربة المستخدم على رسم المسار المنطقي الذي يجب أن يتبعه المستخدم عند التفاعل مع النظام. كأداة بصرية، يعرض المخطط التدفقي للمستخدم العلاقة بين وظيفة موقع الويب أو التطبيق، والإجراءات المحتملة التي يمكن أن يقوم بها المستخدم ونتائج ما يقرّر المستخدم القيام به. تساعدك المخططات التدفّقية للمستخدم على فهم ما يقوم به المستخدم لإنهاء مهمة أو إكمال هدف من خلال منتجك أو تجربتك.