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

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

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

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

הנה הגרסאות בשפה פשוטה שאני משתמש בהן עם לקוחות.

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

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

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

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

האנלוגיה שאני נשען עליה היא מסעדה.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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