רוב הסיכויים שראית כיצד iPhone יכול להעיף ולהרחיב דפי אינטרנט. זה יכול להראות לך את כל דף האינטרנט במבט או זום כדי להפוך את הטקסט שאתה מעוניין קריא. במובן אחד, מאז iPhone משתמש ספארי, מעצבי אינטרנט לא צריך לעשות שום דבר מיוחד כדי ליצור דף אינטרנט זה יעבוד על iPhone.
אבל האם אתה באמת רוצה שהדף שלך יפעל? רוב המעצבים רוצים הדפים שלהם לזרוח!
כאשר אתה בונה דף אינטרנט , אתה צריך לחשוב על מי הולך לראות את זה ואיך הם הולכים לראות את זה. חלק מהאתרים הטובים ביותר לוקחים בחשבון איזה סוג של מכשיר הדף מוצג, כולל הרזולוציה, אפשרויות הצבע והפונקציות הזמינות. הם לא מסתמכים רק על המכשיר כדי להבין את זה.
הנחיות כלליות לבניית אתר למכשירים ניידים
- בדוק על מכשירים רבים ככל שתוכל. הדבר הראשון שאתה צריך לעשות הוא להציג את האתר שלך ב- iPhone וכמו מכשירים ניידים שונים או emulators כפי שאתה יכול. בזמן שאתה יכול להשתמש emulators עבור כל הבדיקה שלך, הם באמת לא נותנים לך את אותה תחושה כמו מנסה לנווט דרך אתר אינטרנט על המסך הקטן, כך לבדוק על מכשירים בפועל ככל האפשר.
- הפוך את הדפים שלך לבזות בחן. אתה יכול לכתוב את הדפים שלך עבור Flash מאופשר, דפדפני מסך רחב, אבל ודא כי מידע קריטי גלוי גם בצג קטן כי לא יכול להתמודד עם תכונות מיוחדות (כמו עוגיות, Ajax, Flash, JavaScript, וכו '). כל דבר מעבר XHTML בסיסי יהיה מעבר כמה טלפונים סלולריים. בעוד שרוב הטלפונים החכמים יכולים להתמודד עם כל הדברים האלה (מלבד Flash ב- iPhone, כמובן), מכשירים ניידים אחרים לא יכולים.
- בנה דף ספציפי אלחוטי - וקל למצוא אותו. אם אתה הולך לבנות דף ספציפי עבור הטלפון הסלולרי שלך ללקוחות אלחוטיים, להפוך אותו לזמין. דרך מצוינת היא לשים את הקישור לדף האלחוטי בחלקו העליון של המסמך, ולאחר מכן להסתיר את הקישור ממכשירים שאינם נישאים באמצעות סוג התקני כף היד. אחרי הכל, רוב האנשים מגיעים לדף הבית שלך, אפילו על טלפונים סלולריים, ואם הקישור לדף האלחוטי שלך הוא לא שם, הם יעזבו אם הדף קשה מדי לשימוש.
פריסת עמוד אינטרנט עבור טלפונים חכמים
הדבר הראשון שאתה צריך לזכור בעת כתיבת דפים עבור שוק הטלפון החכם הוא שאתה לא צריך לעשות כל שינוי אם אתה לא רוצה. היתרון הגדול של רוב הטלפונים החכמים הזמינים הוא שהם משתמשים בדפדפני Webkit (Safari ב- iOS וב- Chrome ב- Android) להצגת דפי אינטרנט, כך שאם הדף שלך נראה בסדר ב- Safari או ב- Chrome, הוא ייראה מצוין ברוב הטלפונים החכמים (רק הרבה יותר קטנים ). אבל יש דברים שאתה יכול לעשות כדי להפוך את חוויית הגלישה נעימה יותר:
- זכור כי המסך הוא זעיר. סמארטפונים יתעבו את כל העמודות הללו לתוך החלון הזעיר, והדבר עלול לגרום להם מאוד קשה לקרוא מבלי להתקרב. רוב המשתמשים משמשים התקרבות, אבל זה יכול לקבל מעייף. עמוד אחד ארוך של טקסט קל יותר לקריאה.
- מחלקים דפים לגושים קטנים יותר. זה יכול להיות קשה לקרוא קטעי טקסט ארוכים על הטלפון הסלולרי, כך לשים אותם על מספר עמודים מקל עליהם לקרוא.
קישורים ניווט ב - iPhone
- ככל שכתובות האתרים קצרות יותר, כך ייטב. אם אי פעם ניסית להקליד כתובת אתר בטלפון סלולרי, אתה יודע שזה כאב (למעט אולי עבור בני נוער אשר רגילים לשלוח הרבה הודעות טקסט). גם ב- iPhone, זה מייגע להקליד כתובות אתרים ארוכות. שמור אותם קצר.
- אבל טקסט הקישור ארוך קל יותר להקיש. כאשר בדף שבו כמה מילים נפרדות מקושרים למאמרים שונים, ממש ליד אחד את השני, זה יכול להיות קשה מאוד להקיש את הנכון ללא זום. אנשים רבים פשוט יוותרו ויסעו למקום אחר. קישורים עם 3-5 מילים בהם קל יותר ללחוץ על הטלפון מאשר קישורים 1 מילה.
- אל תניח את הניווט בחלק העליון של המסך. אין דבר יותר מעצבן מאשר צורך לעבור דרך מסכי ומסכים של קישורים כדי למצוא את המידע הרצוי. אם הסתכלת על דפי אינטרנט שתוכננו עבור טלפונים סלולריים, תראה שהדברים הראשונים שמופיעים הם התוכן והכותרת. לאחר מכן, למטה זה ניווט.
- אל תפחד להסתיר את הניווט שלך. הסתרת קישורי ניווט עם CSS או JavaScript ולהפוך אותם להופיע רק כאשר המשתמש מבקש את זה היא דרך להפוך את הדף קל יותר עבור משתמשי טלפונים חכמים.
טיפים עבור תמונות על טלפונים חכמים
- התמונות צריכות להיות קטנות. כן, Android ו- iPhones יכולים להתקרב ולהתרחק מהתמונות , אך ככל שהם קטנים יותר, בשני הממדים ובזמן ההורדה, כך יהיו הלקוחות האלחוטיים שלך מאושרים יותר. אופטימיזציה של תמונות היא תמיד רעיון טוב, אבל עבור דפי הטלפון הנייד, זה קריטי.
- התמונות צריכות להוריד במהירות. תמונות תופסות שטח רב בדפי אינטרנט כאשר אתה מציג אותן ממכשיר נייד. ובעוד שהם לעתים קרובות מאוד נחמד ולהפוך את הדפים נראים טוב יותר כאשר הם מוצגים על דפדפן אינטרנט במסך מלא, הם לעתים קרובות להפריע על המכשיר הנייד. בנוסף, כאשר משתמש החכם הוא על הרשת הסלולרית, הדבר האחרון שהם רוצים לשלם עבור הורדת חבורה של תמונות ענק או סמלים ניווט.
- אל תשים תמונות גדולות בחלק העליון של הדף. בדיוק כמו עם ניווט, זה יכול להיות מייגע מאוד לחכות לתמונה שלוקח 3-4 Screenfuls לטעון בחלק העליון של הדף. וזה נפוץ מאוד על דפי אינטרנט. היוצא מן הכלל היחיד הוא אם הקורא יודע שהם הולכים לקבל תמונה כשהם לוחצים, אומרים בגלריית תמונות.
מה להימנע בעת תכנון עבור
יש כמה דברים שכדאי להימנע מהם בעת בניית דף ידידותי לנייד. כפי שצוין לעיל, אם אתה באמת רוצה לקבל את אלה בדף שלך, אתה יכול, אבל לוודא כי האתר עובד בלעדיהם.
- Flash - רוב הטלפונים הניידים אינם תומכים ב- Flash, לכן אין זה רעיון טוב לכלול אותו בדפים האלחוטיים שלך.
- עוגיות - טלפונים סלולריים רבים אין תמיכה עוגיות. iPhones יש תמיכה עוגיות.
- מסגרות - גם אם הדפדפן תומך בהן, חשוב על ממדי המסך. מסגרות פשוט לא עובד על מכשירים ניידים - הם מאוד קשה או בלתי אפשרי לקרוא.
- טבלאות - אין להשתמש בטבלאות לפריסה בדף נייד. ולנסות להימנע שולחנות בכלל. הם אינם נתמכים על כל טלפון סלולרי (למרות iPhones וסמארטפונים אחרים תומכים בהם) ואתה יכול בסופו של דבר עם תוצאות מוזרות.
- טבלאות מקוננות - אם עליך להשתמש בטבלה, הקפד לא לקנן אותה בטבלה אחרת. אלה קשה עבור דפדפנים שולחניים לתמוך, ובמקרה הטוב, להפוך את הדף לטעון לאט יותר.
- אמצעים מוחלטים - במילים אחרות, אין להגדיר את ממדי האובייקטים בגדלים מוחלטים (כמו פיקסלים, מילימטרים או אינץ '). אם אתה מגדיר משהו ברוחב 100px, במכשיר נייד אחד שעשוי להיות מחצית המסך ובאחר הוא עשוי להיות פי שניים מהרוחב. גודל יחסי (כמו ems ואחוזים) העבודה הטובה ביותר.
- גופנים - אל תניח כי כל הגופנים שבהם אתה משתמש כדי לקבל גישה יהיה זמין על טלפונים סלולריים.
קרא עוד
- כיצד להפוך את אתר האינטרנט שלך נייד ידידותי באמצעות