בניית אתרים רספונסיביים- מזה ועד כמה זה אמור לעניין אותנו ?
14.01.20 / 12:28
בניית אתרים רספונסיביים- מזה ועד כמה זה אמור לעניין אותנו ?
בישראל קיימים עשרות מיליוני מכשירי סמארטפון עם חיבור קבוע לאינטרנט.
יותר ויותר תנועה לאתרים מגיעה מטאבלטים וממכשירים ניידים.
האתר הבא שלכם צריך להיות גמיש ולעבוד בצורה מושלמת בכל סוגי המכשירים.
מה זה אתר רספונסיבי
אתר רספונסיבי הוא אתר גמיש שמגיב ומתאים את עצמו אוטומטית לכל סוגי המסכים: למחשב, למסכי מגע (אייפד, סמרטפונים), ולרזולוציות שונות.
נסו להקטין את גודל חלון הדפדפן שלכם ותבינו על מה כל הסיפור.
זה פתרון מעולה לתאימות לכל פלטפורמה דיגיטלית: מחשב, מסך מגע, סלולר ואפילו לפייסבוק.
לכן כאשר אתם מחפשים בונה אתרים שיבנה לכם את האתר הבא, אתם חייבים לשאול אותו האם הוא יודע לפתח אתר רספונסיבי ולראות דוגמאות לכך.
הצעד הראשון להשגת חווית גלישה תקינה במובייל הוא לבחור בתבנית רספונסיבית למסכים ניידים. תבנית רספונסיבית למובייל מתאימה את תצוגת האתר באופן אוטומטי (או בשפה המקצועית "באופן רספונסיבי") לגודל המסך של הנייד שממנו נכנס הגולש, כך שהתצוגה תהיה אופטימלית ככל הניתן במובייל.
בעוד ששימוש בתבנית בניית אתרים רספונסיבית אינה מבטיחה תצוגה מושלמת בנייד של אתר לעסק, עדיין יהיה צורך לבצע התאמות ידניות לתצוגה במובייל, זהו בסיס טוב ליצירת חוויית גלישה תקינה במובייל
תמרון הגלישה באתר לעסק דרך הנייד שונה מגלישה במחשב נייד. בעוד שהגלישה במחשב נעשית עם עכבר שנוח מאוד לבצע איתו הקלקה על רכיבים באתר, הגלישה בטלפונים ניידים נעשית על ידי האצבעות. גולשים דרך הנייד גוללים מטה ולמעלה ולוחצים על רכיבים באתר עם האגודל או אחת האצבעות. חווית הגלישה באתר צריכה לאפשר תמרון קל בתוך האתר עם האצבעות. יש לזכור את זה בעת הנחת האלמנטים השונים בגרסת המובייל של האתר.
נקודות לחיצה באתר צריכות להיות ממוקמות באזור תחתית המסך בכדי שיהיה קל ללחוץ עליהם בעזרת האגודל, הלחצנים באתר צריכים להיות מספיק גדולים בכדי שיהיה קל ללחוץ עליהם עם האצבעות, צריך להיות רווחים מספיק גדולים בין נקודות מגע בכדי למנוע הקלקלה בטעות על אלמנט אחר, הגולשים לא צריכים לבצע תנועת התמקדות עם האצבעות בכדי לקרוא טקסט קטן באתר.
זמן טעינת אתר הוא חלק בלתי נפרד מחוויית הגלישה באתר. מחקרים רבים מצאו שמעל מחצית מהגולשים בנייד יינטשו אתר אינטרנט עסקי אם הוא לא נטען במלואו תוך 3 שניות, הפסד משמעותי עבור כל עסק. בהתחשב בעובדה שמהירות הגלישה בניידים אינה מהירה כמו במחשבים, בהם רוב הגלישה היא דרך אינטרנט קווי, חשוב לצמצם עוד יותר עד כמה שניתן טעינת אתר לעסק במובייל- זהן גם גורם קריטי בדירוג האתר שלכם בגוגל.
הדרך הטובה ביותר להשיג זמן טעינת אתר קצרה ככל הניתן היא על ידי פישוט העיצוב של אתר לעסק והורדת רשומות קוד שאינן רלוונטיות. עיצוב אתר מינימליסטי ברקע לבן וצמצום גודל קבצים כבדים באתר (תמונות, סרטונים, מולטימדיה וכו') יקצר את זמן הטעינה וישפר את חווית הגלישה במובייל.
מסכים של טלפונים ניידים קטנים בצורה משמעותית בהשוואה למסכי מחשב נייחים ואפילו מחשבים ניידים וטאבלטים. בעקבות כך, מאוד קשה להציג תפריט גדול כמו במחשבים נייחים. ברוב תבניות בניית האתרים התפריט לא מוצג בנייד, אלא יש ללחוץ עליו בקצה המסך העליון בכדי להציג אותו- מה שמוכר כ"תפריט המבורגר".
אלו היו כמה טיפים על מנת להבין את משמעותם של אתרים רספונסיביים כיום.
*המדור הינו מדור צרכני ואין לייחס לנאמר בו תחליף לייעוץ מקצועי. ט.ל.ח
