כיצד עיצוב אתרים מגיב ישפר את חוויית המשתמש עבור כל המבקרים
קחו רגע וחשבו על כל המכשירים שבבעלותכם, שניתן להשתמש בהם כדי להציג אתרים. אם אתה כמו רוב האנשים, רשימה זו גדלה בשנים האחרונות. סביר להניח שהוא כולל מכשירים מסורתיים כמו מחשב שולחני ו / או מחשב נישא יחד עם מכשירים שהגיעו לגדולה בשנים האחרונות, כולל טלפונים חכמים, טאבלטים, לבישים, מערכות משחקים ועוד. ייתכן אפילו יש מכשירי חשמל בבית או מסך במכונית שלך המאפשר לך להתחבר לאינטרנט! השורה התחתונה היא כי הנוף המכשיר הוא מקבל יותר ויותר מגוונת כל הזמן, כלומר, כדי לשגשג באינטרנט היום (וגם בעתיד), אתרי אינטרנט חייב להיות בנוי עם גישה תגובה שאילתות מדיה CSS צריך לשקול כיצד סביר להניח שאנשים ישלבו התקנים שונים אלה לחוויית גלישה אחת באינטרנט.
הזן את המשתמש מרובה ההתקנים
אחת האמיתות שראינו מתברר היא שאם אנשים מקבלים דרכים רבות לגשת לאינטרנט, הם ישתמשו בהם. לא רק אנשים משתמשים בהרבה מכשירים שונים כדי לגשת לתוכן האתר, אך אותו אדם מבקר באותו אתר באמצעות אותם מכשירים מגוונים. כאן מגיע המושג "משתמש מרובה-התקנים".
תרחיש אופייני למכשירים מרובים
שקול אינטראקציה באינטרנט נפוץ כי אנשים רבים חווים כל יום - גלישה באתרי הנדל"ן בחיפוש אחר בית חדש. ניסיון זה עשוי להתחיל במחשב שולחני שבו מישהו מזין את הקריטריונים של מה שהם מחפשים וסקירות רישומי רכוש שונים התואמים את השאילתה. במהלך היום, אדם זה עשוי לעיין שוב בנכסים ספציפיים במכשיר הנייד שלו, או שהם עשויים לקבל התראות לדוא"ל שלהם (שבו הם יבדקו במכשיר הנייד שלהם) עבור רישומים חדשים התואמים את פרמטרי החיפוש שלהם. הם יכולים אפילו לקבל התראות אלה למכשיר לביש, כמו שעון חכם, ולסקור מידע בסיסי על המסך הזעיר.
תהליך זה יכול להמשיך במהלך היום עם יותר ביקורים באתר על מחשב שולחני אחר, אולי מהמשרד שלהם בעבודה. באותו ערב, הם עשויים להשתמש בטאבלט המכשיר כדי להציג כל רישומים מעניינים במיוחד למשפחה שלהם כדי לקבל משוב על אותם נכסים.
בתרחיש זה, ייתכן שלקוח האתר שלנו השתמש בארבע או בחמישה מכשירים שונים, כל אחד עם גודלי מסך שונים מאוד, כדי לבקר באותו אתר ולצפות באותו תוכן. זהו משתמש מרובה מכשירים, ואם האתר שבו הם מבקרים לא מתאים להם על כל המסכים השונים, הם פשוט לעזוב ולמצוא אחד שעושה.
תרחישים אחרים
החיפוש אחר נדל"ן הוא רק דוגמה אחת שבה משתמשים יקפצו ממכשיר למכשיר במהלך החוויה הכוללת שלהם עם אתר. דוגמאות נוספות כוללות:
- מחפש מכונית לרכישה
- תכנון חופשה
- קריאת כתבות חדשותיות
- מחקר רעיונות לשיפור הבית
- מחפש קבלנים מקומיים / שירותים
- תכנון חתונה או אירוע גדול אחר
- בעקבות צוות ספורט או אירוע ספורטיבי
בכל אחד מהמקרים האלה, חוויית האינטרנט עשויה להימשך ליותר מפגישה אחת, כלומר יש סיכוי שמשתמש ישתמש במכשירים שונים על סמך איזה מהם נוח להם בכל זמן נתון.
שיטות עבודה מומלצות לעקוב
אם אתרי האינטרנט של היום צריך לשרת יותר ויותר מכשיר רב באמצעות קהל, אז יש כמה עקרונות בסיסיים ושיטות עבודה מומלצות שיש לנקוט כדי להבטיח אתרים אלה מוכנים לטפל כראוי אלה מבקרים וכי הם דרגה טובה במנועי החיפוש .
- אתר אינטרנט מותאם - פריסה גמישה שיכולה להתאים ולשנות עבור גדלי מסך שונים היא קריטית לתמיכה במגוון המכשירים המחוברים לאינטרנט הזמינים כיום.
- כל התוכן צריך להיות זמין - אם מישהו יכול לגשת לתוכן או לתכונות מסוימות כאשר הם מבקרים באתר במכשיר אחד, הם מצפים מהם גם להיות זמינים כאשר הם חוזרים על מכשירים אחרים. התוכן צריך להיות מוצג בצורה המתאימה לכל התקן, אבל אין תוכן צריך להיות "מוסתר" או "כבוי" עבור מכשירים מסוימים.
- הקריאה היא המפתח - לא משנה איזה סוג של מכשירים או מה גודל המסך נמצא בשימוש לבקר באתר, את הקלות של קריאה כי האתר חשוב. פירוש הדבר שהטיפוגרפיה היא אלמנט עיצובי חשוב להתמקד בו. אם למישהו יש קשה לקרוא תוכן של האתר, סביר להניח שהם לעזוב את האתר לחלוטין.
- עקביות Amidst גיוון - בעוד הפריסה המוצגת עבור כל גודל מסך שונה יהיה שונה, צריך להיות עקביות ממכשיר אחד למשנהו. החוויה הכוללת צריכה להיות מחוברת, כך שמשתמשים לא צריכים מחדש את האתר בכל פעם שהם מבקרים אותו על מסך חדש.
- ביצוע ביצועים עדיפות - אתרי אינטרנט צריכים לטעון במהירות ולעבוד היטב על כל המכשירים, כולל התקנים ניידים עם פחות מהירויות הורדה מושלמת. ביצועי האתר הכוללים צריכים להיות בראש סדר העדיפויות בכל ההיבטים של עיצוב האתר ופיתוח - אחרי הכל, אף אחד לא יגיד פעם כי האתר טעון מהר מדי או עבד טוב מדי !
בעריכת ג'רמי ג'ירארד ב -26 / 1/17