תבנית תרשים זרימה מובנית

זרימת משתמש למשימה אחת באתר או באפליקציה

מפו מסכים ופעולות למשימה אחת, כולל כניסה, שגיאות וחזרות, עם סוף לכל הסתעפות.

דוגמה: זרימת משתמש למשימה אחת באתר או באפליקציה
תרשים זרימה
מה מקבלים

תרשים אחד מנקודת כניסה דרך מסכים, פעולות ותנאים להצלחה וליציאות. מסכים ובדיקות מערכת נבדלים; בדקו כל ענף ושגיאה מול העיצוב.

שתי דוגמאות מלאות

בריף רגיל ומקרה קצה.

קלט רגיל

הזמנת יוגה עם כניסה והמתנה

נקודת כניסה
לחיצה על הזמנת שיעור במסך הבית של Stillwater Yoga
מסכים ופעולות לפי סדר
מסך — רשימת שיעורים פעולה — בחירת שיעור מסך — פרטי שיעור פעולה — הזמנה מסך — תשלום פעולה — תשלום בכרטיס שמור מסך — אישור הזמנה
תנאים ויעד לכל תשובה
מחובר? לא ← מסך כניסה ואז חזרה לפרטי שיעור. כן ← הזמנה שיעור מלא? כן ← רשימת המתנה. לא ← תשלום
הצלחה ויציאות
אישור הזמנה; הצטרפות להמתנה; עזיבה בתשלום
סימון או הדגשה
הצלחה בירוק, עזיבה ושגיאה באפור
מקרה קצה

תשלום עם מגבלת ניסיון, חזרה ושמות מסך ארוכים

נקודת כניסה
לקוח חוזר פותח עגלה מדוא״ל תזכורת בטלפון
מסכים ופעולות לפי סדר
מסך — עגלה עם פריטים שמורים והערכת משלוח פעולה — מעבר לקופה מסך — כתובת וחלון משלוח פעולה — בחירת חלון מסך — כרטיסים שמורים ואפשרות כרטיס חדש פעולה — תשלום מסך — אישור הזמנה וקישור מעקב
תנאים ויעד לכל תשובה
כתובת תקפה? לא ← עריכת כתובת ואז חזרה לכתובת משלוח. כן ← בחירת חלון תשלום אושר? כן ← אישור הזמנה. לא ← מסך כישלון, עד שני ניסיונות נוספים ואז יצירת קשר עם תמיכה לחיצה על חזרה בתשלום ← כתובת משלוח עם החלון שנשמר
הצלחה ויציאות
הזמנה בוצעה; קשר עם תמיכה אחרי כישלונות; עזיבה מכל מסך
סימון או הדגשה
נשאר ריק

בודק גבול שני ניסיונות ומוצא לתמיכה, חזרה ליעד הנכון ושמות ארוכים במלואם.

אותה משימה, שלושה כיוונים

בחרו כיוון להתחלה.

01

מסלול הצלחה ראשון

הצלחה בקו ישר וחלופות מסתעפות לסקירה.

02

שגיאות ומצבי קצה

כישלון, ניסיונות וסוף ללא מוצא לבדיקת עיצוב.

03

חדש מול חוזר

שתי כניסות שנפגשות במסכים משותפים.

מה התבנית שומרת

מה שנשאר עקבי.

01

מסך ופעולה בנפרד

מסכים כתיבות ופעולות על המעברים.

02

מוצא לכל ענף

סוף שציינתם או חזרה עם סיבה מפורשת.

03

שמות המסכים שלכם

כמו בקבצי העיצוב ובמשימות.

איך משתמשים

מהפרטים ועד התוצאה.

  1. 01

    בחרו משימה אחת

    הזמנה, איפוס סיסמה או קופה עם נקודת כניסה.

  2. 02

    רשמו מסכים ופעולות

    כל שורה מתחילה במסך או פעולה להבדיל ביניהם.

  3. 03

    הוסיפו תנאים

    שאלה עם יעד לכל תשובה, חזרה וניסיון נוסף.

  4. 04

    ציינו כל יציאה

    הצלחה, עזיבה ושגיאה, ואז בדקו ב-Vizify ושלחו.

  5. 05

    עברו על כל ענף

    עד יציאה ובשמות תואמים למסכי העיצוב.

גבולות התוצאה

מה לבדוק לפני שמשתמשים.

  • תרשים סדר ולא מסכים, פריסות או נוסח ממשק.
  • אין בדיקת האפליקציה או מציאת מקרי קצה שלא ציינתם; רק ענף חסר יעד מסומן.
  • משימה אחת בכל תרשים; כמה משימות קשות למעקב.
  • פריסה אוטומטית וייצוא לפי האפליקציה.
שאלות
מה ההבדל ממסך שלד?

זרימה מראה סדר מסכים והחלטות; שלד מראה מסך יחיד. הסכימו על המסלול לפני עיצוב.

איך מציגים חזרה?

כתבו למשל חזרה מתשלום לכתובת; נוצר חץ מסומן למסך הקודם.

מתאים גם לאתר?

כן, מסך יכול להיות עמוד, חלון או שלב טופס. השתמשו בשמות הצוות.

ומה אם אין יעד לשגיאה?

השאירו את השאלה בבקשה. Vizify שואל במקום להמציא מסך שגיאה, כך שהפער גלוי.

ממשיכים מכאן