UX (User Experience, חוויית משתמש) היא כל מה שאדם חווה כשהוא נתקל בעסק דרך האתר: האם הוא מוצא מהר את מה שחיפש, האם הוא מבין מה מציעים לו, האם קל לו לפעול — להתקשר, להשאיר פרטים, לקנות — והאם הוא יוצא עם תחושה שהעסק אמין. ארגון Nielsen Norman Group, מהגופים המובילים בתחום, מגדיר חוויית משתמש ככל ההיבטים של האינטראקציה של המשתמש עם החברה, השירותים והמוצרים שלה. כלומר, UX הוא לא רק עיצוב, ולא רק "נוחות" — הוא השאלה אם האתר עושה את העבודה בשביל מי שנכנס אליו.
UX, UI ושימושיות — מה ההבדל
שלושת המונחים מתערבבים לעיתים קרובות:
- UX — חוויית משתמש: המושג הרחב. כולל את המבנה, התוכן, מהירות האתר, הטפסים, ואפילו מה קורה אחרי שהגולש השאיר פרטים.
- UI — ממשק משתמש: מה שרואים ולוחצים עליו — כפתורים, תפריטים, טיפוגרפיה, צבעים. חלק חשוב מ-UX, אבל לא כולו. הרחבתי על כך במאמר מה זה UI.
- שימושיות (Usability): לפי NN/g, תכונה של הממשק — כמה קל ללמוד אותו ולהשתמש בו.
הדוגמה של NN/g ממחישה את ההבדל: אתר סרטים עם ממשק חיפוש מצוין עדיין נותן חוויה גרועה אם אין במאגר שלו את הסרטים שאנשים מחפשים. ממשק יפה לא מציל תוכן חסר.
איך נראה UX טוב באתר של עסק
באתר של עסק, חוויית משתמש טובה נמדדת בשאלה פשוטה: האם הגולש הגיע למטרה שלו מהר ובלי להתאמץ? בפועל זה נראה כך:
- הכותרת עונה על השאלה. מי שהגיע לעמוד שירות רואה מיד מה השירות, למי הוא מתאים ומה הצעד הבא.
- הניווט צפוי. תפריט עם שמות שהגולשים מבינים — "שירותים", "פרויקטים", "צור קשר" — ולא שמות יצירתיים שצריך לנחש.
- הדרך ליצירת קשר קצרה. טלפון לחיץ, וואטסאפ וטופס של שלושה שדות, בכל עמוד שבו גולש עשוי להחליט.
- האתר מהיר. אתר איטי הוא חוויה גרועה עוד לפני שהגולש ראה משהו. אפשר לבדוק את זה בעצמכם — ראו בדיקת מהירות אתר.
- הכול עובד בטלפון. לא "גרסה מצומצמת" לנייד, אלא אותו תוכן, מסודר לגודל המסך — ראו אתר רספונסיבי.
- האתר נגיש. ניגודיות מספקת, ניווט במקלדת ותוויות בטפסים הם חלק מחוויית המשתמש של כל הגולשים, לא רק של אנשים עם מוגבלות.
טעויות UX נפוצות באתרי עסקים
| טעות | מה הגולש חווה | מה עושים במקום |
|---|---|---|
| סליידר ענק בראש דף הבית | תמונה מתחלפת במקום הסבר מה העסק עושה | כותרת ברורה וקריאה אחת לפעולה |
| כל השירותים בעמוד אחד | גלילה ארוכה בחיפוש אחרי השירות שלו | עמוד נפרד לכל שירות |
| טופס עם עשרה שדות | ויתור באמצע | שם, טלפון ושורה על הצורך |
| חלון קופץ מיד בכניסה | הפרעה לפני שהבין איפה הוא נמצא | הצעה בזמן הנכון, או בכלל לא |
| טקסט אפור בהיר על רקע לבן | קושי לקרוא, במיוחד בשמש | ניגודיות שעומדת בתקן הנגישות |
| אין פרטי עסק | חשד — מי עומד מאחורי האתר? | כתובת, טלפון ושם העסק גלויים |
איך עושים UX בלי תקציב של חברה גדולה
עסק קטן לא צריך מעבדת שימושיות כדי לשפר את חוויית המשתמש. כמה שיטות שעובדות:
- מתחילים מהשאלות של הלקוחות. מה שואלים אתכם בטלפון שוב ושוב? אלה בדיוק התשובות שצריכות להופיע באתר, במקום בולט.
- בודקים עם שלושה אנשים. מבקשים ממישהו שלא מכיר את האתר למצוא שירות מסוים ולהשאיר פרטים — מהטלפון — ומסתכלים בשקט איפה הוא נתקע. לפי NN/g, גם בדיקה עם מספר קטן של משתמשים חושפת חלק גדול מהבעיות.
- מסתכלים על הנתונים. באיזה עמוד גולשים עוזבים? איזה עמוד מביא פניות? כלי אנליטיקה עונים על זה — ראו גוגל אנליטיקס 4.
- משפרים דבר אחד בכל פעם, ובודקים אם זה עזר.
UX מתחיל באפיון, לא בעיצוב
רוב ההחלטות שקובעות את חוויית המשתמש מתקבלות עוד לפני שיש עיצוב: אילו עמודים יש באתר, מה הסדר ביניהם, מה כתוב בכל אחד ומה הגולש אמור לעשות בו. לכן אני מתחיל כל פרויקט באפיון — מי הלקוחות, מה הם מחפשים ומה יגרום להם לפנות — ורק אחר כך עוברים לעיצוב. עיצוב שמגיע לפני שההחלטות האלה התקבלו נראה טוב, אבל לא בהכרח עובד.
דוגמה: ההחלטות באתר הזה
באתר WebUp קיבלתי כמה החלטות UX מכוונות: עמוד נפרד לכל אחד מהשירותים, כפתור "דברו עם מפתח" בראש כל עמוד, קופסת יצירת קשר בצד של כל עמוד שירות, וטופס של שלושה שדות בלבד. האתר נבדק גם ברוחב של טלפון (390 פיקסלים), עם אזורי לחיצה של 32 פיקסלים לפחות, וכיבוד של העדפת "הפחתת תנועה" בסליידרים. אף אחת מההחלטות האלה לא מרשימה במבט ראשון — וזה בדיוק העניין: UX טוב לא מורגש, כי שום דבר לא מפריע.
שאלות נפוצות
האם UX משפיע על גוגל?
גוגל מתחשבת באותות של חוויית עמוד, כמו מהירות ותאימות לנייד. אבל ההשפעה הגדולה של UX היא על הגולשים עצמם: אתר שקל להשתמש בו מביא יותר פניות מאותה כמות תנועה.
מה ההבדל בין מעצב UX למעצב גרפי?
מעצב גרפי עוסק בעיקר במראה. מעצב UX עוסק במבנה ובזרימה — מה הגולש צריך, באיזה סדר, ואיפה הוא עלול להיתקע. באתר טוב שני הדברים צריכים לעבוד יחד.
איך העקרונות האלה נראים בעיצוב של אתר עסקי — ראו עיצוב אתר שעובד בשביל העסק.
מאמרים קשורים: תפריט ניווט לאתר: מבנה, מובייל ונגישות.
רוצים אתר שבנוי סביב מה שהלקוחות שלכם צריכים? ראו בניית אתרים לעסקים ובניית אתר תדמית, או ספרו לי על העסק.
אהבתם את המאמר?
