6 מאפיינים של אתר ידידותי למשתמש

6 מאפיינים של אתר ידידותי למשתמש

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

להלן 6 מאפיינים חיוניים של אתר ידידותי ובעל חווית המשתמש טובה.

1. התאמה למכשירים ניידים (רספונסיביות)

אתרים מוכניםבשנים האחרונות יותר ויותר משתמשים גולשים באתרי האינטרנט באמצעות מכשירים סלולאריים וטאבלטים מסוגים שונים אשר מתפתחים ומשתנים בתדירות גבוהה.
עיצוב רספונסיבי (Responsive web design) היא גישה לבניית אתרים חכמים שמטרתם להציע תצוגה מותאמת למכשיר בו הגולש משתמש, להתאים גודל הטקסט, תמונות ואלמנטים שונים באתר.
אתר ידידותי למשתמש הוא אתר בעל עיצוב רספונסיבי.

2. נגיש לכל המשתמשים

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

3. תוכן מעוצב היטב שקל לסרוק

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

4. זמני טעינה מהירה

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

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

6. סכמת צבע מנוגדת

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

אתר ידידותי למשתמש – אתר בעל ניגודי צבע טובים.

כרטיס ביקור דיגיטלי דף נחיתה או אתר. מה עדיף?

כרטיס ביקור דיגיטלי דף נחיתה או אתר. מה עדיף?

כרטיס ביקור דיגיטלי, דף נחיתה לעסק או אתר?

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

הגדרה כלליות

קריאה נוספת:

יתרונות

לסיכום

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

מה זה כרטיס ביקור דיגיטלי?

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

מה זה אתר?

אתר

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

לדוגמה, https://dev.rinawebdesign.com/ הוא אתר ואתם צופים כעת בדף אחד מני רבים של האתר, בו מפורסם מאמר זה.

ישנם הרבה סוגי אתרים. על כל זה כדאי לקרוא במאמר על סוגי אתרים ברשת

מה זה דף נחיתה?

בניית אתרים

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

All-in-One WP Migration

All-in-One WP Migration

All-In-One WP Migration הנו תוסף להעברת  אתר האינטרנטי שלכם מהתקנה מקומית לשרת חי, או משרת אחד למשנהו.  בעיקרו של דבר, ללא קשר לאן אתם מעבירים אתר וממנו ואיזו שיטה אתם משתמשים, התהליך יישאר זהה. למעשה, אתם לוקחים גיבוי של אתר אחד במקום אחד, ומשחזרים את הגיבוי במקום אחר.

ll-in-One WP Migration – הינו תוסף זה שימושי לייצוא  אתר WordPress שלכם, כולל מסד הנתונים, קבצי המדיה, התוספים והנושאים ללא צורך בידע טכני.
העלה את האתר שלך למיקום אחר בעזרת גרור ושחרר אל WordPress.
קיימת אפשרות להחיל מספר בלתי מוגבל של פעולות חיפוש והחלפה על מסד הנתונים שלך במהלך תהליך הייצוא. התוסף גם יתקן כל אחד
בעיות סידור המתרחשות במהלך פעולת החיפוש / החלפה.

תואם למכשירים ניידים: All-in-One WP Migration הוא התוסף הראשון שמציע חוויית סלולר אמיתית בגרסאות  3.3 WordPress ומעלה.

אין הגבלות על מערכת ההפעלה או ההפעלה

משתמשים בנתחים לייבוא נתוני האתר שלכם. רוב הספקים מגדירים את גודל הקובץ המרבי להעלאה ל- 2MB. מכיוון שמגבלות הקבצים מוחלות רק על כל נתח, מגבלות גודל העלאת שרת האינטרנט עוברות על ידי שמירה על הנתחים מתחת ל -2 מגה-בייט כדי להעלות בקלות את כל האתר שלך.
תלות אפסית
התוסף אינו מצריך שום סיומות PHP ועובד עם כל גרסאות ה- PHP החל מ v5.2 ואילך. אלה חדשות נהדרות עבור משתמשי v5.2 שאינם נתמכים על ידי מוצרים רבים אחרים.
תמיכה ב- MYSQL ו- MYSQLI
לא משנה עם איזה מנהל התקן php mysql נשלח השרת שלך, אנו תומכים בו.

התקנת תוסף All-in-One WP Migration

נווטו אל התוספים> הוסף תוסף וחפשו 'All-in-One WP Migration'. כאשר הוא מופיע בדף, אתם רק צריכים ללחוץ על התקן ולאחר מכן כאשר זה יסתיים, יהיה עליך ללחוץ על הפעל.
התוסף מותקן כעת, וניתן לגשת אליו מלוח בקרה של וורדפרס.

תוסף חדש

All-in-One WP Migration

התקנה

All-in-One WP Migration

התוסף מותקן. ניתן לראות אותו בלוח בקרה

All-in-One WP Migration

ייצוא אתר באמצעות  התוסף

נווטו אל לוח בקרה וחפשו 'All-in-One WP Migration'. לחצו על export

All-in-One WP Migration

לחצו על FILE, כדי לייצא את האתר למחשב המקומי שלכם.

All-in-One WP Migration

התוסף מכין קובץ ל-export.  זה יקח כמה דקות. לא להפסיק

All-in-One WP Migration

כשקובץ מוכן להורדה,  יש ללחוץ על download

ייצוא אתר וורדפרס
ייצוא אתר וורדפרס

מהי היררכיה חזותית ידידותית למשתמש

מהי היררכיה חזותית ידידותית למשתמש

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

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

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

במילים אחרות, ההיררכיה הוויזואלית מתארת ​​את אלמנטים המחזיקים את תשומת לב המשתמש ביותר ומושכים את עיניהם.

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

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

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

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

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

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

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

הירארכיה החזותית באתר

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

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

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

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

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

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

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

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

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

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

הירארכיה החזותית באתר
הירארכיה החזותית באתר

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

וורדפרס אלמנטור ווקומרס ומה שביניהם

וורדפרס אלמנטור ווקומרס ומה שביניהם

מה זה וורדפרס? מה זה אלמנטור? מה זה ווקומרס? הכל על רגל אחת

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

❓מה זה וורדפרס❓

וורדפרס(WordPress) היא מערכת לניהול תוכן – מערכת שמאפשרת לנו לבנות את האתר, לצפות באתר וגם לנהל את האתר. המערכת קיימת משנת 2003. היא אחת המערכות הוותיקות ברשת. הוקמה בהתחלה כמערכת לניהול בלוגים, אחר כך התפתחה למערכת לניהול אתרים וכיום נחשבת למערכת הפופולרית הפשוטה והקלה ביותר לניהול אתרי אינטרנט ברשת.
המערכת ניתנת להורדה בחינם והיא מתורגמת ליותר מ-60 שפות.
המערכת כתובה בשפת PHP על בסיס מסד נתונים MySQL, וממאפייניה הבולטים מערכת תוספים וארכיטקטורה של תבניות.
יש הטוענים שמעל מ-30% מהאתרים ברשת (בכל העולם) בנויים בוורדפרס.
מערכת ניהול תוכן היא בעצם כלי שמאפשר לנו לבנות ולערוך אתר ללא ידע בשפות תכנות וללא ידע בבניית אתרים.
פלטפורמת וורדפרס כוללת מאפיינים כלליים, התואמים לכלל מערכות הבלוגים, ומאפיינים מתקדמים, התואמים למערכות ניהול תוכן מתקדמות.
וורדפרס אינו תוכנה. וורדפרס היא פלטפורמה מתקדמת לניהול אתר או רשת אתרים. לכן היא צריכה לשבת על מחשב שמארח בתוכו אתרים, שהוא שרת.
המערכת היא חינמית ומתעדכנת לעיתים קרובות, ניתן להתקין אותה בכ-62 שפות שונות, המערכת מאפשרת שינוי תבניות עיצוב בלחיצה אחת והיא גם מאפשרת התקנה של תוספים.
את העמודים של האתר ניתן לערוך בקלות ובצורה הדומה לעריכת קובץ וורד.

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

❓מה זה אלמנטור❓

אלמנטור הוא תוסף חינמי, אשר "מתלבש" על מערכת ניהול התוכן וורדפרס, באמצעותו ניתן לעצב אתרים, בלוגים ודפי נחיתה באופן מרהיב ומהיר על ידי גרירת אלמנטים (טקסט, וידאו או תמונות) ממקום למקום באמצעות ממשק ויזואלי, כאשר במקביל המשתמש יכול לראות את כל השינויים שהוא מבצע באתר בזמן אמת.
התוסף הוא פרי מוחם ועמלם של שני ישראלים, והוא מציע אינספור יתרונות לבוני ומעצבי אתרים.
אפשרויות העיצוביות שהתוסף מציע הן כמעט חסרות הגבלה ומאפשרות עיצוב של כל ווידג'ט בכל עמוד באתר ועד לרמת הפיקסל. ניתן לבחור להשתמש ביותר מ-100 טמפלטים ויותר מ-300 בלוקים מוכנים שונים. הגרסא החינמית מציעה 30 ווידג'טים שונים, וכנראה יותר ממה שאתם באמת צריכים.
השימוש בתוסף קל ואינטואיטיבי, הוא מתממשק בצורה מוצלחת עם תוספים אחרים, אין חובה לדעת קוד על מנת להשתמש בו, הממשק שלו קל ללימוד, והתוצאה הסופית – פנטסטית.
באמצעות אלמנטור ניתן לעצב דפים רספונסיביים (מותאמים לכל סוגי ניידים) ולשלוט לחלוטין על מבנה העמוד.
אחד המאפיינים והיתרונות העיקריים של אלמנטור הוא היכולת לגרור ולשחרר – Drag & Drop – כל אלמנט מתפריט העיצוב אל תוך הדף
אלמנטור מתאים מאוד לעבודה עם תוספים גדולים ופופולאריים אחרים, ואחד מהם הוא Woocommerce. כאן נרצה להבין מה זה ווקומרס.

❓מה זה ווקומרס (WooCommerce)❓

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

WhatsApp me
התקשרו עכשיו