אתר מבלבל מרגיש כמו שדה תעופה שאתה לא מכיר
UX טוב הוא לא עניין של עיצוב. הוא סימן לאסטרטגיה שיודעת לאן היא הולכת
קרה לכם שהגעתם לשדה תעופה שאתם לא מכירים בדרך לטיסה כשאתם כבר על הקצה של הזמן. פקקים בדרך, חיפוש חניה, מזוודה ביד, הראש עסוק במה שצריך להספיק. אתם נכנסים פנימה ויש תחושה שהכול אמור להיות מסודר, אבל בפועל אתם מחפשים את הדבר הבסיסי ביותר: איפה מתחילים עכשיו. מה הצעד הראשון, ואיך יודעים שלא טעיתם במסלול.
השלטים קיימים, אבל לא תמיד עוזרים בזמן אמת. כולם סביבכם נראים כאילו הם יודעים בדיוק לאן ללכת, ואתם מנסים לקרוא את המקום תוך כדי תנועה. טעות קטנה בפנייה יכולה להפוך לעיקוף מיותר, ובשדה תעופה עיקוף כזה לא מרגיש כמו סתם אי נוחות. הוא מרגיש כמו לחץ שמתגבר.
זו בדיוק התחושה שאנשים מקבלים כשהם נכנסים לאתר ולא ברור להם מה קורה שם. לא כי העיצוב לא יפה, ולא כי כפתור אחד לא במקום. אלא כי מהרגע הראשון אין להם רצף. אין התחלה ברורה, ואין סימנים שמראים שהם מתקדמים בכיוון הנכון.
שדה תעופה הוא מערכת ניווט, לא יעד
שדה תעופה לא אמור להרשים. הוא אמור להוביל. הוא בנוי כמערכת שמחזיקה תהליך: להגיע לנקודה הנכונה בזמן הנכון בלי להצטרך להמציא את המסלול תוך כדי. אנשים שונים צריכים להגיע לנקודות שונות, לעבור שלבים שונים, ולעיתים גם לעצור במסלול מסוים. המערכת לא מבקשת שכולם יעברו את אותו נתיב, אבל היא כן אמורה להבטיח שלכל מי שנמצא בה יהיה ברור מה הצעד הבא.
כשזה עובד, אתם כמעט לא חושבים על זה. אתם פשוט מתקדמים. יש היגיון, יש סדר, ואפשר לסמוך על המערכת בלי להחזיק הכול בראש.
אתר אמור לעשות אותו דבר. לא להביא את האדם ליעד במקומו, אלא להחזיק לו את הרצף מהרגע שהוא נכנס, עד הרגע שהוא מבין מה מתאים לו ומה הצעד הבא.
ההשקעה הגדולה נשרפת בתוך הדקה הראשונה
אפשר להביא אדם לאתר בעזרת קידום אורגני, פרסום או תוכן. אבל מהרגע שהוא נכנס מתחיל המבחן האמיתי. אם הוא צריך לנחש מי אתם, מה אתם מציעים, למי זה מתאים, ומה עושים עכשיו, הוא לא ימשיך לקרוא כדי להבין. הוא פשוט ייצא ויחפש מקום אחר שנראה לו ברור יותר.
וכאן האנלוגיה לשדה תעופה מחדדת פער חשוב. בשדה תעופה בדרך כלל אין לכם אלטרנטיבה. אתם חייבים להתקדם בתוך המערכת כדי להגיע לטיסה. באתר, האדם לא חייב כלום. הוא לא מחויב למסלול, והוא לא מחויב לכם. לכן חוסר בהירות באתר לא גורם לעיכוב. הוא גורם לנטישה.
ברגע הזה זה כבר לא עניין של UX במובן העיצובי. זה כשל תכנוני: האתר לא יודע להוביל אדם חדש בתוך מערכת שהוא לא מכיר.
אתר מבלבל הוא לא בעיית כפתורים, הוא בעיית החלטות
כשמקום גדול ומורכב מבלבל, זה כמעט אף פעם לא בגלל שלט אחד. זה בגלל שהמערכת לא נבנתה סביב שאלה אחת בסיסית: מי אמור לעבור פה, לאן הוא צריך להגיע, ובאיזה סדר.
באתרים זה מופיע בצורה מוכרת מאוד. עמוד בית שמציג כמה שירותים שונים באותה עוצמה, בלי מסלול אחד ברור. מסרים שמדברים בכמה כיוונים במקביל. הצעות שמונחות יחד בלי היררכיה, כאילו הכול דחוף באותה מידה.
וכאן מתרחש הדבר הכי מתסכל מבחינת עסק. האתר מלא במידע, אבל האדם עדיין לא מצליח לבחור צעד. הוא רואה כמה כיוונים, והוא לא יודע מה “הנכון”. לא כי הוא עצלן, ולא כי הוא לא קורא, אלא כי לא נבנה עבורו סדר עדיפויות. וכשאין סדר עדיפויות, נוצר פער: במקום שהאתר יוביל, האדם צריך לאלתר ניווט. וברגע שהוא צריך לאלתר, הוא כבר בדרך החוצה.
במצב כזה UX גרוע הוא לא הבעיה. הוא התוצאה. התוצאה של זה שלא נסגרו החלטות בסיסיות: מה השירות המרכזי, מי הלקוח הנכון, מה המסלול הראשי באתר, ומה המסלולים המשניים. ברגע שאין החלטות כאלה, האתר מנסה לכסות הכול, ובסוף לא מוביל לשום דבר.
אמון נוצר כשברור שיש סדר
כשאתם מגיעים בשדה לדלפק הנכון, משהו בגוף נרגע. לא בגלל היופי, אלא בגלל ההבנה שיש תהליך. אתם יודעים מה השלב הבא, אתם יודעים פחות או יותר מה יקרה אחרי, ואתם לא צריכים להחזיק הכול בראש לבד.
באתר זה אותו מנגנון. אמון נבנה כשברור שהעסק יודע להוביל: למי זה מתאים, מה נכון לעשות עכשיו, ומה קורה אחרי. זו לא שכבת עיצוב. זו דרך להראות שיש כאן מערכת מנוהלת, לא אוסף עמודים.
סינון הוא חלק מהשירות
בשדה תעופה יש שערים. בדיקות, שאלות, מסלולים, עצירות. לא כדי להקשות, אלא כדי שהמערכת תעבוד, וכדי שמי שצריך להגיע לנקודה מסוימת לא ימצא את עצמו במסלול לא מתאים.
באתר, סינון עובד אותו דבר. מחיר שמופיע בזמן הנכון, שאלות שמבררות התאמה, טופס שמכוון למסלול, עמוד שמסביר למי זה לא מתאים. אלה לא חסמים. אלה מנגנונים שמונעים בזבוז זמן ותסכול, גם מצד הלקוח וגם מצד העסק.
אתר בלי שערים מייצר עומס. אתר עם שערים חכמים מייצר בהירות. ובהירות היא לא תוספת נחמדה. היא התנאי לזה שאדם יוכל לקבל החלטה רגועה במקום לברוח.
השורה התחתונה
UX טוב הוא לא עיצוב יפה. הוא תוצאה של תכנון שיודע לאן הוא מוביל. אם אנשים הולכים לאיבוד באתר, זה בדרך כלל לא בגלל כפתור אחד, אלא בגלל שאין מסלול ברור שמחזיק את האדם מהרגע שהוא נכנס.
אל תבדקו את האתר בעצמכם. אתם כבר מכירים אותו, ולכן המוח שלכם משלים אוטומטית את מה שחסר. בשדה תעופה זה כמו לנסות לבדוק שילוט כשאתם כבר יודעים בעל פה איפה הבידוק ואיפה השערים. אם אתם יכולים, תנו למישהו שלא מכיר אתכם לפתוח את עמוד הבית ולהגיד בקול מה הוא מבין בעשר שניות: מה אתם מציעים, למי זה מתאים, ומה הצעד הראשון. זה לא צריך להיות “משתמש אידיאלי”, רק אדם שלא חי בתוך העסק שלכם. אחר כך, כדי להוריד את רעש הדעות ולהוסיף דיוק, תנו לאותו עמוד שכבת בדיקה של AI: לא כדי שיחליף בני אדם, אלא כדי שיצביע בצורה קרה על נקודות שהמוח של אנשים מחליק עליהן. אם גם אדם זר וגם ה AI מתבלבלים באותה נקודה, זו כמעט תמיד לא בעיית טעם. זו בעיית ניווט. ומשם מתחילים.
ועכשיו הפרומפט. כתבתי אותו כך שהוא עובד גם אם מדביקים קישור, וגם אם מדביקים טקסט או HTML של החלק העליון. הוא מכוון לניתוח של מבקר חדש, כולל מפת אמפתיה קצרה, ואז בדיקת בהירות עם תשובות חד משמעיות, ובסוף המלצות כירורגיות בלבד בלי הרצאה.
אתה צוות ביקורת אחד, שמורכב מהכובעים הבאים, וכולם עובדים יחד על אותו דף:
1) חוקר UX שמזהה בלבול ונטישה
2) ארכיטקט מידע שמזהה היררכיה ומסלול ראשי מול משניים
3) אסטרטג המרה שמזהה האם הדף מוביל להחלטה ברורה
4) פסיכולוג התנהגותי שמזהה לחץ, הסחות וטריגרים של אי אמון
5) מומחה אמון וסיכונים שמזהה מה חסר כדי להרגיש בטוח להתקדם
6) מומחה נגישות ושפה פשוטה שמזהה עומס קוגניטיבי ושפה לא ברורה
המטרה
לבחון דף כאילו זו הפעם הראשונה שאתה רואה אותו, ולהחזיר לי אבחון חד על בהירות המסלול, אמון, והחלטה.
אתה לא מדריך UX כללי. אתה לא משכתב את כל האתר. אתה נותן תיקונים כירורגיים בלבד.
סוג הדף לבדיקה
בחר אחד בלבד:
א) עמוד בית
ב) עמוד מכירה או עמוד נחיתה
קלט שאני מספק לך
1) תחום האתר במשפט אחד: [ ]
2) מי הקהל שאני רוצה למשוך: [ ]
3) מה הפעולה המרכזית שאני רוצה שיקרה בדף: [ ]
4) מה שלוש פעולות משניות, אם קיימות: [ ]
5) החומר לבדיקה, אחת משתי האפשרויות:
א) קישור לדף: [ ]
ב) הדבקה של תוכן המסך הראשון ועוד מקטע אחד מתחתיו, כולל כותרות, כפתורים וטקסט: [ ]
כללי עבודה קשיחים
1) אם משהו לא ברור, כתוב "לא ברור" ולא תנחש.
2) אל תשתמש בביטויים כלליים כמו "כדאי לחדד". כל הערה חייבת להצביע על מילה, אזור או החלטה.
3) מקסימום 7 תיקונים בסוף. כל תיקון חייב להיות קצר ומעשי.
4) אל תציע עיצוב מחדש. אל תדבר על צבעים או גרפיקה, אלא אם זה פוגע ישירות בהבנה.
5) אתה חייב להבדיל בין בעיית ניסוח לבין בעיית מבנה. אל תערבב.
שלב 1, תמונת מבקר חדש בארבע שורות
כתוב 4 שורות בלבד:
מה באתי להשיג פה
מה הדבר הראשון שמלחיץ אותי או מבלבל אותי
מה יגרום לי להאמין שזה המקום הנכון
מה יגרום לי לצאת מיד
שלב 2, מבחן עשר השניות
ענה קצר ובחדות. אם אין תשובה ברורה, כתוב "לא ברור".
מה זה האתר או העסק במשפט אחד
למי זה מתאים במשפט אחד
מה המסלול הראשי בדף
מה הצעד הראשון שהדף מבקש ממני לעשות
שלב 3, מבחן מסלול אחד
תאר את המסלול הראשי כשרשרת קצרה של עד 5 צעדים, מרגע כניסה לדף ועד הפעולה המרכזית.
אם יש כמה מסלולים שמתחרים, ציין מי מתחרה במי ולמה זה שובר החלטה.
שלב 4, נקודות שבר שמייצרות נטישה
תן עד 5 נקודות, וכל נקודה חייבת לכלול:
מה בדיוק גרם לשבר
איפה זה מופיע בדף
איזה ניחוש המבקר נאלץ לעשות
שלב 5, מבחן אמון וסיכון
ענה על שלוש השאלות הבאות בקצרה:
מה חסר כדי להרגיש בטוח להתקדם צעד אחד
איפה הדף דורש ממני התחייבות בלי לתת לי מספיק ביטחון
מה הטעות הכי סבירה שמבקר יעשה פה בגלל ניסוח או מבנה
שלב 6, החלטה כירורגית
תן עד 7 תיקונים בלבד, בפורמט קבוע לכל תיקון:
מה לשנות בדיוק
למה זה משנה את ההבנה או ההחלטה
איך לעשות את זה במשפט אחד, או בהחלפת מיקום של רכיב אחד
נספח קטן לפי סוג הדף
אם זה עמוד בית, בדוק גם:
האם ברור מה מצופה ממבקר חדש לעומת מבקר חוזר
האם יש פיתויים שמושכים למסלולים משניים מוקדם מדי
אם זה עמוד מכירה או נחיתה, בדוק גם:
האם הדף עונה על "למה עכשיו" בלי להכריח לגלול הרבה
האם ההתנגדות המרכזית של הקהל מקבלת מענה לפני הטופס או הכפתור המרכזי
האם יש התאמה בין ההבטחה הראשית לבין מה שמקבלים בפועל