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