מתוך אירוע של יוניק יו איי על אפיון ועיצוב לסמארטפון. לוידאו המלא של האירוע, כולל הרצאה זו, הרצאה נוספת ופאנל מומחים: http://uniqui.co.il/smartphoneday

1. ‫כותרת‬
‫ברק דנין‬
‫מנכ"ל יוניק יו איי‬
‫1102/4/41‬
‫1‬ ‫© 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין‬

2. ‫כותרת‬
‫תודה שבאתם!‬
‫2‬ ‫© 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין‬
‫‪cc by dotbenjamin‬‬

3. ‫נעים כותרת‬
‫מאוד!‬
‫ברק דנין, מנכ"ל יוניק יו איי‬
‫יו"ר ומייסד ארגון חוויית משתמש ישראל‬
‫‪www.uxi.org.il‬‬
‫3‬ ‫© 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין‬

4. ‫כותרת‬

5. ‫תכירו: ‪UI‬כותרת‬
‫‪Uniq‬‬
‫עיצוב חוויית משתמש‬
‫אפיון ועיצוב אתרים, מערכות ואפליקציות סמארטפון‬
‫>> מרעיון עסקי וטכנולוגי למוצר נחשק ומצליח‬
‫בדיקות שמישות ודו"חות מומחה‬
‫יעוץ נקודתי‬
‫בית הספר לחוויית משתמש‬
‫5‬ ‫© 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין‬

6. ‫סמארט- כותרת‬
‫‪?Who‬‬
‫+‬ ‫=‬
‫4991‬
‫6‬ ‫© 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין‬

7. ‫קצת כותרת‬
‫היסטוריה‬
2002 1994
Blackberry Treo Simon Communicator
RIM Palm IBM & BellSouth
7 ‫© 1102 כל הזכויות שמורות ליוניק יו איי, ברק דנין‬

8. ‫ינואר, 7002‬

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 כל הזכויות שמורות ליוניק יו איי, ברק דנין‬

36. )Twitter( Flick/Drag – ‫לא צריך פס גלילה‬

37. )Twitter( Refresh ‫לא צריך כפתור‬

38. ‫איזה פעולות אפשר לעשות על שורה? (‪)Mail‬‬

39. ‫גם כאן מוחקים? (‪)Twitter‬‬

40. ‫הגדלה – הקטנה מסוג אחר (‪)Samsung Galaxy S II‬‬

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‬‬
‫11‪http://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 כל הזכויות שמורות ליוניק יו איי, ברק דנין‬