UX מול UI: מה ההבדל (בשפה פשוטה)?

UX (חוויית משתמש) זה איך אתר מרגיש בשימוש: כמה קל למצוא מה שצריך ולבצע פעולה. UI (ממשק משתמש) זה איך הוא נראה: הכפתורים, הצבעים, הטקסט והרווחים שרואים ולוחצים עליהם. בקצרה, UX זה התכנון והזרימה; UI זה המעטפת הגלויה שנושאת את התכנון הזה. אתר טוב צריך את שניהם, והם לא אותה עבודה.

שואלים אותי על זה כל הזמן, בדרך כלל בדיוק אחרי שמישהו שילם על עיצוב מחדש שנראה מהמם אבל לא מביא יותר עסקים. האתר יפה יותר, הטלפון שקט בדיוק כמו קודם. כמעט תמיד, הכסף הלך ל-UI בעוד שה-UX נשאר ללא טיפול. אז הנה הסבר להבדל, בלי ז'רגון, עם דוגמאות קונקרטיות למה כל אתר עסקי צריך את שניהם יחד.

UX מול UI: ההגדרות הפשוטות

הנה איך מסבירים את זה בשפה פשוטה.

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

UI, ממשק משתמש, עוסק במעטפת. זה כל מה שרואים ונוגעים במסך: הגופנים, הצבעים, הכפתורים, התמונות, הרווחים בין האלמנטים, אפקטי ה-hover הקטנים. UI הוא מה שגורם לאתר להיראות מקצועי, אמין ותואם-מותג, או זול ומיושן. זו השכבה הגלויה שיושבת מעל ה-UX.

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

אנלוגיה פשוטה: המסעדה

האנלוגיה שאני הכי אוהב להשתמש בה היא מסעדה.

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

ה-UX הוא כל מה שקשור לאיך הערב באמת עובד. האם היה קל להזמין מקום? האם מישהו קיבל בברכה? האם אפשר לקרוא את התפריט ולהבין את המחירים? האם האוכל הגיע בסדר הגיוני? האם קל למצוא את השירותים? האם אפשר לשלם בלי לרדוף אחרי המלצר עשר דקות?

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

UX מול UI זה לצד זה

הנה הדרך המהירה ביותר לראות את ההבדל במבט אחד.

שימו לב שהכשלים שונים. UX גרוע גורם לאנשים לוותר. UI גרוע גורם לאנשים לא לבטוח. כל אחד מהם עולה בלקוחות בשקט, ולא מעט אתרים מצליחים לעשות את שניהם בבת אחת.

למה האתר העסקי צריך את שניהם

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

דמיינו אתר של אינסטלטור עם עיצוב מרשים, לוגו מצוין וצילום יפה, שבו מספר הטלפון קבור בתחתית העמוד השלישי ואין כפתור חיוג לחיץ בנייד. ה-UI מצוין. ה-UX שבור. כל מבקר חירום שצריך אינסטלטור עכשיו כבר סגר את הלשונית והתקשר לתוצאה הבאה. כל תקציב העיצוב לא הניב כלום.

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

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

איך לזהות מה חסר באתר

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

כדי לבדוק את ה-UX, אפשר לבקש מחבר שמעולם לא ראה את האתר לבצע משימה אחת, כמו "מצא כמה עולה השירות וקבע שיחה", ואז לצפות בשקט. בכל פעם שהוא עוצר, מצמצם עיניים, גולל חזרה למעלה, או אומר "רגע, איפה..." - מצאתם בעיית UX. הבלבול שלו הוא נתון.

כדי לבדוק את ה-UI, כדאי לפתוח את האתר ליד שני מתחרים שמעריכים אותם. להיות כנים: האם האתר שלנו נראה עדכני ואמין כמוהם, או ישן וזול יותר? אפשר להראות לכמה אנשים ולשאול ישירות: "זה נראה מקצועי?" התגובה האינסטינקטיבית בשנייה הראשונה היא התשובה.

אם שני המבחנים חוזרים גרועים, זה לא יוצא דופן, וזה בדרך כלל אומר רענון ולא תיקון קטן. כתבתי על איך לשפוט את ההחלטה הזו בהאם עיצוב מחדש של אתר שווה את זה, כי לפעמים המהלך החכם הוא לתקן את ה-UX באתר הקיים, ולפעמים עדיף להתחיל מחדש.

אז מה חשוב יותר, UX או UI?

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

התשובה האמיתית לבעל עסק היא זו: כדאי להפסיק לחשוב על האתר כתמונה ולהתחיל לחשוב עליו ככלי. כלי צריך להיראות אמין מספיק כדי שאנשים יבטחו בו (UI) ולעבוד חלק מספיק כדי שאנשים יצליחו איתו (UX). כששניהם נכונים, מבקר נוחת, מיד מבין מה העסק עושה, בוטח, ומבצע את הפעולה הרצויה, הכל בלי לחשוב אפילו רגע על העיצוב. הבלתי-נראות הזו היא המטרה.

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