בניית אתרים

מה זה אתר ידידותי למשתמש

מה זה אתר ידידותי למשתמש

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

 מהי ההירארכיה החזותית באתר ידידותי?

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

למה חשוב כל כך לשים לב להיררכיה חזותית באתר ידידותי למשתמש?

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

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

1. למשוך עין של המשתמש ע"י משחקים בגודל האלמנטים וגודל הפונט

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

אתר ידידותי

הדוגמא נלקחה מהאתר xd.adobe.com
קרדיט לתמונה Simply Chocolate.

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

2. להשאיר מקום לשטח לבן

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

3. שכפול רכיבי העיצוב

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

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

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

אתר ידידותי
אתר ידידותי

הדוגמא נלקחה מהאתר xd.adobe.com 

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

איך למנוע דואר זבל / ספאם באתר?

שתפו מאמר:

שתפו מאמר:

חיפוש

נהיה בקשר

כתבות נוספות:

טעינת האתר

איך לזרז טעינת האתר

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

פופאפ לאלמנטור

איך ליצור פופאפ באלמנטור

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

טופס צור קשר באלמנטור

קישור בין טופס יצירת קשר לואטסאפ

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

פלטת צבעים לאתר

פלטת צבעים לאתר

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

איך למצוא מילות מפתח

איך למצוא מילות מפתח יעילות

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

עיצוב אתרים לעסקים קטנים

עיצוב אתרים לעסקים קטנים

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

אפיון האתר

אפיון האתר: הבנת משמעותו ויישום

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

קידום האתר

איך לקדם אתר מיד ובחינם

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

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

בואו נבחר יחד אתר שהכי מתאים לכם

דילוג לתוכן