במדריכים מסוג זה, אעביר ביקורת על אתר כלשהו. והפעם ביקורת על אתר עלמה הוטל. ההתמקדות תהיה על UX – חווית משתמש ו- UI עיצוב ממשק משתמש.

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

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

נראות – כפתור ה X בהודעה נעלם במצבים מסויימים וע"י הוספת עיגול לבן מתחתיו הוא יהיה ברור בכל מצב.

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

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

אחידות / דימיון – בכפתורים ובכלל אלמנטים מאותה משפחה צריכים להראות אותו דבר ולא כל פעם בעיצוב אחר. באתר זה הכפתורים פעם אחת עם פינות זוויתיות ופעם אחת עגולות. דוגמה הפוכה: התפריט משנה נראה אותו דבר כמו התפריט הראשי וזה יוצר בלבול. עדיף ליצור הפרדה ברורה לדוגמה ע"י בחירת גוון שונה.

מה חשוב ומה פחות – הכפתורים למידע נוסף יותר מדי בולטים ומסיחים את הדעת ולכן מומלץ לעמעם אותם.

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

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

תהנו,
רן

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