מתי לאייר (ומתי לא), הזוית ה-UXית

מאת: אבירן רווח

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

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

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

אז איך איור קשור לפרודאקט?

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

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

נגיש, רגיש, ומותגיש

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

הנגשה. בוא, תהיה ברור. 

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

האיור של פייסבוק מטפל בחן ברגשות השליליים והלחץ האופף התעסקות בפרטיות במרחב הדיגיטלי

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

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

 

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

תחושה. בוא, רגש אותי.

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

 

פייסבוק משתמשים באיורים ילדיים כדי ליצור אווירה חיובית וחמודה כאשר מתייחסים לסוגיית נוכחות ילדים במדיה חברתית. 

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

 

הפופאפ החמוד של waze היה הרבה יותר "קר" ללא האיור הנוגע ללב של התינוק שלי.

מיתוג. אני מכיר אותך, אני אוהב אותך. 

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

 

 

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

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

 

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

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

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

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

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