להלן סקירה קצרה של המדריך של uniq-ui על בניית טפסים. שימו לב שאין פה הסבר טכני, אלא הסבר על התכנון שלכם בתור בעלי אתר\מעצבים
בחלק ראשון: מוסבר על המסלול להשלמת הטופס ועל ישור התוויות
המלצה חשובה אחת, היא לא להכריח אנשים להרשם לאתר לאחר שהם החליטו לרכוש, באתר גדול בחו”ל הגדילו את המכירות ב300 מליון דולר, ע”י שלא הכריחו את האנשים להכניס שם משתמש וסיסמה.
המסלול להשלמת הטופס
עוד דבר חשוב, הוא שהמסלול להשלמת הטופס יהיה ישר, עדיף מאד לא בשני טורים, ובכל מקרה, כדאי לקחת עט, ולעבור על המסלול שעוברים בהשלמת הטופס כדי לראות את ההתקדמות. ניתן לראות דוגמא בפוסט.
אבל הכי פשוט הוא לעשות משהו שעובר מלמעלה למטה. חשוב לשים את כפתור השלח, באותו מסלול שזה עובר, ולא בפינה הנגדית כמו שלרוב קורה
ישור תוויות (שם\כתובת)
איך למקם את התוויות (מה שמסביר ללקוח מה הוא צריך להכניס, כגון עיר\שם\מייל). שלוש אפשרויות
| ישור ימני | |
|
ישור שמאלי
|
|
| ישור עילי |
חסרונות:
ישור ימני: איטי פי 2 מישור שמאלי, ישור עילי מהיר אפילו יותר. הערה – יש יתרון באיטיות במידה ואנחנו רוצים שהמשתמש יחשוב על התשובה
ישור עילי: דורש יותר גלילה
ישור שמאלי: פחות תקין מבחינת המבנה המצופה
איך להציג הסברים
בחלק השני של המדריך מדובר על איך להציג הסברים
1. להסביר בדיוק איך צריך להזין את המידע
2. להסביר למה המערכת מבקשת מידע מסוים (למשל – מייל בשביל לשלוח פרטי הזמנה ולא בשביל ספאם)
3. להסביר איזה מידע חובה להזין ואיזה הוא רשות
הכי עדיף להציג הסברים ליד השדה המבוקש ולא בראש הטופס
מה להציג בטופס
בחלק השלישי מוסבר על פעולה ראשית ופעולות משניות, ומספר השדות בטופס
אז – (1) לקחו מהלקוח את מינימום המידע שאתם צריכים, אנשים הרבה פעמים מפסיקים רכישה בגלל עודף מידע שמבוקש.
(2) מומלץ שיהיה רק פעולה ראשית אחת – רכש\שלח מידע ולא עוד אפשרויות נוספות שמבלבלות את המשתמש.
החלק רביעי מדבר על תלויות בין שדות, ורשימת קריאה מומלצת ומיועד יותר למתקדמים. תלויות בין שדות – הכוונה – למשל – במידה ובחרתי במקום איסוף עצמי משלוח – אמור להופיע לי שדות של כתובת. איך מתכננים את זה ואיך ממקמים את זה.
כאן ניתן לקרוא את המדריך המלא:
חלק ראשון: זרימה בטופס ויישור תוויות.
חלק שני: עזרה והסברים, ובדיקות תקינוּת (וָלידציות).
חלק שלישי (הפוסט הזה): פעולה ראשית ופעולות משניות, ומספר השדות בטופס.
חלק רביעי: תלויות בין שדות, ורשימת קריאה מומלצת.
