כיצד לעצב דפי מדינה ריקה עבור אתרי אינטרנט & Apps ניידים

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

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

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

ערך המדינות הריקות

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

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

מדינות ריקות גם לתת תחושה של “רעננות” עם חשבונות חדשים שאין להם נתונים קיימים.

בדיקה זו נעשה על ידי Redditor Bambo_Ocha בדק 20 יישומים שונים עבור עיצובים המדינה ריקה. סגנונות עיצוב שונים התרחשו עם לחצני קריאה לפעולה, נתוני מדגם ואפילו מדריכי הדרכה קצרים.

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

אבל דפי המדינה הריקים עדיין יש ערך גם כאשר אין צורך בפעולה. עיצובים אלה נועדו בעיקר לספק מידע.

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

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

אלמנטים בדף

המרכיב החשוב ביותר בדף מצב ריק הוא ההקשר. זה יכול לבוא בצורה של גרפיקה, טקסט, או שניהם. אתה רוצה להודיע למשתמשים מדוע הדף ריק ואיזה סוג של נתונים יכול להיות שם (הודעות דוא"ל, tweets, פרופילים חבר, וכו ').

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

DigitalOcean יש לוח המחוונים מבריק עם גרפיקה המדינה ריקה להמחיש את הנקודה שלהם בבירור. החברה שלהם משתמשת במיתוג יצירתי וטיפוגרפיה נקייה אז זה לא מפתיע דפי המדינה הריקה שלהם הם כל כך ממחיש.

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

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

Dropbox יש עיצוב נהדר עם שני לחצני CTA. כאשר משתמש Dropbox אין תיקיות הם יכולים ליצור תיקייה חדשה או להוסיף תיקיה לדוגמה על הדף.

עידוד פעילות משתמש

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

הדרך הטובה ביותר לעודד פעילות היא לכתוב עותק גדול בדף המדינה הריקה שלך. מדריך למשתמשים באמצעות זרימת תוכן המעודדת פעילות משתמש על פני היישום כולו.

מצב ריק זה על ידי ModSpot הוא דוגמה מבריקה של עיצוב איכותי ותוכן מעודד.

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

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

קישורים אחרים בדף מובילים לעזרה במדריכים ובפרטים ליצירת קשר. הכל מאוד יעיל וקשרים יחדיו יפה.

אינטרנט לעומת יישומים ניידים

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

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

זה יכול להיפתר בסגנון דומה כמו Nusii עושה בדף ההצעות שלהם. כאשר אין הצעות המשתמש הוא מודרך “להוסיף הצעות” כפתור בסרגל הניווט העליון.

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

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

דוגמאות עיצוב ריק

אולי הדרך הטובה ביותר ללמוד על עיצוב המדינה ריק היא ללמוד כמה דוגמאות. מבריק האינטרנט גלריית ריקנות. אוצרים ריקים דפי המדינה מאתרים שונים ליישומים ניידים.

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

צפים IPOs IPs