כנס Chrome Dev Summit הסתיים לפני כמה שבועות, ועכשיו אנחנו מביאים לכם את הדיווח הראשון בסדרה של דיווחים מהאירוע. הדגש היה על פיתוח לנייד ולמכשירים שונים, אז נתחיל בזה.
דפוסי UX מומלצים לאפליקציות אינטרנט לנייד, מאת פול קילן
אחרי ניתוח של התאימות לנייד ב-1,000 האתרים המובילים, מצאנו כמה תחומים בעייתיים: 53% עדיין מספקים חוויית שימוש למחשב בלבד, ב82% מהאתרים יש בעיות באינטראקטיביות במכשיר נייד וב64% מהאתרים יש טקסט שקשה למשתמשים לקרוא.
טיפים מהירים לשיפור משמעותי של חוויית השימוש באתר לנייד
- תמיד צריך להגדיר אזור תצוגה
- התאמת התוכן לאזור התצוגה
- חשוב לבחור גודל גופן קריא
- הגבלת השימוש בגופני אינטרנט
- הגדרת הגודל והמרווחים של רכיבי ההקשה בצורה מתאימה
- שימוש בסוגי הסמנטיקה לרכיבי קלט
השקנו ב-PageSpeed Insights ניתוח חוויית משתמש שעוזר לקבוע את מידת ההתאמה של האתר לניידים. הניתוח יעזור לכם לזהות בעיות נפוצות בחוויית המשתמש בנייד של האתרים שלכם. כדאי לנסות!
מצגות: התבניות המומלצות לממשק המשתמש באפליקציות אינטרנט לנייד
נגישות במספר מכשירים מאת אליסי בוקסהול (Alice Boxhall)
המשתמשים יגיעו לאתרים ולשירותים שלכם ממגוון רחב של מכשירים עם מגוון רחב של דרישות נגישות שונות. שימוש ברכיבים הסמנטיים ובתפקידים הנכונים של ARIA עוזר לשפר את ההבנה של הדף בדפדפן ובטכנולוגיה המסייעת.
Slides: נגישות במכשירים מרובים
דרכים מרכזיות להבין בעיות נגישות ולטפל בהן
- איך מוודאים שחוויית המשתמש טובה גם כשמשתמשים רק במקלדת
- הבעת הסמנטיקה של הממשק באמצעות בחירת רכיבים נכונה ו-ARIA
- כדי לבדוק, משתמשים ב-ChromeVox במחשב וב-TalkBack ב-Android.
- כדאי לנסות את התוסף של הכלים למפתחים בנושא נגישות ל-Chrome
- קהל מגוון יותר נכנס לאינטרנט, ולכן חשוב עוד יותר להפוך את האתרים לנגישים
פיתוח אפליקציות לנייד באמצעות Chrome WebView מאת Matt Guant
כולנו יודעים מהן הבעיות שהמפתחים נתקלו בהן בעבר בזמן ה-build ל-WebView: תכונות HTML5 מוגבלות, ללא כלים לניפוי באגים וללא כלים ל-build. עם ההשקה של WebView המבוסס על Chromium ב-Android 4.4 (KitKat), למפתחים יש עכשיו מגוון עצום של כלים חדשים ליצירת אפליקציות מקוריות מעולות באמצעות WebView.
רכיב ה-WebView תומך בניפוי באגים מרחוק מלא באמצעות אותם כלים שבהם אתם משתמשים ב-Chrome. אפשר גם להשתמש בתהליך העבודה המהימן שלכם לפיתוח אתרים עם Grunt ולשלב אותו בכלי הסטאק המקומיים באמצעות Gradle. כדי למזג עוד עולמות, יש טריק חכם לשימוש ב-Chrome DevTools כדי לבדוק את הקוד המקורי מ-JavaScript.
מצגות: פיתוח אפליקציות לנייד באמצעות רכיב WebView של Chrome
לקחים לפיתוח יעיל של WebView
- מה שחשוב הוא לא התכונות החדשות, אלא הכלים שאפשר להשתמש בהם עכשיו כדי לזרז את תהליך העבודה
- אל תנסה לחקות את ממשק המשתמש המקורי. עם זאת, חשוב להסיר חלק מהסמנים שמעידים על כך שמדובר בתוכן אינטרנט.
- כשהדבר מתאים, כדאי להשתמש בהטמעות מקוריות של תכונות. כלומר, להשתמש ב-DownloadManager במקום ב-XHR לקבצים גדולים.
אופטימיזציה של תהליך העבודה בעולם של מכשירים שונים, מאת Matt Gaunt
אם אנחנו צריכים לפתח למחשב, לנייד, לטאבלט, למכשירים לבישים ולגורמים אחרים, איך אפשר לבצע אופטימיזציה של תהליך העבודה כדי להקל עליכם? יש גישה מוצקה למספר מכשירים שמאפשרת לבצע שינויים מהירים באמצעות LiveReload, Grunt, Yeoman ו-Mini Mobile Device Lab שהושקה לאחרונה. לסיום, אם אין לכם את החומרה הפיזית שאתם רוצים לבדוק, חלק מהספקים מציעים אותה דרך הענן.
Slides: אופטימיזציה של תהליך העבודה בעולם של מכשירים שונים
נקודות עיקריות
- מספר המכשירים שאנחנו נצטרך לתמוך בהם רק יגדל
- איך משפרים את תהליך העבודה בעזרת Grunt ו-Yeoman
- Mini Mobile Device Lab – פתרון פשוט לבדיקות בדפדפנים ובמכשירים שונים
- בחרו אמולטור בצורה מושכלת באמצעות אמולציה של כלי הפיתוח ל-Chrome, אמולטורים רגילים, אמולטורים מבוססי-ענן כמו Saucelabs, Browserstack ו-appexperience ואמולטור של צד שלישי, Genymotion
- בדיקה בנייד היא לא רק בדיקה בחיבור ה-Wi-Fi. צריך להשתמש בשרת proxy כדי לדמות מהירויות רשת איטיות יותר
קישוריות רשת: אופציונלי, מאת Jake Archibald
למדנו הרבה דברים מהשיחה הזו: ג'ייק לא לובש נעליים כשמגיש הרצאות, בקרוב ייצא ספר חדש של Business Kinlan, ספקי הדפדפנים מתייחסים ברצינות למצב אופליין, ובקרוב יהיו לכם כלים שיעזרו לכם ליצור חוויות משתמשים נהדרות שפועלות היטב במצב אופליין.
ServiceWorker ייתן לנו את הגמישות הנדרשת כדי ליצור בקלות חוויות משתמש מרתקות שמתמקדות במצב אופליין, בלי לסבול מהבעיות של AppCache. אפשר אפילו לנסות את ה-API באמצעות Polyfill.
מצגות: קישוריות לרשת: אופציונלי
קובץ ה-ServiceWorker מציל את המצב
- בדור הבא של שיפור הדרגתי, אנחנו מתייחסים לרשת כאל שיפור פוטנציאלי
- באמצעות ServiceWorker אתם יכולים לשלוט באופן מלא בבקשות לרשת, לכתוב עליהן סקריפטים ולבצע בהן ניפוי באגים
- אם יש לכם חוויית משתמש אופליין, אל תחכו שהרשת תקרוס לפני שתציגו אותה, כי זה יכול לקחת המון זמן