7 בחירות בעיצוב אתרים שמשפרות את חוויית המשתמש
מאת Pixit
חוויית משתמש נקבעת לפעמים ברגע קטן: לדעת איפה ללחוץ, למצוא את מה שהקלדנו או להבין אם הפנייה נשלחה. אלה שבע בחירות שכדאי לבדוק לפני שמוסיפים עוד אפקט. הן עוזרות גם כשאף אחד לא שם לב אליהן במודע.
1. עדיפות ברורה בכל מסך
הבליטו את הפעולה המרכזית ואחריה את האפשרויות המשניות. בעמוד שירות, המבקר צריך להבין את ההצעה לפני שיבחר בין יצירת קשר לצפייה בדוגמה. הימנעו מכמה כפתורים מתחרים בעלי אותו משקל חזותי.
נסו לזהות את הפעולה הראשית בלי לקרוא את הכפתור. אם שלושה דברים מתחרים באותה עוצמה, בחרו מה משרת את העמוד והפכו את החלופות למשניות. אפשר להציע כמה מסלולים ועדיין להבהיר מהו הצעד הראשון.
2. ניווט צפוי
תנו למדורים שמות מובנים ושמרו על סדר עקבי. החלפת שפה צריכה להוביל לגרסה המתורגמת של אותו עמוד, כאשר היא קיימת. בדקו גם את הדרך חזרה ממאמר למדור שלו.
שמרו על שמות עקביים בתפריט, בכותרות ובקישורי החזרה. מי שבחר ״פרויקטים״ לא צריך לנחש אם ״ההרפתקאות שלנו״ הוא מדור אחר. האישיות צריכה לעזור לזהות, לא להתחיל את הפענוח מחדש.
3. קריאה נוחה
בדקו ניגודיות, אורך שורות וריווח עם פסקאות אמיתיות. הכותרות צריכות לתאר את התוכן שאחריהן. בעברית, שימו לב במיוחד לשילוב של טקסט עם מספרים, כתובות דוא״ל ומילים באותיות לטיניות.
קראו פסקה אמיתית בטלפון עם כותרת ארוכה ושם מוצר באנגלית. בדקו ניגודיות וריווח בתנאים הרגילים. טקסט דמה עם שורות מאוזנות להפליא עלול להסתיר את הדרישות של התוכן האמיתי.
4. טפסים שמנחים את המשתמש
הציגו תוויות קבועות והסבירו מה נדרש. כששדה אינו תקין, הציגו לידו שגיאה מובנת ושמרו את יתר התשובות. שליחה מוצלחת דורשת אישור ברור; כישלון דורש אפשרות לנסות שוב.
בצעו בכוונה טעות בטופס. האם הבעיה מוסברת ליד השדה הנכון? האם ההודעה נשמרת? אפשר לתקן ולהמשיך? החוויה כוללת גם שגיאות הקלדה, ולא רק את הנתונים האידיאליים של ההדגמה.
5. פקדים שנגישים בדרכים שונות
עברו בעמוד עם Tab, הפעילו קישורים במקלדת ובדקו שסימון המיקוד נראה. אל תעבירו מידע רק באמצעות צבע או אפקט בריחוף. בטלפון, הרחיקו פעולות סמוכות כדי לצמצם לחיצות שגויות.
עברו במקלדת ובדקו היכן נמצא המיקוד. פקד שזמין רק לעכבר דורש טיפול. בטלפון בדקו גם כפתורים סמוכים: פעולה צריכה להיבחר בכוונה, לא להתרחש בגלל נגיעה מעט לא מדויקת.
6. תנועה שמכבדת את הקורא
שמרו מעברים שימושיים והתאימו את ההתנהגות להעדפה של הפחתת אנימציות. מידע חיוני לא צריך להיות תלוי בווידאו שמתנגן אוטומטית. התנועה אמורה לסייע להבנה בלי להפריע לקריאה.
רקע חי יכול לתת אופי, אבל הקריאה לא צריכה להיות תלויה בסבילות לתנועה. הכינו מצב רגוע ובדקו שהמידע נשאר. התפאורה צריכה להיות מסוגלת לנוח בלי לשנות את משמעות המסלול.
7. תגובה ברורה ומהירה
אחרי פעולה, הראו מה קורה: טעינה, הצלחה או שגיאה. שמרו מקום לתמונות כדי שהכפתור שאליו מכוונים לא יזוז. כדי לבדוק את העיצוב, בקשו ממישהו שלא מכיר את האתר להשלים משימה ותעדו בדיוק היכן הוא מהסס.
אחרי פעולה, הראו מה קרה ומה אפשר לעשות עכשיו. הרשמה שנשמרה, שמירה בתהליך ושגיאה אינן אותו מצב. אנחנו מעדיפים אישור מדויק על מסך מרהיב שמשאיר אדם תוהה אם צריך לנסות שוב.
