הערת Developer: איך לקשט יישומי מסך ריקים

לאחרונה, התחלתי יותר ויותר בהודעה לעצמם, כי העניין פעיל יותר בנושא של פיתוח יישומים עבור iOS וממשקי משתמש בעיצוב, ככל שאתה חושב, או שונה מאלה דברים אחרים. אתה מתחיל לשים לב למיקום של כפתורי שליטה, את גודל סמלים וכאלה עיצוב האחרים שבה בן אדם רגיל לשימוש יומיומי ואינו חושד.

אני הימים נתקל במאמר מעניין מאוד מעצב קרייג דניסבאילו הוא נשכב על כללי עיצוב מדפי אפליקצית מסך "נקיה" עבור iOS. מבחינה טכנית, זה נקרא «מדינה ריקה» - כאשר התכנית מסיבה כלשהי לא יכול להראות משהו למשתמש. לדברי קרייג, מעצבי טירון רבים אינם משלמים מספיק תשומת לב להיבט זה של היישום, ו משום שלעיתים קרובות הוא ליידע את המשתמש בצורה נכונה על חוסר התוכן הוא חשוב בדיוק כמו המפה עצמה תוכן. ואני במאמרו נראה מאוד סקרן, כך אני מציע למצוא תרגום קצר של הרעיונות הבסיסיים.

"נקי" מסך ניתן לחלק לשלושה סוגים עיקריים - השימוש הראשון של היישום, חוסר תוכן טעות טכנית (הכשל של חיבור לאינטרנט, למשל).

1. שימוש ראשון

ההופעות ראשונות תמיד נשארות בזיכרון, במיוחד העניים. לכן המעצב הוא מאוד חשוב לארגן את הממשק כך שכאשר אתה מפעיל לראשונה תכנית המשתמש נפגשה לא מסך לבן מגניב ניטראלי, אבל משהו אסתטי פונקציונלי. עדיף לצייר איזשהו דימוי חזותי ולהוסיף כמה טיפים על השימוש ביישום (רק לא להעמיס את הוראת הממשק המייגעת ברוח הקפטן ברור). דוגמאות מצוינות של המימוש המדהים של רעיונות כאלה תכנית חוצצת, Timehop ​​ו Dropbox (אתה יכול לראות צילומי מסך לעיל).

2. חוסר התוכן

מבט בואו על המצב עם דואר אלקטרוני. אתה אוהב את זה או שונא את זה, רובו מלא הודעות שלא נקראו. אני יודע שהרבה אנשים שנמצאים עשרות המקבל יומיים של הודעות חדשות. וכמובן, משתמשים בדואר אלקטרוני פעילה תמיד שמחים למצוא קופסה ריקה. זה יהיה מרוצה כפליים כאשר יזם לקוח הדוא"ל ייתן היבט זה כמה שעות של עבודה ולהסיק אזהרה נחמדת על העדר הדואר חדש.

ככה בעיה זו נפתרת ב ספארו, Gmail, ו- Mail תוכנית סטנדרטית iOS:

ספארו מספק את המשתמש עם הסמל המסורתי של תיבת הדואר ואת תווית «הדואר נכנס אפס». מסך זה הוא אינטואיטיבי, מינימליסטי ומעוטר די מסוגנן. המשתמש לא סביר שיהיו שאלות.

מפתחי Gmail הלכו צעד אחד קדימה ומוסיפים נופך של רגש ביישום שלך - כאשר משתמשים לא נכתב הודעות שלא נקראו לפניו להשוויץ סמל שמש כיף עם הכיתוב "תהין היום!". סוג זה של הרגשה כמו לרמוז לאדם על כמה טוב או רע זה (בדוגמא לעיל ברורה, אך יש מקרים מסובכים יותר).

מערכת יישום Mail.app אינה לעצב מיוחד "נקי" בדף, כך שהמשתמש יכול רק לנחש למה לפניו אין רשימה של הודעות - או פשוט יש לא הודעות חדשות, או שגיאת סינכרון, או כישלון להתחבר אינטרנט. סוג זה של שאלה תמיד משאיר הרגשה רעה משימוש התכנית, כך שאם אתה עיצוב ממשק, מנסה לנקות ליידע את המשתמש לגבי השאלה מדוע זה לא נראה תוכן צפוי.

3. טעויות טכניות

לעתים קרובות, המשתמש צריך להתבונן אפליקציית מסך iOS "נקי" בשל העובדה כי המכשיר איבד את החיבור לאינטרנט לא יכול להוריד תכנים חדשים. כפי שצוין לעיל, עבור היוצר של התוכנית הוא מאוד grammotno חשוב ואלגנטי להעביר מידע זה למשתמש.

בואו לראות איך מסך שגיאה מיושם אפליקציות Chrome, מיני אופרה וספארי:

Chrome פשוטו כמשמעו "יורק" על הטקסט הארוך של משתמש המידע הטכני המשעמם. אופרה מיני «סיים עם" כמה משפטים שלא לתת למשתמש מושג ברור מדוע דפדפן לא יכול לפתוח אתר מסוים. היישום המוצלח ביותר, לדעתי, מציע תכנית ספארי סטנדרטית, אשר אומרת בבירור כי ה- iPhone אינו מחובר לאינטרנט.

כמה דוגמאות מעניינות יותר: Gmail, YouTube ו- Instagram.

ממצאים

איך אנחנו עושים את העיצוב הנכון "נקי" מסך חשוב מאוד עבור ממשקים מודרניים - ולא רק עבור-תוכניות iOS. לפני שאתה שולח את תכנית הסקירה ב- App Store, או להנפיק את הגרסה הסופית, לחשוב לרגע, מי ישתמש היישום שלך ולמה. נסה לשים לב לפרטים הקטנים שיעזרו המוצר שלך להתבלט גוש האפור של מתחרים. אם אתה יכול לרצות את המשתמשים ולהשאיר רושם טוב על עצמך, בעתיד הם יהיו מוכנים לסלוח לך כמה חסרונות וטעויות.

נ'ב מה אתה חושב על העיצוב של מסך "נקי"? האם יש איזשהו משאלות סובייקטיבית או ייעוץ כללי? אני צריך MacRadar עורכי לכתוב על דקויות כאלה בעיצוב ופיתוח של ממשקים עבור iOS? כתוב את דעתך על דבריו, זה יהיה מעניין לדון בנושא עם הקוראים.