section shadow
section shadow

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

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

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

لماذا تعمل المخططات الهيكلية بشكل أفضل بالنسبة لنا ولكم

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

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

لا توجد سيناريوهات مفقودة

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

تفاعلات أفضل

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

تواصل أفضل

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

متى يكون من الأفضل استخدام المخططات الهيكلية؟

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

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

مكونات التدفق السلكي

من أجل إنشاء تدفق سلكي ناجح تحتاج إلى:

  1. الهدف: حدد الهدف من التدفق الخاص بك، على سبيل المثال “شراء كمبيوتر محمول جديد” أو “البحث عن وصفة”. سيكون هدفك هو تصميم كل شاشة وتفاعل مطلوب لتحقيق هذا الهدف.
  2. صفحة الدخول: قم بإنشاء صفحة دخول حيث سيبدأ المستخدم العملية من أجل تحقيق هدفه.
  3. الشاشات والوصلات: استمر في إنشاء الشاشات والوصلات بينها حتى تصل إلى الشاشة التي يتحقق فيها الهدف.
  4. المسارات البديلة: ارجع وفكر في المسارات البديلة أو الاختصارات الممكنة للمستخدم للوصول إلى هدفه (يجب أن تكون الوجهة النهائية هي الشاشة النهائية دائمًا)، وابدأ في تصميم وصلات وشاشات لهذه المسارات.
  5. السيناريوهات والحالات: فكّر في السيناريوهات التي يمكن أن تحدث أثناء الرحلة (أخطاء، إنترنت غير متصل، حقول فارغة) وصمم ما سيحدث في هذه الحالات.

الخلاصة: المخططات الهيكلية أداة قوية للغاية

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

section shadow
section shadow

“The value of an idea lies in
the using of it”

Thomas Edison