השבוע דיברנו בעבודה על זה שבעיצוב טפסים יש הרבה ניואנסים שאנשים אינם מודעים אליהם, אבל הם עדיין עושים אותם נכון, כי הימים החשוכים של הטפסים המקוונים הם די מאחורינו, ורוב הטפסים שאנחנו נתקלים בהם מעוצבים לכל הפחות בצורה סבירה, אז אנחנו מתחילים להרגיש אינסטינקטיבית את הדרך הנכונה לעשות דברים.
אבל היום שיטוטיי הביאוני לאתר olddogg.com. אל תבינו אותי לא נכון, מדובר באתר קיקיוני איך שלא תסתכלו על זה, אבל… איך נאמר… זה שאתה קטן עוד לא אומר שאתה חייב להיות גם טיפש. למעשה, מאוד עדיף שלא.
כפי שציין אמיר דותן בפוסט האחרון שלו, כאשר המשתמש נמצא ב"מצב מקלדת" מומלץ להמנע אם ניתן מפעולות משנה המחייבות מעבר לעכבר. לכן המציאו את מקש ה"טאב" שמאפשר לנו למלא טפסים מבלי להיעזר בעכבר כדי לעבור בין שדה לשדה.
כך נראה אחד הטפסים באתר. הצד השמאלי משמש ליצירת חשבון חדש והצד הימני – לכניסה עם חשבון קיים. כפתורי "verify" נמצאים שם מכיוון שזה טופס שמופיע לאחר החיבור לפייסבוק, וצריך לאשר שמדובר בשם המשתמש הנכון. זה בסדר.
קחו לכם רגע ודמיינו את מסלול מילוי הטופס. אני משער שקיבלתם שני קוים אנכיים יורדים, אחד מימין ואחד משמאל.
ובכן, בפועל, אם תתחילו משדה ה-Username בעמודה השמאלית, ותשתמשו במקש ה"טאב", המסלול שתעשו ייראה כך:
לדעתי זה נותן מימד חדש לפוסטר שזכה בתחרות הפוסטרים של UXI (הפוסטר העליון).
וכפי שציינתי פעם, היית חושב שיש דברים מובנים מאליהם.
נפלא.
זה מתנגש מצויין עם עקרון ה-Clear path to completion (זה שצריך מסלול ברור ופשוט להשלמת הטופס), הפעם מכיוון ה-tab ולא מהכיוון הויזואלי על המסך. דווקא זה עובד פה מצוין. זו דוגמא קלאסית למפתח שמצליח לשבש בצורה נוראית את "כוונת המשורר" – מי שתכנן את הדף.
הנה דוגמא לטופס עם path to completion מהגרועים בעולם:
http://www.usable.co.il/archives/530
(זה עם הטוטו – תלחצו על הכפתור הצהוב)
תגיד למרקו שאמא שלו מוסרת ד"ש. סתם ככה, בשביל הכיף 🙂
לא ציפיתי ממך לאכזריות כזו כלפי ילד קטן 🙂