Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

سير المستخدم

سير المستخدم User flow

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

سير المستخدم User flow: هو المسار الذي يسلكهُ المستخدمُ النَّموذجيُّ على موقعِ ويب أو على تطبيقٍ، لإكمال المهمَّة. يأخذهم سير المستخدم من نقطة دخولهم من خلال مجموعةٍ من الخطوات نحو نتيجةٍ ناجحةٍ وإجراءٍ نهائيٍّ مثل شراء منتجٍ، أو اتَّخاذ إجراء.

ما هو الفرق بين سير المستخدم، وخطَّة رحلة المستخدم؟

سير المستخدم يتكلَّم عن تفاصيلٍ دقيقةٍ لسير المستخدمٍ، أمَّا خطَّة رحلةِ المستخدمِ فهي الصُّورة الشَّاملة العموميَّة بشكلٍ أكبرٍ التي تصف قنواتِ الوصول، ومشاعرَ المستخدم.

هناك طرق عدة لتخطيط سير المستخدم:

  • إمّا أن تقومَ الشَّركةُ باتباع هذه الطَّريقة من خلال الرَّبط بين الواجهات، والصَّفحات التي يمرُّ بها المستخدم.
  • أو بشكل خوارزميَّةٍ تشرحُ الخطوات التي يمرُّ بها المستخدم:

هناك عدَّةُ مواقعٍ تقدِّم خدمة إنشاء سير المستخدم مثل whimsical أو Miro وحتّى نفهمَ الموضوع بشكلٍ أكبرٍ سنطبّق مثالٍ عمليٍّ:

ندخل على سير المستخدم باللّون البنفسجيِّ فنحصل على واجهةٍ ثانيةٍ تمثِّل اللوحةَ التي سننشئ عليها نموذجنا، إذ سنصمم هنا خطة سير مستخدم:

فرضًا ليكن لدينا عملية تغيير صورة بروفايل في انستغرام، ونريد صناعةَ سير المستخدم لهذه العمليَّة:

باستخدام أدواتٍ التَّحديد، والاشكال، والألوان ثمَّ الوصل بالأسهم نحصل على الشَّكل الآتي الذي يوضِّح آليَّة تغيير الصّورة إذ سيتجه المستخدِّم إلى صفحته الشَّخصية profile ويختار change pic:

وهنا لديه خيارين إمَّا التقاط صورةٍ بواسطة الكاميرا (وبالتَّالي سيكون الـ action الخاص بهذا الزِّر هو فتح الكاميرا) أو تحميل صورة من جهازه

من upload pic نأخذ أيضًا سهمًا ينتهي بصندوقٍ photos library وهو عملٌ تلقائيٌّ أي ليس action، ثم نفرّع منها خيار action وهو choose image الذي ينتهي أيضًا preview pic

بعد أن يرى المستخدمُ الصُّورةَ يكون لديه حليّن إمّا تأكيد أي confirm أو رفض decline وعند القيام بهذا الإجراء الأخير، والرّفض أي لم تعجبه الصّورة، يعود حتّى الخيار الأول وهو change pic.

هذه الخطوات وضحت سير المستخدمِ من بداية دخوله للملفّ الشّخصيِّ حتّى تغييره للصورة، وافترضت كلَّ الاحتمالات التي من الممكن أن يقوم بها وفق مسارين:

  • الأوَّل: تغيير الصورة - أخذ صورةٍ - فتح الكاميرا- التقاط صورة -مراجعة صورة –قبول، أو رفض وعودة للبداية.
  • الثّاني: تغيير الصورة - تحميل صورةٍ - فتح مكتبة الصور- اختيار صورةٍ - معاينة الصّورة – قبول، أو رفض وعودةٌ للبداية.

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

كالإشارة للمربعِ الأخضر أنَّه البدايةُ والمربع البنفسجيِّ أنَّه النهايةُ، والأمر التلقائيِّ بخط ٍّمنقطٍّ، والأمر الذي يحتاج إلى اتخاذ فعلٍ بخط ٍّمنقَّطٍ.

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

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

كذلك الأمر في هندسة البرمجيَّات والتَّصميم، يمكن للمصممِّ أن يصنعَ موقعًا كاملًا، ومتكاملًا دون الالتفات لقواعد تجربة المستخدم لكنَّه لن يعلوَ عن كونه موقعًا صغيرًا ولن يصلَ أبدًا للعالميَّة.

التالي

حلقات الدروس

تجربة المستخدم
تجربة المستخدم
البحث عن المستخدم
البحث عن المستخدم
البحث السياقي
البحث السياقي
العاطفة
العاطفة
تحديد المشاكل
تحديد المشاكل
الشخصية
الشخصية
خريطة الرحلة
خريطة الرحلة
سير المستخدم
سير المستخدم
جميع الحقوق محفوظة لبنّاء © 2020 
جميع الحقوق محفوظة لبنّاء © 2020