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