דפי אינטרנט המותאמים לשימוש במכשירים ניידים שונים מאלה המופיעים במחשבים שולחניים ומחשבים ניידים. האחרונים מיועדים למסכים גדולים ולחיצת עכבר מדויקת, בעוד שדפי אינטרנט לנייד מותאמים למסכים קטנים יותר ולהקשת אצבע לא מדויקת.
- עוצב עבור מסכים קטנים יותר והקשת אצבע לא מדויקת.
- עוצב למסכים גדולים עם לחיצת עכבר מדויקת.
בהתחשב בכך שרוב הביקורים באתר מגיעים ממכשירים ניידים, על מעצבי האתרים מוטלת המשימה לספק גרסאות שעובדות גם עם מכשירים ניידים וגם עם מחשבים שולחניים.הגישה הנפוצה ביותר היא להשתמש בעיצוב אינטרנט רספונסיבי, המספק אוטומטית את הגרסה המתאימה בהתבסס על המכשיר וגודל המסך של המשתמש, כפי שזוהה על ידי הדפדפן.
בכל מקרה, דפי אינטרנט ידידותיים לנייד נבדלים מגרסאות שולחניות במספר דרכים.
עיצוב דף: למסכים ניידים יש פחות מקום
- תצוגות סמארטפונים וטאבלטים בגודל 4 עד 10 אינץ' באלכסון.
- ווידג'טים של תפריטים הניתנים להרחבה או הרחבה מחליפים בדרך כלל סרגלי צד ותפריטי כותרות מגושמים.
- גרפיקה ברוחב מלא עם שימוש שיפוטי ברווח בין טקסט.
- רוב המסכים השולחניים נמדדים 19 אינץ' עד 24 אינץ' באלכסון.
-
קישורים ממומנים ומודעות באנר גדולות נפוצות יותר.
- טקסט צפוף יותר עם יותר מרחב פעולה לגרפיקה.
ההבדל הברור ביותר בין דפי אינטרנט למחשבים שולחניים לדפי אינטרנט לנייד הוא הנדל ן במסך. בעוד שרוב המסכים השולחניים מודדים לפחות 19 אינץ' עד 24 אינץ' באלכסון, טאבלטים הם בדרך כלל בסביבות 10 אינץ'. סמארטפונים הם בערך 4 אינץ' באלכסון. פשוט התרחקות לא ממיר בהצלחה דף אינטרנט לגרסה מותאמת לנייד מכיוון שהיא הופכת את הטקסט לבלתי קריא ודורשת צעד נוסף מהמבקר באתר. כמו כן, הקשה מדויקת על אלמנטים זעירים הופכת לבלתי אפשרית.
כדי לתקן את הבעיה, מעצבים עשויים להסיר סרגלי צד וגרפיקה שאינם נחוצים בהחלט. במקום זאת, הם משתמשים בגרפיקה קטנה יותר, מגדילים גדלי גופנים ומכווצים תוכן לווידג'טים הניתנים להרחבה. מגבלת הנדל ן הזו הניעה סוג אחר לגמרי של חשיבה בקרב מעצבי אתרים.
כמו כן, ווידג'טים של תפריטים הניתנים לקיפול או הרחבה בדרך כלל מחליפים סרגלי צד ותפריטי כותרות מגושמים. בחתירתם לגרום לכל מילימטר של שטח מסך לספור, מעצבים מסירים שטח לבן מיותר, תוך שמירה קפדנית על הקריאה.
קהל של קישורים ממומנים ומודעות באנר גדולות פשוט לא עובדים בטלפון או בטאבלט קטן. במקום זאת, מודעות קופצות קטנות נפוצות יותר בדפי אינטרנט לנייד.
פריסות הכוללות טקסט עטוף סביב גרפיקה אינן פועלות היטב במכשירים ניידים. במקום זאת, מעצבים לרוב נותנים לגרפיקה זו את כל רוחב המסך ומריצים את הטקסט מתחת או מעל. באופן דומה, עיצוב אתרים טוב מפרק טקסט לחלקים לצורך קריאה; אף אחד לא רוצה לקרוא קירות מוצקים של טקסט. זה הופך חשוב עוד יותר במסכים קטנים. שימוש מושכל בחלל הלבן הוא חיוני.
בקרות עמוד: דיוק שולחני לעומת כתמים ניידים
- אזורי הקשה גדולים או נקודות חמות לניווט מדויק יותר.
- URL שונה: מוסיף את האות "m." לעתים קרובות אפשרות להציג את גרסת שולחן העבודה של אתר.
- לאישורי התחברות יש לעתים קרובות מקום ייעודי, לפעמים עם נגישות לטביעת אצבע.
- קישורים ולחצן המבוססים על סמן מדויקים יותר.
בניגוד למצביע עכבר מדויק על שולחן העבודה שלך, האצבע האנושית היא כתם, והקשה דורשת מטרות גדולות על המסך עבור היפר-קישורים. אתרים ידידותיים לנייד מציעים אזורי הקשה גדולים (או נקודות חמות) כדי להקל על ניווט מדויק.
דפי אינטרנט ידידותיים לניידים כוללים בדרך כלל גם את האות m בכתובות שלהם; לדוגמה, הכתובת הניידת של פייסבוק היא m.facebook.com. כתובת ה-URL לנייד נבחרת עבורך בדרך כלל באופן אוטומטי כאשר אתה גולש עם טאבלט או סמארטפון נייד. במקרים מסוימים, תראה קישור שניתן להקיש המאפשר לך לעבור לגרסת שולחן העבודה הרגילה של הדף.
שדות הכניסה והסיסמה המיועדים למחשבים שולחניים ולניידים הופכים לקטנים ובלתי שמישים בטלפון, כך שבעלי אתרים מגדילים אותם, ולפעמים נותנים להם דפים משלהם כדי להקל על השימוש בהם.כניסה עם טביעת אצבע או חשבון אחר, כגון גוגל או פייסבוק, הופכת נפוצה יותר ויותר ככל שיכולות המכשיר והשירות מתפתחות.
למה זה משנה?
דפי אינטרנט לנייד מיועדים למכשירי כף יד ושונים למדי מדפים שנועדו לקריאה במחשב שולחני. למרות שבדרך כלל אתה יכול להציג את גרסת שולחן העבודה של דף אינטרנט במכשיר נייד, ולהיפך, הם מעוצבים בצורה שונה כדי להקל על הצפייה, הקריאה והניווט של התוכן.
