הצ'ק-ליסט האולטימטיבי עבור בדיקות UX לאתר שלכם.
האתר הוא הגישה הראשונה של הלקוח אל המותג או העסק. האיכות, הנגישות והתכנים המוצגים בו משפיעים באופן ישיר על האופן שהלקוח יתפוס את התדמית והאמינות שלכם. לכן, חשוב לוודא שהאתר שלכם עומד בכל הקריטריונים הנדרשים לספק חווית משתמש אופטימלית. הרשימה הבאה מציעה סט קריטריונים מקיפים, החל מבדיקת קישורים ועד לאיכות התוכן ונגישותו.
הבדיקות מוצגות ברשימה מכילות את הגישות המובילות בתחום הקופירייטינג וה- UX, ומטרתן להבטיח שהאתר שלכם לא רק נראה טוב, אלא גם פועל באופן תקין ומספק ערך מוסף למשתמש. כל בעל אתר, בין אם הוא מנהל עסק קטן או אתר גדול, ימצא ברשימה כלי יעיל לבדוק את איכות האתר שלו ולשדרג אותו בהתאם.
מומלץ לעבור על כל הפריטים ברשימה, לבדוק את האתר שלכם בהתאם ולבצע את השיפורים הנדרשים. זו ההזדמנות שלכם להבטיח שהאתר שלכם מציע את החוויה הטובה ביותר למשתמשים.
בדיקות כלליות
- האם יש FAVICON
- האם יש עמוד 404
- האם לכל עמוד יש הנעה לפעולה?
- מיקוד הניווט הראשי: לא כולל קישורים מיותרים
בדיקות עמוד הבית
- מיקום החברה ופרטי היצירת קשר: יש לוודא כי המידע נגיש באופן ברור מהעמוד הראשי, האם ללקוח פוטנציאלי יש אפשרות לשאול שאלות בצט או בוט?.
- סרגל ניווט: צריך להכיל קישורים ברורים לעמודים המרכזיים ולקטגוריות.
- קישורים לרשתות החברתיות: אלו צריכים להיות בולטים ונגישים.
- קריאה לפעולה: צריכה להיות ברורה ולהסביר למבקר את הצעד הבא שעליו לבצע.
- רושם ראשון: העמוד צריך להעביר תחושה חיובית התואמת לסוג העסק.
- מטרת האתר: צריכה להיות ברורה מיד בכניסה לאתר.
- תמונות וסרטונים: יש לוודא כי הם רלוונטיים ומוסיפים ערך למבקר.
- סרטונים וקטעי שמע: לא צריכים להתנגן אוטומטית בכניסה לאתר.
- שינויים באתר: כל שינוי גדול או חשוב צריך להיות מוצג בבירור.
- תיבת חיפוש: במידה והאתר מכיל מגוון רחב של עמודים, יש להציב תיבת חיפוש במקום המתאים.
- אזורי ניווט: יש לוודא שהם אינם מופרזים ולא מתפסים כפרסומת.
- בירור ההבחנה: יש לוודא שהעמוד הראשי נתפס באופן ברור כעמוד הבית.
- קישור לעמוד 'אודות': יש להבטיח כי הוא ברור ונגיש.
- זמני טעינה: יש לוודא כי הם מהירים ואין עיכובים בטעינת העמוד.
- טקסטים: יש לוודא שהם ברורים, קריאים ומובנים.
- קישורים ואלמנטים: אין להשאיר קישורים שבורים או אלמנטים לא פועלים.
- עיצוב: יש לוודא שהעיצוב עקבי בכל העמוד.
בדיקות מבנה ועיצוב האתר
- עקביות העיצוב: העיצוב והמבנה של האתר צריכים להיות עקביים ולהתאים למותג.
- הצגת המידע: המידע החשוב ביותר צריך להופיע מעל הקו התחתון של המסך.
- ארגון המידע: המידע צריך להיות מאוגד באופן ברור ולוגי.
- צפיפות העמודים: העמודים אינם צריכים להיות צפופים ויש לשמור על מרחב לבן מספק.
- חלונות קופצים: יש להשתמש בהם במינימום ובהתאם לצורך המשתמש.
- התמקדות בפעולה: המבנה צריך להדריך את המשתמש לפעולה הבאה.
- מיקום הלוגו: צריך להיות קבוע בכל עמוד.
- אלמנטים לחיצים: יש לוודא שברור אילו אלמנטים ניתנים ללחיצה.
- נקודות התחלה ויזואליות: יש להצביע על המקום ממנו יש להתחיל לקרוא בכל עמוד.
- גופנים: יש להשתמש בהם באופן עקבי ברחבי האתר.
- מניעת מכשולי גלילה: יש לוודא שאין כותרות שמטעות את המשתמש.
- רקע העמוד: יש לוודא שהרקע אינו מפריע לקריאת התוכן.
- אלמנטים מושכי לב: יש להשתמש בהם במידה מצומצמת ורק אם הם מוסיפים ערך.
- ניווט: הניווט באתר צריך להיות אינטואיטיבי וברור.
- כותרות העמודים: כל עמוד צריך להכיל כותרת המתארת את תוכנו.
- איכות התמונות: התמונות באתר צריכות להיות באיכות גבוהה ורלוונטיות.
- שגיאות כתיב ועיצוב: יש לוודא שאין שגיאות בטקסט או בעיצוב.
- זמני טעינה: העמודים צריכים להיטען במהירות ולא להכיל עיכובים.
- תאימות מכשירים: האתר צריך להיות מותאם לצפייה במגוון מכשירים.
נגישות האתר
- קריאות הטקסט: יש לוודא שהטקסט בכל עמוד הוא קריא וברור.
- תיאורי Alt: יש להספק מאפייני Alt לאלמנטים הגרפיים, כמו תמונות.
- כתוביות לסרטונים: יש להספק כתוביות ותמלולים לסרטונים.
- ניווט באמצעות המקלדת: האתר צריך לתמוך בניווט ללא עכבר.
- אוריינטציה באתר: יש להצביע למשתמש את מיקומו באתר, לדוגמה באמצעות "פירורי לחם".
- קישורים לעמודים הראשיים: יש להספק קישורים ברורים בכל עמוד.
- מבנה הניווט: אלו צריכות להיות ממוקמות בחלק העליון של העמוד.
- ארגון התוכן: התוכן צריך להיות מאורגן לקטגוריות בצורה הגיונית.
- תווי הקטגוריות: יש לוודא שהם מתארים באופן מדויק את התוכן המכילים.
- סינון ומיון: באתרים עם מגוון מוצרים, יש לאפשר למשתמש למיין ולסנן עמודי קטגוריה.
- אבחנה של אלמנטים לחיצים: יש להצביע בבירור כאשר המשתמש מצביע על אלמנט שניתן ללחיצה.
- הלוגו: צריך להיקשר לעמוד הבית.
- קישורים באתרי מסחר: יש להספק קישורים ברורים לסל הקניות ולעמוד התשלום.
- מפת האתר: יש להספק מפה המצגת את מבנה האתר.
- קישור למפת האתר: יש להספק קישור בכל עמוד.
- ניווט בין אתרים קשורים: יש להספק דרך קלה לעבור בין אתרים ועמודים קשורים.
- תווי הניווט: יש לוודא שהם מכילים "מילות מפתח" שהמשתמשים מחפשים.
- התאמות לבעיות ראיה: האתר צריך לאפשר שינוי בגודל הגופן ובצבעי הרקע.
- ברורות הכפתורים: כל הכפתורים והקישורים באתר צריכים להיות ברורים ומובנים.
- תאימות לתקנים: האתר צריך להיות תואם לתקנים הישראליים והבינלאומיים לנגישות אינטרנט (WCAG).
- דילוג על אלמנטים: יש לאפשר לדלג על אלמנטים מסוימים באמצעות המקלדת.
- בקרת המדיה: המדיה באתר צריכה להכיל כפתורי הפעלה ועצירה ברורים.
- סימון אזורי התוכן: יש לסמן אזורי התוכן באמצעות כותרות ברמות שונות.
- הסברים לטפסים: האתר צריך לספק הסברים ולהצביע על שגיאות בשדות הקלט.
- מצב נגישות מתקדם: האתר צריך לאפשר הפעלת מצב נגישות מתקדם למשתמשים עם צרכים מיוחדים.
- תמיכה בשפת הסימנים ותוכנות קוראת מסך: האתר צריך לתמוך באפשרויות אלו למשתמשים הזקוקים להן.
- הפעלה והשבתה של אנימציות: האתר צריך לאפשר שליטה באנימציות ותנועות העמוד.
בדיקת קישורים באתר
- קישורים שבורים: יש לוודא שאין קישורים שבורים באתר, וניתן לבדוק זאת באמצעות כלים כמו Dead Link Checker.
- פקודות חשובות: פקודות כמו "קנה" צריכות להיות מוצגות ככפתורים ולא כקישורים.
- תיאור הקישורים: הקישורים באתר צריכים להיות תיאוריים ולא להכיל הוראות כמו "לחץ כאן".
- מיקום הקישורים: הקישורים אינם צריכים להיות ממוקמים באלמנטים מזוזים.
- אחידות הקישורים: הקישורים צריכים להיראות אותו הדבר בכל האתר ולהיות מוכרים בקלות.
- שינוי צבע לאחר לחיצה: הקישורים והכפתורים באתר צריכים לשנות את צבעם לאחר לחיצה.
- פונקציונליות הקישורים: הקישורים צריכים לפעול באופן תקין ולהוביל לעמוד הרלוונטי.
- הבחנה בין טקסט לקישורים: הקישורים צריכים להיות מופרדים באופן ברור מהטקסט הרגיל.
- חלונות קופצים: הקישורים אינם צריכים להוביל לחלונות קופצים לא רצויים או לאתרים זרים ללא התראה מראש.
- סטטוס הקישורים: הקישורים באתר צריכים להיות מסומנים באופן ברור כאשר הם פעילים או לא פעילים.
- היררכיה של הקישורים: הקישורים באתר צריכים להיות מסודרים בצורה הגיונית.
- התראות ליציאה: הקישורים באתר צריכים להספק התראה ברורה במקרה של יציאה מהאתר.
- ניווט ברור: הקישורים באתר צריכים לאפשר למשתמש לחזור למקום המקורי או לעמוד הבית.
- רלוונטיות הקישורים: הקישורים אינם צריכים להוביל לתוכן שאינו רלוונטי או מטעה.
- תאימות למכשירים ניידים: הקישורים באתר צריכים להיות מותאמים לגלישה במכשירים ניידים.
- זמני טעינה: הקישורים אינם צריכים להוביל לעמודים עם טעינה ארוכה.
- פתיחה בחלון חדש: הקישורים באתר צריכים להיות מסומנים באופן ברור כאשר הם מובילים לתוכן שנטען בחלון חדש.
- תוכן הקישורים: הקישורים אינם צריכים להוביל לתוכן שמתנגש עם התוכן הראשי של העמוד.
- פידבק ויזואלי: הקישורים באתר צריכים לספק פידבק ויזואלי ברגע הלחיצה.
- תוכן מפתיע: הקישורים אינם צריכים להוביל לתוכן שיכול להפתיע או להטריד את המשתמש.
- תמיכה בקוראי מסך: הקישורים באתר צריכים להיות מותאמים לקוראי מסך ולספק תיאור תקין.
- תוכן אוטומטי: הקישורים אינם צריכים להוביל לתוכן שמשתנה אוטומטית.
- שיתוף תוכן: הקישורים באתר צריכים להספק אפשרות לשמירה או שיתוף של התוכן הרלוונטי.
בדיקת טפסים באתר
- מינימום שאלות: הטפסים צריכים להכיל רק את השאלות הנדרשות לצורך התהליך.
- אופן הקלט: הטפסים צריכים לאפשר הזנת מידע ישירה ולא להסתמך על תפריטים נפתחים ארוכים.
- תיוג השדות: השדות בטפסים צריכים להיות מתויגים באופן ברור ומובן, כמו: שם, כתובת וכדומה.
- אישור הגשה: לאחר הגשת הטופס בהצלחה, יש להצגת עמוד אישור למשתמש.
- הודעות שגיאה: במקרה של שגיאה במילוי הטופס, ההודעה צריכה להופיע ליד השדה הרלוונטי.
- פורמט הקלט: המשתמשים אינם צריכים להזין תווים מיוחדים; הטופס צריך להתמודד עם זה אוטומטית.
- גודל תיבות הטקסט: תיבות הטקסט צריכות להציע מספיק מקום להזנת המידע.
- התראות למשתמש: במידה ונדרש מידע חיצוני, כמו מספר דרכון, יש להודיע למשתמש מראש.
- רמזים למילוי: השדות צריכים להכיל רמזים או דוגמאות שיסייעו למשתמש בהבנת הקלט המצופה.
- פורמט הקלט: שדות הקלט צריכות להצביע על הפורמט הנדרש למידע, כמו תאריכים.
- שמירה ביניים: הטפסים צריכים לאפשר שמירה ביניים והמשך מילוי במועד מאוחר יותר.
- פידבק ויזואלי: במהלך ההקלדה, הטפסים צריכים לספק פידבק ויזואלי למשתמש.
- תאימות למכשירים ניידים: הטפסים צריכים להיות מותאמים לגלישה במכשירים ניידים.
- העלאת קבצים: הטפסים צריכים לאפשר העלאת קבצים בצורה ברורה ואינטואיטיבית.
- בחירה מרובה: במקום המתאים, הטפסים צריכים לאפשר בחירה מרובה.
- התראות שגיאה: במקרה של שגיאה במילוי הטופס, המשתמש צריך לקבל התראה ברורה והצבעה על השדות שצריך לתקן.
- אפשרות לביטול: הטפסים צריכים לאפשר למשתמש אפשרות לביטול או לאיפוס הקלט בצורה ברורה.
- אימות דו-שלבי: לפרטים חשובים או רגישים, הטפסים צריכים לאפשר אימות דו-שלבי.
- מילוי אוטומטי: הטפסים צריכים לאפשר מילוי אוטומטי של פרטים שהוזנו בעבר.
- סדר השאלות: השאלות בטופס צריכות להיות מסודרות בצורה הגיונית, כך שהשאלות הכלליות מופיעות לפני הפרטיות.
- הצגת סיסמה: הטפסים צריכים לאפשר למשתמש לראות את הסיסמה שהוזנה לפני השליחה.
- תגובה לפקודות המקלדת: הטפסים צריכים להגיב באופן תקין לפקודות המקלדת.
- שינוי פרטים לאחר השליחה: הטפסים צריכים לאפשר למשתמש לשנות את הפרטים שהוזנו אחרי השליחה.
- שמירה להמשך מילוי: הטפסים צריכים לאפשר למשתמש לשמור את הטופס ולהמשיך במילויו במועד מאוחר יותר.
- עזרה במהלך המילוי: הטפסים צריכים לאפשר למשתמש לקבל עזרה או הסבר נוסף במהלך המילוי.
- עמוד תודה: האם ממלא הטופס מגיע לעמוד תודה ממוקד לטופס שאותו מלא? האם בעמוד התודה קיים תוכן מנחה להמשך התהליך?
בדיקות תוכן
- ארגון והיררכית התוכן: התוכן צריך להיות מאורגן בצורה הגיונית, כך שיהיה קל לקורא להתמצא בו.
- ערך התוכן: התוכן צריך להציע ערך מוסף ולהעניק לקורא מידע חדש ורלוונטי.
- איכות התמונות: התמונות והגרפיקות המלוות את התוכן צריכות להיות באיכות גבוהה.
- קישורים מוטמעים: הקישורים המוטמעים בתוכן צריכים להוביל את הקורא לעמודים הרלוונטיים ולפעול כשמקליקים עליהם.
- התאמה לקהל היעד: התוכן צריך להיות מותאם לקהל היעד של האתר ולצרכיו.
- קריאות לפעולה: התוכן צריך להכיל קריאות לפעולה ברורות שמצביעות על הפעולה המצופה מהקורא.
- תאימות למכשירים ניידים: התוכן צריך להיות מותאם לצפייה במכשירים ניידים.
- עדכניות המידע: המידע בתוכן צריך להיות מעודכן ורלוונטי לזמן הפרסום.
- ציטוטים ומקורות: התוכן צריך להכיל ציטוטים והפניות למקורות במקומות הדרושים.
- שגיאות כתיב: התוכן אינו צריך להכיל שגיאות כתיב או דקדוק.
- תגובה לשאלות הקורא: התוכן צריך להגיב לשאלות ולבעיות הקורא ולספק לו פתרונות.
- אפשרות לתגובות: התוכן יכול להכיל אפשרות למשתמשים להגיב או להציע משוב.
- תגיות לקידום: התוכן צריך להכיל תגיות שיסייעו בקידום האתר במנועי החיפוש.
- שיתוף ברשתות חברתיות: התוכן צריך להציע אפשרות לשיתוף ברשתות החברתיות.
- הצגת וידאו: במקום הנדרש, התוכן יכול להכיל וידאו או אנימציה המסבירה את הנושא.
- אפשרות להורדה: התוכן יכול להציע אפשרות להורדה או להדפסה של המידע.
- קישורים פנימיים: התוכן צריך להכיל קישורים לתוכן נוסף באתר הקשור לנושא.
- הרשמה לעדכונים: התוכן יכול להציע אפשרות להרשמה לעדכונים או לניוזלטר.
- צור קשר: התוכן צריך להציע אפשרות ליצירת קשר עם המחבר או הארגון המפרסם.
- תגובות מקוראים: התוכן יכול להכיל תגובות או ציטוטים מקוראים אחרים.
- גרסאות קודמות: התוכן יכול להציע אפשרות לצפייה בגרסאות קודמות של המידע.
- קישורים חיצוניים: התוכן יכול להכיל קישורים למקורות חיצוניים האמינים.
- הצטרפות לקבוצה: התוכן יכול להציע אפשרות להצטרפות לקבוצה או לפורום דיון.
- גרפים וטבלאות: התוכן יכול להכיל גרפים או טבלאות המסבירות את הנושא.
- מצב מסך מלא: התוכן צריך להציע אפשרות לצפייה במצב מסך מלא.
- תאימות לקוראי מסך: התוכן צריך להיות נגיש לקוראי מסך ולהכיל תיאורים מתאימים לתמונות.
- התאמת תוכן לקורא: התוכן צריך להציע אפשרות להגבלת התוכן לפי העדפות הקורא.
- הוכחה חברתית: מכיל ביקורות של לקוחות, סמלים ולוגאים מקושרים לסמכות ואמינות, דירוג, המלצות וכו.