מה חשוב באתר ב 2023 כדי שיגיע רחוק ?!

להפוך את הנייד לעדיפות (התאמה למובייל):

לפי הסטטיסטה, "בשנת 2017, 43.6% מסך כל התעבורה באתר בעולם נוצרו באמצעות טלפונים ניידים, לעומת 35.1% בשנה הקודמת".

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

וכעת, במחצית הראשונה של 2020, Google תפרסם את המדד החדש של Mobile First, ותוסיף חשיבות רבה יותר לגירסה הניידת של האתר שלך,

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

דפים ניידים מואצים (AMP) הופכים אף הם חשובים יותר.

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

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

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

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

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

2. פריסות רשת לא סדירים:

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

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

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

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

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

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

3. מודגש גופנים & צבעים בהירים

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

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

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

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

זה הגיוני עבור מכשירים ניידים במיוחד.

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

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

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

4. הגדלת מיקרו אינטראקציות:

פייסבוק ורשתות חברתיות אחרות עשו אינטראקציות מיקרו פופולריות ביותר.

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

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

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

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

מיקרו אינטראקציות גורמות לעזור ברמה של אלו בליטות מהירות(מה בולט יותר) ולספק למשתמשים אינטראקציות עשירות יותר.

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

5. עוד מתקדם גלילה מופעלת אנימציות

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

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

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

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

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

מאז עיצוב יישומים ניידים (שהוא כל כך חשוב לעיצוב אתרים מודרני).

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

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

7. עיצוב תגובה:

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

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

טלוויזיה, או מחשביי שולחן עבודה.

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

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

8. למידה ממוחשבת ואינטליגנציה מלאכותית:

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

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

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

כמו AI ו מכונת למידה להמשיך להתקדם, נתחיל לראות אותם עושים את דרכם לתוך webdesign בדרכים אחרות, מתקדמות יותר.

9. Scalable וקטור גרפיקה (SVGs):

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

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

כלומר הם לא ישפיעו על מהירות הדף כאשר הם מונפשים מפני שהם אינם דורשים בקשות HTTP.

SVGs הם חיוניים כדי לספק חוויות מולטימדיה איכות עבור משתמשים 2018 (360 מעלות תצוגות, 3D תמונות ו cinemographs).

10. פרוגרסיבי Web Apps

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

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

הודעות דחיפה ומסכי הפתיחה.

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

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

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

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

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

בהצלחה !!