יום שלישי, 8 באפריל 2008

נקודות להכנת מסמך בדיקות גנרי לאתרי אינטרנט

רוב המידע והרעיון הגיע מכאן.

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


חלון עצמו וגרפיקה נטו:
  • בדיקה של מערכות הפעלה, דפדפנים ורזולוציות מגוונים. כדאי להשיג מידע על התצורות היותר פופולריות.
  • לשחק עם גודל ומיקום החלון, הצגה במוד מסך מלא F11.
  • בדיקה של גדלי חלון שונים (במיוחד ברזולוציות גבוהות יותר) כשהמשתמש אינו במסך מלא.
  • פתיחת מספר חלונות וטאבים במקביל.
  • כותרת חלון הדפדפן / Tabים.
  • רענון הדף.
  • תאמה מדוייקת לסקיצות – פונטים, גודל, צבע, מיקום.
  • הדפסת דף.
  • בהוספה ל-Favorites לוודא כותרת המסמך כראוי.
  • מראה בשיטות encoding שונות.
  • לבדוק כשהדפדפן משתמש בהגדרות אחרות מברירת המחדל (גודל פונט, cache, קוקיס מכובים , sidebar פתוח, סרגלי כלים נוספים מותקנים וכו').
  • הצגת שעה / תאריך - ומבנה תאריך.

Usability:
  • דפדוף אחורה וקדימה באמצעות העכבר או Back-Space (ביציאה מ- session של משתמש מזוהה לא תתאפשר חזרה).
  • קישוריות – פתיחה של הקישור הנכון, חלון חדש או נוכחי, שדה שלא הוגדר כקישור לא יהווה קישור.
  • תיבות בחירה – התוכן מוצג ברצף הגיוני שמאפשר התמצאות (א"ב, סמנטי, או כל הגיון אחר, רק לא אקראי!).
  • פעולות עם העכבר:
    מעבר על קישור ישנה את צלמית הסמן בהתאם.
    לחיצה והזזה תביא לסימון הטקסט.
    במעבר על תיבת טקסט צלמית הסמן תשתנה.
    מופיע Alt-Text במעבר על תמונות, קישורים וכד'.
  • לבדוק התנהגות פירסומות - שמציקות במידה הנדרשת ולא חוסמות הגולשים.
  • לוודא בין הדפים השונים - Same Look & Feel (מיקום אחיד יחסית של תפריטים, כפתורים וכד').
  • אם האתר שולח מיילים למשתמשים: לוודא שלמשתמש קל להסיר את עצמו. לוודא שהדואר מגיע כמו שצריך ומוצג כמו שצריך ב-clients פופולריים (גם web based וגם תוכנות דסקטופ).
  • שינוי צבע הקישור לאחר ביקור בדף.
  • ניווט באמצעות המקלדת – ניתן לעבור מקישור לקישור בדף עם טאבים וחיצים ברצף הגיוני.
  • שימוש במקשי קיצורים.
  • מיקום סרגל הגלילה האנכי והתחתון.
  • עזרה נגישה.
  • הצגה דרך רשת איטית והצגה בסלולרי / PDA
  • גודל הדף - שלא יהיה כבד מידי (20k זה אידיאלי, אבל לא יותר מ-100k).

פונקציונליות בסיסית:
  • מומלץ להוסיף ולמחוק פריטים ולוודא שהם מוצגים / לא מוצגים בהתאם בתיבות.
  • תיבות טקסט – לנסות להציף עם כמות גדולה של תוים (כאלף ומעלה), תוים מיוחדים כגון גרש ותוי פעולות וכד'.
  • שדות חובה במקרה של טופס לשימוש הגולש – מסומנים (בכוכבית אדומה, למשל).
  • שמירת דף.
  • לשחק עם האפשרויות בתפריטי הדפדפן ולוודא תפקוד סביר.
  • לבדוק התנהגות RSS וחדשות רצות.
  • האם האתר יוצר קישורים מטקסט המוכנס ע"י משתמשים? אם כן- לוודא עם פרוטוקולים שונים מ-http, כגון קישורי ftp או https, לוודא עם קישורים המכילים תווים מיוחדים (למשל פסיקים כמו שיש ב-urlים באתר ynet) או תווים עבריים (למשל קישורים לדפי ויקיפדיה העברית)- לוודא שלא נעשה escaping כפול!
  • התייחסות נכונה לשעות באתרים בינלאומיים - שזה מציג את הזמן שלי לפי זמן מחשב או זיהוי IP ולא זמן שרת.

עריכה בסיסית:
  • עריכת תוכן – לוודא שכל השדות הניתנים לעדכון מתעדכנים ונשמרים כראוי.
  • יישור טקסט לימין / שמאל בהתאם לקונטקסט. במיוחד: תצוגת מספרים + עברית + אנגלית מעורב – לוודא שלא משתבש בתצוגה לגולש.
  • בטקסט קבוע (לא פתוח לעורך התוכן) – לוודא שאין שגיאות כתיב.
  • האם האתר אמור לתמוך בשפות נוספות מלבד אנגלית ועברית? מה קורה עם קלט בשפות אחרות (למשל בתגובות משתמשים) כגון רוסית?
כללי:
  • כל מה שקשור לטיפול בשגיאות- לוודא שהן אכן נתפסות, שמועברת הודעה ידידותית למשתמש, ושלא נאבד מידע (למשל במילוי שגוי של טופס, שלא יתאפס כל הטופס).
  • בדיקת דף HTML עצמו, לראות שהוא ידידותי לגוגל (key words, description ועוד), שאין מידע שלא אמור להיות, יש סגירה של תאגים ועוד..
  • שהעלייה של הדף לא תותנה בקישורים חיצניים.
עוד חומר מעניין ניתן למצוא כאן.

2 comments:

רשומות פופולריות