מה הם UX ו- UI, ומדוע אין מעצבי UX

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

  • מה ההבדל בין UX לבין ממשק משתמש?
  • מי הוא מעצב UX למעשה ולמה הוא לא צריך פיגמה ו Photoshop?
  • איזה תפקיד משווק, מנהל ובעלים של הארגון לשחק בעיצוב חוויית המשתמש?

בואו נדבר.

למה מעצבי UX / UI לא יקרה

כדי לענות על שאלה זו, לנתח את המושגים.

מהו ממשק משתמש או ממשק משתמש

ממשק משתמש או ממשק משתמש (אנגלית ממשק משתמש) - קבוצה של אלמנטים שבה המבקר משתמש בדף האינטרנט. אלה כוללים:

  • תפריט.
  • חלונות מודליים.
  • טפסים.
  • לחצנים.
  • הפניות
  • תוכן

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

מהי חוויית UX או משתמש?

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

הגדרה זו היא תרגום מ - ISO 9241-210: 2010 ארגונומיה של אינטראקציה בין בני אדם.

עכשיו במילים פשוטות. חוויית המשתמש יוצרת לא רק את האלמנטים של האתר. לקוח UX של חנות מקוונת מושפע מ:

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

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

דוגמה פשוטה באיור מראה את הגישה מרחוק של UX לעיצוב.

באתר האינטרנט של החנות המקוונת, המוצר עולה 900 רובל, וחוץ מזה, הוא אינו זמין. בקבוצה של המוכר הפרטי ברשת "VKontakte" אותו מוצר עולה 600 רובל. תשומת לב, שאלה: מה המעצב צריך לעשות עם זה?

מי יכול להיקרא המעצב של UX למעשה

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

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

עם זאת, מעצב באמצעות ממשק ועיצוב חזותי של האתר משפיע על חוויית המשתמש. אנשי מקצוע אחרים משפיעים גם על חוויית המשתמש:

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

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

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

בהתאם לסולם של הארגון, אלה הם מנהלים בכירים ובעלים.

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

כיצד עיצוב ממשק משתמש משפר את חוויית המשתמש

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

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

ב burzhunete מעצב אינטרנט - מומחה אשר מעצבת ומיישמת דפי אינטרנט. תסתכל על קורס עיצוב אינטרנט תגובה ב freeCodeCamp. אלה הם הבסיס של HTML ו- CSS. אותה גישה באה בעקבות המשאב החינוכי "חכילת". בשיעור הראשון של הקורס ב- HTML ו- CSS, המורים מסבירים מדוע עדיף להתקשר למעצבי אתרים אלה שנקראים רצים ב- runet.

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

המאפיין alt הוא קריטי ל- UX של אנשים עם ליקוי ראייה.

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

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

אימות נכונות מילוי שדות טופס משפר את UX

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

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

ראה אימות דוא"ל עט על ידי דמיטרי Dementiy (@ dmitriy-dementiy) על CodePen.

פוקוס אוטומטי חוסך זמן ביקור

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

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

מחברים יכולים לשפר את UX עם עוגנים אינפורמטיביים.

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

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

טעינת תסריט אסינכרוני משפר את UX

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

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

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

בלוקים המלצה לשפר את UX ולשפר את ביצועי האתר

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

ניתן להוסיף גוש המלצות לממשק האתר באמצעות שירותים כגון Relap או myWidget, וכן באמצעות הכלים של מערכת ניהול התוכן שנבחרה.

כדי לשפר את חוויית המשתמש, הסר את סרגל הצד

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

תגובה חזותית animates ממשק עושה את המשתמש מאושר.

רכיבי ממשק תגובה חזותיים עוזרים למבקר להשתמש בדף ולשפר את UX. דוגמאות:

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

"האוויר" בדף הופך את הממשק לנוח יותר

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

הדוגמאות לעיל מספקות כדי להראות את השפעת ממשק המשתמש על חוויית המשתמש.

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

ממשק משתמש - חלק, UX - מספר שלם

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

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

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

עיצוב זה לא נראה כמו דבר. עיצוב זה איך זה עובד.

צפה בסרטון: The first secret of great design. Tony Fadell (פברואר 2020).

Loading...

עזוב את ההערה שלך