Ux in mobile web

Ux in mobile web
UX in Mobile Web Lior Yair Israel Web Community | 2011
‫מי אנחנו‬ ‫נטקרפאט מתמחה במתן שירותי אפיון,‬ ‫עיצוב ופיתוח פתרונות המציעים חווית‬ ‫משתמש יוצאת דופן.‬
‫על מה נדבר היום?‬ ‫מה נראה היום?‬ ‫התפתחות עולם המוביל והתאמות התוכן‬ ‫1‬ ‫למה שנשקיע בהתאמות?‬ ‫2‬ ‫מה האפשרויות העומדות בפנינו?‬ ‫3‬ ‫יצירת חווית משתמש טובה, כללים מנחים (קצת)‬ ‫4‬
‫קצת הסטוריה‬
‫מה נראה היום של המכשירים‬ ‫האבולוציה ?‬
‫מה נראה היום של התוכן‬ ‫האבולוציה ?‬
‫מה נראה היום של התוכן‬ ‫האבולוציה ?‬ ‫השתלטות‬ ‫האפליקציות‬ ‫7002‬
‫מה נראה היום של התוכן‬ ‫האבולוציה ?‬ ‫גלישה‬ ‫השתלטות‬ ‫סלולרית‬ ‫האפליקציות‬ ‫‪Mobile Web‬‬ ‫9002‬ ‫7002‬
‫מה נראה היום של התוכן‬ ‫האבולוציה ?‬ ‫עיצוב מגיב‬ ‫גלישה‬ ‫השתלטות‬ ‫‪Responsive‬‬ ‫סלולרית‬ ‫האפליקציות‬ ‫‪Design‬‬ ‫‪Mobile Web‬‬ ‫1102‬ ‫9002‬ ‫7002‬
‫דוגמאות‬
‫אפליקציה‬ ‫מה נראה היום?‬
‫אתר מותאם (‪)Mobile Web‬‬ ‫מה נראה היום?‬
‫מה נראהמגיב?)‪(Responsive Design‬‬ ‫עיצוב היום‬
(Responsive Design)?‫מה נראהמגיב‬ ‫עיצוב היום‬ Desktop NoteBook Mobile Responsive Design
‫למה להשקיע?‬
‫להקשיב טוב‬ ‫מה נראה היום?‬ ‫עד שנת 3102 מחצית מהגולשים‬ ‫בעולם יגלשו דרך מכשירים ניידים.‬ ‫על פי חברת המחקר העולמית – ‪.Gartner‬‬
‫מה נראה מהסלולר מול גלישה מהמחשב האישי‬ ‫גלישה היום?‬ ‫000,2‬ ‫משתמשי אינטרנט‬ ‫‪Mobile‬‬ ‫006,1‬ ‫‪Internet‬‬ ‫‪Users‬‬ ‫002,1‬ ‫008‬ ‫‪Desktop‬‬ ‫‪Internet‬‬ ‫004‬ ‫‪Users‬‬ ‫7002‬ ‫9002‬ ‫1102‬ ‫3102‬ ‫5102‬
‫להקשיב טוב‬ ‫מה נראה היום?‬ ‫%05‬ ‫מחיפושים בעולם מבוצעים על ידי‬ ‫מכשירים ניידים‬
‫איך?‬
‫מה נראה היום? העומדות בפנינו‬ ‫האפשרויות‬ ‫3‬ ‫2‬ ‫1‬ ‫עיצוב מגיב‬ ‫התאמת אתר‬ ‫אפליקציה‬ ‫‪Responsive Design‬‬ ‫לגלישה סלולרית‬ ‫‪Mobile Web‬‬
‫אפליקציה‬ ‫מה נראה היום?‬ ‫יתרונות‬ ‫1 אין צורך בחיבור לרשת.‬ ‫2 עובד מהר (תנועות, אנימציות, סרטונים).‬ ‫3 יש אפשרות להשתמש ביכולות המכשיר.‬ ‫4 נמצא תמיד מול המשתמש.‬
‫אפליקציה‬ ‫מה נראה היום?‬ ‫חסרונות‬ ‫1 כפוף לחוקים ולשפות שונות.‬ ‫2 נדרשת התאמה לכל מערכת הפעלה.‬ ‫3 לא נגיש למשתמש שלא הוריד את האפליקציה.‬ ‫4 אין צורך להוריד אפליקציה (או לחפש).‬
‫‪Mobile Web‬‬ ‫מה נראה היום?‬ ‫יתרונות‬ ‫1 פיתוח יחיד לכל המכשירים.‬ ‫2 לא כפוף לחוקים (הגן הסגור).‬ ‫3 שימוש בטכנולוגיה מוכרת.‬ ‫4 אין צורך להוריד אפליקציה (או לחפש).‬
‫‪Mobile Web‬‬ ‫מה נראה היום?‬ ‫חסרונות‬ ‫1 אין אפשרות להשתמש בכל יכולות המכשיר.‬ ‫2 תלוי בחיבור לרשת.‬ ‫3 זמני תגובה וטעינה. ארוכים יחסית‬
‫מה נראהתגובתי )‪(Responsive‬‬ ‫עיצוב היום?‬ ‫יתרונות‬ ‫1 מוצר סופי מרשים.‬ ‫2 פיתוח לכל סוגי הפלטפורמות.‬
‫מה נראהתגובתי )‪(Responsive‬‬ ‫עיצוב היום?‬ ‫חסרונות‬ ‫1 השקעה גדולה יחסית בפיתוח ובעיצוב.‬ ‫2 זמני תגובה וטעינה ארוכים יחסית.‬ ‫3 תלוי בחיבור לרשת.‬
‫יצירת חווית משתמש טובה‬
‫מה נראהאת ההקשר (‪)Context Of Use‬‬ ‫הבינו היום?‬ ‫מה זה הקשר?‬ ‫1‬ ‫• מי האנשים שישתמשו במוצר?‬ ‫• מה המטרה שלהם?‬ ‫• מתי הם ישתמשו במוצר?‬ ‫• איפה הם ישתמשו במוצר?‬ ‫• מה מאפיין את אותם מקומות?‬ ‫• באיזה מכשיר? (גרסה)‬ ‫• באיזו סיטואציות?‬
‫ההקשר‬ ?‫מה נראה היום‬ Apple Voice Memos iTalk
‫ההקשר‬ ?‫מה נראה היום‬ Apple Voice Memos iTalk
‫מה נראה | דוגמה טובה‬ ‫ההקשר היום?‬ ‫‪Type n Walk‬‬
‫הבינו את ההקשר (‪)Context Of Use‬‬ ‫מה נראה היום?‬ ‫חשוב לזכור‬ ‫לא כל התוכן והשירותים‬ ‫המופיעים באתר הרגיל צריכים‬ ‫להיכנס לאתר הסלולרי‬
‫מה נראה היום אתר האינטרנט‬ ‫ביטוח ישיר | ?‬
‫מה נראה היוםאתר מותאם‬ ‫ביטוח ישיר | ?‬
‫ללא שימוש בזום‬ ‫מה נראה היום?‬
‫היתרון על המחשב האישי‬ ‫מה נראה היום?‬ ‫נצלו את האפשרויות הבנויות‬ ‫2‬ ‫במכשירים הניידים‬ ‫סריקת‬ ‫איתור‬ ‫לבצע‬ ‫שימוש‬ ‫מידע‬ ‫מיקום‬ ‫שיחות‬ ‫במפות‬
‫היתרון היוםהמחשב האישי‬ ‫מה נראה על ?‬ ‫שימוש במפות‬
‫היתרון היוםהמחשב האישי‬ ‫מה נראה על ?‬ ‫לבצע שיחות‬
‫מה נראהעל המחשב האישי‬ ‫היתרון היום?‬ ‫איתור מיקום‬
‫מה נראהעל המחשב האישי‬ ‫היתרון היום?‬ ‫סריקת מידע בצורות חדשות‬
‫היתרון היוםהמחשב האישי‬ ‫מה נראה על ?‬
‫היה מוכן‬ ‫מה נראה היום?‬ ‫תמיד תהיה מוכן שיעצרו אותך.‬ ‫3‬ ‫פגישות‬ ‫שיחה‬ ‫‪SMS‬‬ ‫בטריה‬ ‫נכנסת‬
‫מה נראהנתונים‬ ‫הזנת היום?‬ ‫אל תבקשו מהמשתמשים להזין המון‬ ‫4‬ ‫מידע לפני חשיפת ערך ממשי.‬ ‫למה?‬
‫מה נראה להקליד‬ ‫הקושי היום?‬ ‫משתמשים ינסו להימנע מלהקליד כמה‬ ‫שיוכלו. אפיון ועיצוב מוצלחים יימנעו מלדרוש‬ ‫הקלדה.‬
‫מה נראה להקליד‬ ‫הקושי היום?‬ ‫קיימים לא מעט פתרונות יצירתיים שיכולים לעזור:‬ ‫השלמה אוטומטית‬ ‫בחירה מרשימה‬ ‫הצפת תכנים חכמה‬
‫מה נראה מנחים לעיצוב‬ ‫כללים היום?‬ ‫הזהרו מהאצבע השמנה‬ ‫5‬ ‫אפקט "האצבע השמנה" מתאר חוסר היכולת ללחוץ‬ ‫על כפתור בגלל גודלו ו/או הקרבה שלו לכפתורים‬ ‫אחרים.‬
‫מה נראה מנחים לעיצוב‬ ‫כללים היום?‬ ‫דוגמה רעה‬
‫כללים מנחים?לעיצוב‬ ‫מה נראה היום‬ ‫דוגמה טובה‬ ‫גודל מינימלי של 7 מ"מ על 7 מ"מ.‬ ‫ריווח של לפחות 2 מ"מ בין אלמנטים לחיצים.‬
‫כללים מנחים?לעיצוב‬ ‫מה נראה היום‬ ‫גם שמנה וגם מסתירה‬
‫מה לא כדאי לעשות!‬ ‫מה נראה היום?‬ ‫לייצר מסכים עמוסים.‬ ‫‪Fish Supplies‬‬ ‫‪Bump‬‬
:) ‫תודה‬ lioryair@gmail.com Uxhero.co.il

Check these out next

Ux in mobile web

Recomendados

Mais conteúdo relacionado

Destaque(10)

Similar a Ux in mobile web(20)

Mais de Lior Yair(20)

Ux in mobile web