מאת צוות אטקס (ETX) · עודכן ב־28.10.2026
אתר מכירות רספונסיבי מתאים את התוכן והרכיבים למסכים שונים, אבל התאמה בגודל אינה מספיקה. צריך לבדוק אם אדם יכול למצוא מוצר, לקרוא, לבחור ולשלם בנוחות בטלפון. הבדיקה צריכה להתייחס גם לאצבע, למקלדת על המסך ולתנאי שימוש אמיתיים.
בדקו את ההיררכיה במסך הראשון
פתחו מוצר וקטגוריה בטלפון ובדקו מה ניתן להבין בלי לגלול הרבה. האם ברור מה מוצע? האם הכותרת והתמונה תומכות זו בזו? טקסט ארוך שמופיע לפני כל מידע שימושי יכול לדחות את ההגעה לפרטים החשובים.
אין צורך לדחוס הכול למסך אחד. המטרה היא סדר ברור והמשך טבעי. אם מקצרים תוכן לתצוגה מצומצמת, ודאו שהמידע הנחוץ עדיין זמין ושקל להגיע אליו. אל תסתירו פרטים חיוניים רק כדי לשמור על מראה מינימלי.
נווטו עם היד שבה לקוח באמת משתמש
פתחו תפריט, חזרו לקטגוריה והשתמשו בחיפוש אם הוא קיים. בדקו אם אזורי הלחיצה נוחים ואם אפשר לסגור שכבה שנפתחה. קישור קטן שממוקם ליד פעולה אחרת עלול לגרום ללחיצות לא מכוונות.
רכיבים צפים כמו WhatsApp, סל או הודעה צריכים להשתלב בלי להסתיר פעולה חשובה. בדקו אותם בכמה נקודות גלילה ובמצב שבו פתוחה המקלדת. תצוגה שנראית טובה בתחילת העמוד יכולה להשתנות במהלך הקנייה.
בדקו את גלריית התמונות ואת בחירת האפשרויות
נסו לעבור בין תמונות באמצעות האמצעים שהגלריה מציעה, ובדקו אם המחווה צפויה וברורה. ודאו שתקריב או תמונה מוגדלת אינם לוכדים את המשתמש בלי דרך חזרה. התמונה הראשית צריכה לזהות את המוצר גם בכרטיס קטן.
בחרו צבע, מידה וכמות. האם רואים מה נבחר והאם המידע בסל תואם? אם אפשרות אינה זמינה, צריך להיות ברור מה קורה. מידע על מידות או התאמה צריך להיות נגיש בלי שהלקוח מאבד את הבחירה שכבר ביצע.
מלאו טופס עם מקלדת על המסך
הבדיקה צריכה לכלול גם עמוד תשלום חיצוני אם משתמשים בו. חזרה מהספק צריכה להוביל למצב מובן, כך שהלקוח לא יחשוב שעליו לשלם שוב. במקרה של פער, בדקו את מצב העסקה לפני פעולה נוספת.
- הזינו שם, טלפון וכתובת ובדקו שקריא מה מקלידים.
- נסו להשאיר שדה נדרש ריק ולתקן את השגיאה.
- בדקו אם הודעה או כפתור מסתתרים מאחורי המקלדת.
- עברו בין שדות ושמרו על סדר הגיוני.
- בדקו את הסכום ואת אפשרות האספקה לפני תשלום.
- ודאו שהאישור ברור לאחר השלמת הפעולה.
בחנו טעינה ותוכן בדף אמיתי
בדקו מוצר עם כל התמונות, התוספים והמידע שקיימים בחנות, ולא רק עמוד הדגמה ריק. תמונות כבדות, וידאו או רכיבים נוספים יכולים להשפיע יחד על החוויה. שימו לב אם תוכן זז בזמן הטעינה ומקשה ללחוץ במקום הנכון.
כשמזהים בעיה, תעדו אותה בעמוד ובמכשיר שבהם הופיעה. אפשר להיעזר בכלי בדיקה טכניים, אך צריך לצרף גם בדיקת שימוש. ציון טוב בכלי מעבדה אינו מוכיח שכל אדם יצליח להשלים רכישה ללא קושי.
צרו סבב בדיקות קצר אחרי כל שינוי משמעותי
אחרי החלפת באנר, התקנת תוסף או שינוי בקופה, חזרו למסלול המרכזי בנייד. אין צורך לבדוק בכל פעם כל פיקסל; כן צריך לוודא שלא נפגעה פעולה חשובה. שמרו רשימה קבועה של דף בית, קטגוריה, מוצר, סל ותשלום.
באמצעות אטקס אפשר להתאים תוכן ועיצוב ולבדוק את החנות הציבורית. אם משהו אינו עובד, פנו עם כתובת, סוג מכשיר וצעדים מדויקים. המטרה היא לשמור על עיצוב חי ומרשים שתומך בפעולות הקונה לאורך כל המסלול.
תרחיש בדיקה קצר שאפשר לחזור עליו
התחילו מקישור למוצר כפי שהוא משותף ללקוח. גללו למידע, עברו תמונה, בחרו אפשרות והוסיפו לסל. לאחר מכן פתחו תפריט או דרך קשר וחזרו לקנייה. בדקו שהבחירות נשמרו ושלא נוצרה שכבה שמסתירה את המשך הפעולה.
בקופה פתחו את המקלדת, עברו בין שדות וצרו שגיאה שניתן לתקן. ודאו שההודעה קריאה ושלא צריך לנחש איזה פרט חסר. אם המסלול כולל ספק חיצוני, המשיכו לבדוק את החזרה לאתר בדרך המתאימה לסביבת הבדיקה.
בצעו את התרחיש ברוחב קטן ובמכשיר נוסף כשאפשר. שמרו תיעוד של המכשירים והתוצאות כדי להשוות אחרי שינוי. אין צורך לצלם כל מסך; תיאור קצר של נקודת כשל ושל הדרך לחזור עליה מועיל יותר מתמונה שאינה מראה מה המשתמש ניסה לבצע.
- כניסה ישירה ולא רק דרך הראשי.
- שילוב גלילה, לחיצה והזנה.
- בדיקה של חזרה ושל שמירת בחירה.
שאלות ותשובות
האם רספונסיביות אומרת שהכול קטן יותר בנייד?
לא. לפעמים צריך לשנות סדר, ריווח או אופן הצגה כדי לשמור על קריאה וקנייה נוחות. בדקו משימות ולא רק התאמה לרוחב.
צריך לבדוק גם מחשב וגם טלפון?
כן. בעיות יכולות להופיע בכל תצוגה ובמעבר ביניהן. התחילו ממכשירים נפוצים אצל הקהל והרחיבו לפי הנתונים והצרכים.
האם אפשר להשאיר אפקטים במובייל?
אפשר כאשר הם מתאימים לתצוגה ואינם מפריעים לקריאה, לגלילה או לפעולות. בדקו את ההתנהגות בפועל ולא רק צילום מסך.
להמשך קריאה
- חנות אינטרנטית נגישה: מה בודקים בקטלוג, בסל ובתשלום
- תמונות בדף מוצר: איכות, טעינה ותיאור שעוזרים לקנות
- בניית אתר מכירות מקצועי: עיצוב, תוכן ומסלול קנייה ברור
רוצים ליישם בעסק? הכירו את הפתרון של אטקס לחנות אינטרנטית או דברו עם הצוות לבדיקת התאמה לצרכים שלכם.
תמונת הפתיח נוצרה להמחשה ואינה מציגה עסק או לקוח מסוים.