שיעור חמישי: עיצוב שדות, מסכי התחברות והרשמה
אחד הדברים הנפוצים והחשובים ביותר הם השדות הקיימות באפליקציה. כמעט לכל אפליקציה יש שדות שהמשתמש צריך למלא. זה יכול להיות הסגנונות רבים כגון: טקסט חופשי, בחירה מרשימה, סימון, טקסט משלים וצירוף קובץ.
כל שדה הוא אינטראקציה שלמה שיש על הלקוח לעשות, והיא לרוב קריטית להמשך התפעול של האפליקציה, לדוגמה: חיפוש. ללא יכולת שימוש נוחה ופשוטה בשדה החיפוש, הלקוח לא יוכל לעשות שימוש מלא באותה אפליקציה. דוגמה של חיפוש לא נכון יכול לבוא לידי ביטוי בגודל השדה ואזור הנגיעה שלו. אם השדה קטן והגולש מתקשה ללחוץ,אז זוהי בעיה חמורה. גובה השדה המינימלי המומלץ לחיפוש (וגם לשדות אחרים) הוא: 7 מילימטר. (בשיעור השלישי, דיברנו על מינימום של 9 מילימטר אבל מכוון שהשדות הם ארוכים איזה בעיה לעבוד עם 6 מילימטר). גודל סטנדרטי יהיה כ9-10 מילימטר. כמו כן חייב להיות הסבר ברור מהוא השדה המדובר, דוגמאות שאפשר להשתמש בהם:
אפשר לראות שישנה אפשרות לעשות את אזור הכתיבה על גבי כותרת השדה ואפשר גם לצידה של כותרת השדה. מאוד חשוב לדאוג שגם אם אזור הכתיבה יהיה על כותרת השדה, עדיין יראו את הכותבת עד הרגע שמתחילים לכתוב.
מלבד שדה עם אזור כתיבת טקסט, ישנם אזורים אחרים, למשל בחירה מרשימה, את הרשימה אפשר להציג בכמה דרכים. אפשר להציג רשימה נפתחת על גבי המסך הראשי ולנוע בתוך הרשימה בעזרת גלילה ולהשתמש ברשימה הדיפולטית של המכשירים, כך זה נראה: (אפשר לעשות רשימה של בחירת תאריך או כל רשימה אחרת)
מעבר לרשימה דיפולטית אפשר גם לעצב את הרשימה לפי רצונכם כמעצבים. רק שימרו על שימוש הגיוני לקהל היעד שלכם.
כמה שדות לשים במסך?
אפשר לשים הרבה שדות במסך אחד ואז תהיה גלילה במסך האפליקציה. המלצה שלי היא לשים 3-4 שדות בלבד במסך כך שלא יצטרכו את הגלילה כלל וגם המקלדת תוכל להיפתח כראוי. חשוב לעצב שדות עם דוגמה של מקלדת פתוחה, אחרת המתכנת עלות לעשות שעלולים לשנות את התצוגה הרצויה, אם לא עשיתם מסך זה עם מקלדת יש לפחות להנחות את המתכנת כך שהמקלדת לא תגרום להסתרת אלמנטים במסך שהוא נמצא המשתמש. אפשר להגדיר גם שהמקלדת לא תופיע עם מילים מתאימות ואז המקלדת תתפוס פחות שטח גרפי באפליקציה.
לסיכום
על מנת לעשות טופס מילוי פרטים שיעבוד חשוב להקפיד על גדלים של השדות ולהקפיד על כמות השדות בדף, כך שיהיה נוח למשתמש לעבוד עם השדות . כפי שאמרתי כבר, ששימוש בשדות הם אינטראקציות חשובות מאוד מכוון שהם מאפשרות לגולש לעבוד עם האפליקציה ואם יהיה לו קשיים בשימוש השדות, ככל הנראה, האפליקציה לא תצליח כמו שיכלה להצליח. אז שאתם עושים עיצוב מדהים לשדות וטפסים, תדאגו לשמור על עקרונות הבסיס הללו ואתם בדרך לעיצוב מנצח.
יש לך מה להגיד? אשמח לתגובה