שאלת את עצמך, "מה הוא עיצוב אינטרנט מגיב?" עיצוב אתרים מגיב היא גישה לפיה מעצב יוצר דף אינטרנט "מגיב" או משנה את גודל עצמו בהתאם לסוג המכשיר זה נראה דרך. זה יכול להיות צג מחשב שולחני גדול, מחשב נייד או מכשירים עם מסכים קטנים כגון טלפונים חכמים וטאבלטים.
עיצוב אתרים מגיב הפך לכלי חיוני לכל מי שיש לו נוכחות דיגיטלית. עם הגידול של טלפונים חכמים, טאבלטים והתקני מחשוב ניידים אחרים, יותר אנשים משתמשים במסכים קטנים יותר כדי להציג דפי אינטרנט.
$config[code] not foundאתרים אלה צריכים גם לשקול את הנייד הראשון המדד רק הודיעה על ידי Google באפריל 2018. כמו עסקים קטנים יותר להגדיל את הנוכחות שלהם ניידים, אתר האינטרנט שלהם, eCommerce, דף עסקים של Google, דפי מדיה חברתית ונכסים אחרים צריך להיות נגיש בקלות על פני כל התקנים.
מהו עיצוב אתרים תגובה?
המטרה של עיצוב תגובה היא להיות אתר אחד, אבל עם אלמנטים שונים להגיב בצורה שונה כאשר צפו על התקנים בגדלים שונים.
בואו ניקח את האתר המסורתי "קבוע". בעת צפייה במחשב שולחני, לדוגמה, האתר עשוי להציג שלוש עמודות. אבל כאשר אתה מציג את אותו פריסה בטאבלט קטן יותר, הוא עלול לאלץ אותך לגלול אופקית, משהו שמשתמשים לא אוהבים. לחלופין, ייתכן שהרכיבים מוסתרים מהנוף או נראים מעוותים. ההשפעה מסובכת גם על ידי העובדה כי טבליות רבות ניתן לראות או בכיוון לאורך או פנו לצדדים נוף נוף.
על מסך הטלפון החכם זעיר, אתרי אינטרנט יכול להיות אפילו יותר מאתגר לראות. תמונות גדולות עשויות "לשבור" את הפריסה. אתרים יכולים להיות איטיים לטעון על טלפונים חכמים אם הם גרפיקה כבדה.
עם זאת, אם אתר משתמש בעיצוב מותאם, ייתכן שהגירסה של הטבלט תתאים באופן אוטומטי להצגת שתי עמודות בלבד. בדרך זו, התוכן קריא וקל לניווט. בטלפון חכם, התוכן עשוי להופיע כעמודה אחת, אולי מוערמת אנכית. או אולי המשתמש היה מסוגל לסחוב מעל כדי להציג עמודות אחרות. גודל התמונות ישתנה במקום לעוות את הפריסה או להיחתך.
הנקודה היא: עם עיצוב תגובה, האתר מתאים באופן אוטומטי על פי המכשיר הצופה רואה את זה.
כיצד פועל עיצוב אינטרנט תגובה?
אתרים בעלי תגובה משתמשים ברשתות נוזל.כל רכיבי הדף גדלים לפי פרופורציה, ולא בפיקסלים. אז אם יש לך שלוש עמודות, לא היית אומר בדיוק כמה רחב צריך להיות, אלא איך רחב הם צריכים להיות ביחס לעמודים אחרים. עמודה 1 צריכה לקחת חצי עמוד, עמודה 2 צריכה לקחת 30%, ועמוד 3 צריך לקחת 20%, למשל.
מדיה כגון תמונות הוא גם גודל באופן יחסי. כך התמונה יכולה להישאר בתוך העמודה שלה או רכיב העיצוב היחסי.
נושאים הקשורים
נגיעה בעכבר: עיצוב עבור התקנים ניידים גם מעלה את הנושא של העכבר לעומת מגע. במחשבים שולחניים, למשתמש יש בדרך כלל עכבר לנווט ולבחור פריטים. בטלפון חכם או בטאבלט, המשתמש משתמש בעיקר באצבעות ונוגע במסך. מה אולי נראה קל לבחור עם העכבר, יכול להיות קשה לבחור עם אצבע על נקודה זעירה על המסך. מעצב האינטרנט צריך לקחת "מגע" בחשבון.
גרפיקה ומהירות הורדה: כמו כן, יש את הבעיה של גרפיקה, מודעות מהירות ההורדה. במכשירים ניידים, ייתכן שיהיה חכם להציג פחות גרפיקה מאשר בתצוגות שולחן עבודה, כך שהאתר לא ייקח לנצח לטעינה בטלפון חכם. ייתכן שיהיה צורך להחליף גדלים גדולים יותר של מודעות עבור מודעות קטנות יותר.
אפליקציות ו"גרסאות לנייד ": בעבר, ייתכן שחשבת על יצירת אפליקציה עבור האתר שלך - אמור אפליקציית iPad או אפליקציית Android. או שתהיה לך גרסה לנייד במיוחד עבור BlackBerry.
אבל עם כל כך הרבה מכשירים שונים היום, זה נהיה קשה יותר ליצור יישומים וגרסאות שונות עבור כל התקן פלטפורמת ההפעלה.
למה עסקים קטנים צריכים לעבור עיצוב אינטרנט תגובה
יותר אנשים משתמשים בניידים. מחקר שנערך לאחרונה ב- Pew, 77% מהאמריקאים מחזיקים כיום בסמארטפונים ב -2018, שהם למעלה מ -35% בלבד בסקר הבעלות הראשון בסמארטפון של Pew Research Center שנערך בשנת 2011.
בדוק את התנועה שלך ואתה יכול להיות רק בהלם על כמה מבקרים מגיעים לאתר שלך באמצעות התקנים ניידים. (ב- Google Analytics שלך, בחר "קהל" בצד ימין, ולאחר מכן "נייד" כדי לראות איזה נפח תנועה הוא מהמכשירים הניידים, תוכל אפילו לראות למטה אילו מכשירים שולחים את התנועה).
תבניות עיצוב גמישות נמצאות בכל מקום עכשיו, לרכישה. אם, למשל, יש לך אתר וורדפרס אתה יכול לבקר בגלריה תבנית מכובד כגון ThemeForest ולחפש "נושאים WordPress תגובה". לרכוש אחד תחת $ 50. מפתח האינטרנט שלך יכול לאחר מכן להתאים אישית את הלוגו שלך ואת המותג.
הערה של עורך: כאן עסקים קטנים מגמות, אנחנו עובדים על עיצוב תגובה חדשה. לא כדאי לך?
תמונה דרך Shutterstock
עוד ב: שיווק תוכן, מה זה 95 הערות ▼
