עיצוב לווב – מהם העקרונות שאסור לשכוח?

פרק ראשון: היררכיה

לפני שאנו באים לעצב אתר, אפליקציה או עמוד נחיתה עלינו להתחשב בכמה עקרונות: היררכיה, גשטאלט (הנטייה האנושית לזהות תבניות בכל מקום ולהשלים "חורים במציאות", Fits Low, Hick's Low skeuomorphism.
 

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

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

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

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

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

חשוב להבין שגולשים סורקים אתרים מלמעלה למטה בסימטריה אנכית, כדוגמת האתרAlchemy Digital , שם מציגים לגולשים את התכנים שלהם בגלילה לאורך (ומימין לשמאל במקרה ומדובר בקהל ישראלי). פייסבוק לימד אותנו לגלול, ומחקרים מראים שגולשים כבר רגילים לגלול; אך בכל זאת - מה שרואים ראשון משאיר בסופו של דבר את הרושם החזק ביותר, ולכן יש להקפיד להציג את הדברים החשובים ביותר למעלה.

איך יוצרים היררכיה? מבינים מה חשוב ללקוח, מה חיוני למשתמש, מה החשיבות היחסית של כל אלמנט בממשק

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

לסיכום, היררכיה בממשק תבנה מהנקודה הראשונה אליה היינו רוצים שהמשתמשים יסתכלו קודם.

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

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

לתיק העבודות שלי לחצו כאן

שלכם, אוליביה