لا تبدو العديد من المفاهيم في تصميم واجهة المستخدم مختلفة تمامًا من الناحية الحرفية ، لكنها في الواقع تختلف اختلافًا كبيرًا. TeacherAkane_lee ، المصمم التايواني الذي لم ينشر وقتًا طويلاً ، انتهز الفرصة لتحليل المفاهيم وتوضيح وظائف مخطط التدفق وتدفق واجهة المستخدم بالتفصيل ~
لم أقم بنشر أي مقالات لمدة شهر تقريبًا ، وأنا مشغول بكتابة الخطط ، وصنع النماذج الأولية ، وتشغيل تقارير الطلاب التجريبيين. في الآونة الأخيرة ، لا بد لي من تنظيم الكثير من تدفقات واجهة المستخدم. كلما قمت بتنظيم رأسي ، كلما شعرت وكأنني معجون. دعنا نتحدث عن تدفق واجهة المستخدم ومخطط التدفق. التدفق هو "العملية" ، تدفق واجهة المستخدم هو تدفق الصفحة ، ومخطط التدفق هو مخطط التدفق ، والاثنان مخططان مختلفان تمامًا.
مصمم واجهة المستخدم على دراية بتدفق واجهة المستخدم ، ولكن قد لا يكون على دراية برسم التدفق. في تطوير البرمجيات ، عادة ما تتم كتابة مخطط التدفق بواسطة SA ، مع التركيز على "الحكم" ... ليس بالأمر الصعب ، تعامله كاختبار نفسي مرتبط بالمجلة ، فقط حدد "نعم" وانتقل إلى اليمين ، واختر "لا" وانتقل إلى اليسار.
بالنسبة إلى RD ، يجب أولاً معرفة "المنطق" قبل كتابة برنامج ، أي بنية تشغيل تتألف من "أحكام" مختلفة. المنطق مهم جدًا أيضًا لاتحاد واجهة المستخدم ، وإلا ما هي الاستجابة التي يجب أن يقدمها المستخدم بعد العملية؟
تسجيل الدخول إلى الأعضاء الأكثر ازدهارًا
أخذ "تسجيل الدخول الأعضاء" كمثال ، إذا دخل المستخدم كلمة مرور الحساب ، وإذا كان الإدخال صحيحًا ، فسيقفز تلقائيًا إلى صفحة معلومات الأعضاء. إذا كان المدخلات خاطئًا ، فسيطلب منه خطأ ...
فقط من الخريطة الوظيفية ، أريد رسم تدفق واجهة المستخدم. غالبًا ما أتجاهل "ماذا أفعل إذا كان المستخدم يعمل بشكل غير صحيح". في اللحظة الأخيرة ، وجدت أن هناك نقصًا ، مما يعني أن واجهة المستخدم تضيف بشكل عاجل الصفحات المفقودة ، وأن RD ليس أنيقًا في عمله الشاق. يطالب أن الخطأ ليس شيئًا يتم وضعه في مرحلة أو يتم استكماله عندما يكون لديك وقت. الصفحات والبرامج لا تكتبها أفواههم ...
سأرسل لك رمز التحقق
يبدو الأمر بسيطًا جدًا؟ إنه ليس ذلك فقط. عندما ترسمها فعليًا ، ستجد أن العديد من الأشياء يتم تجاهلها بسهولة على تدفق واجهة المستخدم التي لا يتم النظر فيها. (وكيف يمكن أن تكون هناك وظيفة إضافة؟)
في بعض الأحيان ، سيستمر المستخدم في كتابة الأخطاء ، ومن المعقول تخمين أن شخصًا ما يحاول سرقة الحساب. تتمثل طريقة الحظر الشائعة في طلب المستخدمين الذين يدخلون أخطاء متعددة لملء حقل آخر من رمز التحقق. لذلك يصبح مخطط التدفق:
الصورة أعلاه هي مجرد مظاهرة عملية بسيطة ، لكنها مجرد جملة غير رسمية "مهلا ، أضف وظيفة رمز التحقق بالنسبة لي" ، وسيصبح مخطط التدفق دهون فجأة. هناك المزيد من الحيل والاعتبارات الأمنية للتحقق من تسجيل الدخول إلى الأعضاء الحقيقي. على سبيل المثال ، إذا كان لديك 3 أخطاء تسجيل الدخول ، فسوف تعطيني "نسيت كلمة المرور" أكثر وما إلى ذلك. إذا قمت بإغلاق الحساب مباشرة ، فيرجى الاتصال بخدمة العملاء للاستئناف.
يكمل مخطط التدفق وتدفق واجهة المستخدم بعضهما البعض ، وحتى مخطط تدفق واجهة المستخدم يتم توفيره أولاً. عندما لا يكون هناك مخطط تدفق ولا تعرف مقدار الحكم الذي يجب معالجته ، فسوف تنتج تدفق واجهة المستخدم. احتمال أن تكون الصفحات المفقودة والوظائف المفقودة مرتفعًا جدًا.
إذا كان هناك فقط تدفق واجهة المستخدم ولا يوجد مخطط تدفق ، بالكاد يمكن أن يتخيل RD مخطط التدفق بناءً على الصورة وكيفية الحكم ، ولكن كلما زاد النظام ، كلما كانت الحزمة أكثر ، يتم تحديد فرصة الحزمة بناءً على قيمة تجربة RD. ولكن لا يوجد حتى تدفق واجهة المستخدم. مجرد عدد قليل من الإطارات السلكية أو النماذج النامية هي مجرد رجل أعمى يلمس فيل. إذا نظرت إلى صورة ثابتة واحدة ، فلن تعرف كيفية ربط الصفحة. سيكون من الغريب أن تعتمد على عقلك لتعويض ذلك.
إذا لم تعطي أي شيء ، فما عليك سوى رمي النموذج الأولي واطلب من RD نسخه. من السهل جدًا فعل ذلك تمامًا؟ يحتاج RD أيضًا إلى كزة وكزة كل زر اضغط على كل شاشة وتجربة أخطاء مختلفة قبل أن تعرف كيفية توصيل الوظيفة. كم تكره RD للقيام بذلك؟
مراجع:
مخطط انسيابي - ماجستير إدارة الأعمال في الخزان
وصف مخطط انسيابي
من منظور مصمم واجهة المستخدم ، يمكن اعتبار مخطط التدفق "كيفية تشغيل المستخدمين وإكمال المهام وكيف يستجيب البرامج في هذه الحالة" ، ويتم تمديد تدفق واجهة المستخدم إلى "لأن المستخدمين يعملون بهذه الطريقة ولدينا هذه الوظائف والمعلومات لتقديمها ، وبالتالي فإن الصفحة والصفحة متصلة بهذه الطريقة."
لا يتعين على مصمم واجهة المستخدم معرفة كيفية رسم الرسوم البيانية للتدفق ، ولكن يجب أن تفهمها. يتم إصلاح رموز المخطط الانسيابي الشائع. لا تصمم نمطًا جديدًا لمجرد أنك تبدو قبيحًا. سوف RD بالتأكيد قلب الجدول.
هناك قول مشهور "المياه الموجودة في رأسك قبل الزواج هي الدموع التي تم إلقاؤها بعد الزواج" ، والتي يتم تطبيقها على تطوير البرمجيات ، "الدماغ الذي يتم إنفاقه أقل قبل العمل هو الكبد الذي سيتضرر بعد العمل هو الكبد الذي سيتضرار بعد العمل هو الذي يبدأ". كم عدد الوظائف غير المتوقعة في المرحلة المبكرة ، وعدد ساعات العمل غير المتوقع في المرحلة اللاحقة ...