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

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

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

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

כיצד ניווט השירות משפיע UX

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

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

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

4 הפריטים בתפריט העליון היעד 4 personas הראשי שבדרך כלל לבקר באתר של AirBnB: אנשים המעוניינים להיות מארח (“להיות מארח”), אנשים שרוצים לפתור בעיה שהתרחשה בזמן שהם השתמשו בשירות (“עזרה”), משתמשים חדשים וחוזרים (“הירשם” ו “התחברות”). AirBnB של שירות ממוקד דף הבית מכיל גם סרגל חיפוש מהיר כי הוא כלי מכריע על אירוח אתר אינטרנט.

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

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

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

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

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

מצא את המקום הטוב ביותר

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

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

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

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

בניית מבנה לוגי

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

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

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

יצירת עיצוב חזותי אפקטיבי

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

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

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

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