אפיון ועיצוב לסמארטפון: אתגרים ופתרונות1. כותרת
ברק דנין
מנכ"ל יוניק יו איי
1102/4/41
1 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
2. כותרת
תודה שבאתם!
2 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
cc by dotbenjamin
3. נעים כותרת
מאוד!
ברק דנין, מנכ"ל יוניק יו איי
יו"ר ומייסד ארגון חוויית משתמש ישראל
www.uxi.org.il
3 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
5. תכירו: UIכותרת
Uniq
עיצוב חוויית משתמש
אפיון ועיצוב אתרים, מערכות ואפליקציות סמארטפון
>> מרעיון עסקי וטכנולוגי למוצר נחשק ומצליח
בדיקות שמישות ודו"חות מומחה
יעוץ נקודתי
בית הספר לחוויית משתמש
5 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
6. סמארט- כותרת
?Who
+ =
4991
6 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
7. קצת כותרת
היסטוריה
2002 1994
Blackberry Treo Simon Communicator
RIM Palm IBM & BellSouth
7 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
11. מכירות סמארטפון בכל העולם על-פי מערכת הפעלה
מקור: Canalys רבעון 4, כותרת
0102
11 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
12. כותרת
תקשורת המונים מסוג חדש
דפוס
הקלטות קול (גרמופון)
קולנוע
רדיו
טלוויזיה
אינטרנט
סמארטפון: היכולות של כל אלה - ועוד
מקור: Brian Fling
21 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
13. כותרת
תקשורת המונים מסוג חדש
ייחוד 1:
המדיה הראשונה שהיא אישית,
אבל באמת
מקור: Brian Fling
31 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
14. כותרת
תקשורת המונים מסוג חדש
ייחוד 2:
המדיה הראשונה שתמיד פועלת
מקור: Brian Fling
41 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
15. כותרת
תקשורת המונים מסוג חדש
ייחוד 3:
תמיד עלינו
מקור: Brian Fling
51 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
16. כותרת
תקשורת המונים מסוג חדש
ייחוד 4:
מנגנון תשלומים מובנה
מקור: Brian Fling
61 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
17. כותרת
תקשורת המונים מסוג חדש
ייחוד 5:
מאפשר יצירת תוכן בזמן אמיתי, מהשטח
מקור: Brian Fling
71 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
18. כותרת
סמארטפון: אולר שוויצרי על סטרואידים
חיבור אינטרנט מהיר מכל מקום
מיקרופון, רמקול, רטט
מצלמת סטילס ווידאו
מיקום וכיוון – ,GPSמצפן, ג'ירוסקופ
חיישני תנועה ()accelerometers
מסך מגע ( multi-touchבדרך-כלל)
כוח חישוב חזק (יחסית)
חיישני אור וקירבה
81 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
19. כותרת
הזדמנות ליצירתיות באפליקציות
קחו את המיקרופון וה-...GPS
91 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
20. כותרת
הזדמנות ליצירתיות
קחו רק את המיקרופון...
02 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
23. כותרת
הזדמנות ליצירתיות באפליקציות
עכשיו קחו רק את המצלמה (ולא בשביל לצלם)...
32 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
25. כותרת
המווווווווווווווווווווון אפליקציות
000,053 000,052
נכון למרץ, 1102
52 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
26. כותרת
כמה זה עולה? Flight Control
62 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
27. כל אחד כותרת
יכול ל
72 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
28. כותרת ֶ
אתגר 1: אפקט הּבּופה
הרבה אפליקציות – כל אחת מקבלת מעט תשומת לב
%06 מהאפליקציות נפתחות 5 פעמים או פחות
רושם ראשוני קריטי
82 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
29. כותרת
אתגר 2: קשב מוגבל
סביבה פיזית מושכת תשומת לב
סביבת הסמארטפון מושכת תשומת לב:
שיחות נכנסות
SMS
דוא"ל
התראות ()notifications
92 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
30. כותרת
אתגר 3: תנאי סביבה
תאורה חזקה / סביבה שדורשת חושך
רעש / סביבה שדורשת שקט
cc by acme59 / Flickr
03 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
31. אתגר 4: כותרת
מסך קטן
רק ”5.3 (אייפון) עד ”3.4
משמש גם כממשק
מינימום 7 על 7 מ"מ לכפתור (אצבע "שמנה")
ניווט תופס שטח מסך, במיוחד באייפון
פקדים מסוימים תופסים שטח גדול מאוד
13 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
32. כותרת
אתגר 5: אצבע מסתירה את המסך
לא מוכר מעולם העכבר
23 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
33. אתגר 6: כותרתתחושתי ()Tactile Feedback
אין משוב
לחצתי או לא?
אין הקלדה עיוורת
cc by 13254 / Flickr
33 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
34. כותרת
אתגר 7: קשה להקליד
Auto Corrrectלעזרה?
קשה גם לעשות copy+paste
משתמשים נמנעים מלהקליד
עד כמה שניתן
43 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
35. כותרת
אתגר 8: מחוות – איזה, איפה ומתי?
ממשק מחוות: להציג מעט ולעשות הרבה
53 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
41. כותרת
אתגר 8: מחוות – איזה, איפה ומתי?
ממשק מחוות: להציג מעט ולעשות הרבה
אתגרים:
ממשק חדש, סטנדרטים לא מבוססים
קשה לגלות וללמוד
Norman: A Step Back in Usability
24 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
42. כותרת
אתגר 9: אפליקציה אחת בכל פעם
גם אם אפליקציות רצות ברקע –
רק אפליקציה אחת מוצגת
מעברים בין אפליקציות – יקרים
למשל: דוא"ל עם קופון
Victoria’s Secret
34 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
43. כותרת
אתגר 01: חיבור אינטרנט איטי
גם 3Gהוא לא ADSLאו NGN
44 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
44. אתגרים כותרת
נוספים
סוללה
מעבד חזק, אבל חלש יחסית לדסקטופ
כיוון מכשיר
ויש עוד...
54 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
45. כותרת
01 טיפים למאפיינים ומעצבים לסמארטפון
64 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
46. ִ כותרת
טיפ 1: עברו לסמארטפון
74 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
47. כותרת
טיפ 2: נצלו את יכולות המדיה
אישית
תמיד פועלת
תמיד עלינו
קל לשלם
קל ליצור תוכן בתוך ההקשר
84 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
48. טיפ 3: כותרתאת מדריכי הסטנדרטים
למדו היטב
מדריכי סטנדרטים –
התחלה מצוינת
לכל מערכת הפעלה סטנדרטים
משלה – אל תעתיקו!
למשל: באנדרואיד יש כפתורים
למטה
CNBC iPhone App
94 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
49. טיפ 4: לִ כותרת ואחרים (אבל בחוכמה)
מדו מאפל
הממשק של אפל מסתיר בתוכו תובנות מחקר רבות
05 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
51. כותרת
כתות מטען - Cargo Cult
11http://oreil.ly/cargo
25 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
52. טיפ 5: כותרת"מחיר האינטראקציה"
צמצמו את
מה מאיץ? מה מאט?
קלט פסיבי: WORD המתנה
,LENSקריאת ברקודים הקלדה
השלמה אוטומטית גלילה
תיקוני איות הקלקה
קיצורים קריאה
ברירות מחדל מותאמות חיפוש מידע
אישית במסך
35 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
53. כותרת
צפיית צרכים וציפיות – מאיץ משמעותי!
45 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
54. כותרת
55 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
55. כותרת
65 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
56. כותרת
75 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
57. טיפ 6: כותרתבמחוות
שימוש נבון
מחוות חוסכות שטח מסך יקר, קשה לגלות אותן
השתמשו רק במחוות צפויות ומוכרות:
נגיעה ( ,)tapמשיכה (גרירה) ודפדוף מהיר ( ,)flickצביטה והרחבה
מחוות נסתרות – כקיצורי דרך (דאגו ליתירות )redundancy
85 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
58. כותרת
Twitter iPhone App
95 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
59. כותרת
טיפ 7: אל תדרשו מהמשתמש לזכור
Leumi iPhone App
06 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
60. כותרת
טיפ 8: השקיעו מאמץ ברושם הראשוני
סיפוק מיידי:
להתחיל בתוכן רלוונטי
להתחיל בפונקציונאליות ולא ב-Sign UP
16 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
61. טיפ 9: כותרת!
שקול מילה
צמצמו טקסט בכותרות, כפתורים,
למינימום ההכרחי
GoWalla iPhone App
26 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
62. כותרת
טיפ 01: אל תשכחו את כללי השמישות המוכרים
להציג את מצב המערכת
להציג משוב
להציג הודעה בזמן טעינה
להציג הודעות שגיאה בצמוד למקום השגיאה
להציג הודעות שגיאה ברורות
ועוד...
36 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין
63. למידע כותרת
נוסף
001-0808-450 למידע נוסף על הקורס
0208-175-30 "עיצוב חוויית משתמש לסמארטפון"
barak@uniqui.co.il http://uniqui.co.il/smartphone
להורדת המדריך לעולם חוויית המשתמש – ללא תשלום
www.uniqui.co.il/theguide
46 © 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין