הרצאה של אודי סלנט מהמפגש הראשון של חוויית משתמש ישראל UXI בנושא "איך מעצבים אפליקציה לאייפון" 26.05.2010

1. ‫‪UX‬‬ ‫סודות‬
‫מאחורי הקלעים של‬
‫השקת האייפון בישראל‬

2. ‫דרך 2 נקודות עובר קו ישר אחד...‬
‫שיווק‬ ‫רפרנט‬ ‫מנהל‬ ‫תשתיות מנתח‬ ‫מתכנת‬ ‫אבטחת‬ ‫מהנדס‬ ‫מנהל‬
‫‪U.X‬‬ ‫‪U.I‬‬ ‫מעצב‬ ‫בקרת אנליסט‬ ‫ותקשורת מערכות‬ ‫מידע‬ ‫מערכת‬ ‫פיתוח‬ ‫בוס‬
‫לקוח‬ ‫ותוכן‬ ‫איכות‬ ‫ארגוני‬ ‫פרויקט‬
‫התחומים מהם אני מגיע‬

5. ‫20 06 42 09‬
‫הספירה לאחור התחילה...‬

6. ‫אז איך מתכננים לאייפון?‬

7. ‫אבל רגע לפני,‬
‫מה היה פה לפני האייפון...?‬
‫האייפון השתלב ב-‪) EcoSystem‬מערכת‬
‫אקולוגית( קיימת שהתפתחה מעל 02 שנה.‬
‫הוא היווהג' קטליזאטור )זרז( לשינוי יחסי‬
‫מסכת אבות, פרק‬
‫הגומלין ב- ‪ EcoSystem‬ויצירת מערכת‬
‫חדשה יותר שבה אנו נמצאים היום.‬

8. ‫‪ | EcoSystem‬מערכת אקולוגית‬

9. ‫‪The Cellular EcoSystem‬‬
‫משתמשים‬
‫שירותים‬
‫אפליקציות‬
‫מערכות הפעלה )ציוד קצה(‬
‫פלטפורמות פיתוח‬
‫מכשירים, ציוד קצה‬
‫רשתות סלולריות‬
‫מפעילים סלולריים‬

10. ‫02 שנה, לך תזכור...‬
‫‪3Gs‬‬
‫9002 0102‬ ‫7002‬ ‫4002‬ ‫2002‬ ‫8991‬ ‫0991‬

11. ‫תקציר... אבולוציית המכשירים בתחום ה-‪Mobile‬‬
‫‪Touch‬‬ ‫‪Smart‬‬ ‫‪Feature‬‬ ‫‪Candy Bar‬‬ ‫‪Brick‬‬
‫7002...‬ ‫‪Phone‬‬ ‫‪Phone‬‬ ‫8991...‬ ‫0991...‬
‫4002...‬ ‫2002...‬
‫‪ ‬דור 57.3‬ ‫‪ ‬נמכרים‬ ‫‪ ‬דור 3‬ ‫‪ ‬רשת‬ ‫‪ ‬מכשיר נייד!‬
‫‪Accelerometer ‬‬ ‫נכנס למזוודת‬
‫בעיקר בגלל‬ ‫‪ ‬כולל ‪gprs‬‬ ‫‪gsm/cdma‬‬
‫7002‬ ‫‪ ‬ממשק עשיר‬ ‫יכולות ‪email‬‬ ‫‪ ‬מצלמה‬ ‫‪ ‬קטני מידות‬ ‫מנהלים.‬ ‫0991‬
‫בגרפיקה‬ ‫‪‬בנוסף, לדור‬ ‫‪ ‬תמיכה ב-‬ ‫ומשקל.‬ ‫‪ ‬שיחות קול‬
‫‪ ‬מכשירי‬ ‫57.3-3 תומכים‬ ‫ממס‬ ‫‪ ‬סוללה טובה‬ ‫בלבד‬
‫גלישה חזקים‬ ‫גם ב-‪wifi‬‬ ‫‪ ‬גלישת ‪wap‬‬ ‫‪ ‬איכות קול‬ ‫‪ ‬מוצר יקר,‬
‫‪ ‬רזולוציית‬ ‫‪ ‬נכנסים‬ ‫‪ ‬צורכים ‪data‬‬ ‫משופרת .‬ ‫לקהל יעד‬
‫מסך גבוהה‬ ‫לקטגורית‬ ‫‪ ‬תמיכה ב-‬ ‫מצומצם.‬
‫‪ ‬פיטשרים‬ ‫הגאדג'טים‬ ‫סמס.‬
‫מבוססי מיקום‬

12. ‫האבולוציה של יכולות ממשקי המשתמש בסלולר‬

13. ‫ובואו נתמקד בהתפתחות אתרי ה-‪Wap‬‬

14. ‫הפורטל הסלולרי )‪ (Wap‬של פלאפון‬

15. ‫דוגמאות לאתרים סלולריים )‪ (Wap‬נוספים‬

16. ‫גדלי מסך במכשירים השונים‬
‫הנתונים עדכניים לסוף 9002‬

17. ‫מה המשמעות...? הרבה גרסאות‬

18. ‫מומלץ להתחיל בגודל ברירת מחדל )אמצעי(‬

19. ‫אפליקציות מובילות בקטלוג ההורדות‬

20. ‫‪The Cellular EcoSystem & the Iphone‬‬
‫משתמשים‬
‫שירותים‬
‫אפליקציות‬
‫מערכות הפעלה )ציוד קצה(‬
‫פלטפורמות פיתוח‬
‫מכשירים, ציוד קצה‬
‫רשתות סלולריות‬
‫מפעילים סלולריים‬

21. ‫20 06 42 09‬
‫הספירה לאחור התחילה...‬

22. ‫אז איך מתכננים לאייפון?‬

23. ‫? ‪JoyStick…? Left/Right Soft Key‬‬
‫מרבית הלקוחות שלנו‬
‫בפלאפון מכירים‬
‫ומשתמשים בסוג כזה‬
‫של מכשירים.‬

24. ‫מסך גדולללל‬
‫הנתונים עדכניים לסוף 9002‬

25. ‫זה לא ‪ wap‬וזה לא ‪...web‬‬
‫עולם חדש נפתח‬

26. FromWap >
To Mobile Web

27. ‫איך טעינו פעם...‬
‫‪MicroSoft Bob‬‬ ‫אתר חברת תעופה,‬ ‫נוכחות באינטרנט‬
‫מערכת הפעלה היא‬ ‫הוא כמו דלפק שירות?‬ ‫היא ברושור סרוק ?‬
‫כמו סלון אמריקאי?‬
‫‪ ‬הטמענו מודלים שלא כ"כ התאימו לפלטפורמה החדשה‬
‫‪ ‬לא התמקדנו במה האינטרנט יכול לעשות טוב )ואולי אף אחרת(‬
‫‪ ‬בלבלנו בין הפתרונות והצרכים‬

28. ‫לסלולר חוקים משלו...‬
‫• המשתמשים נמצאים בריכוז חלקי ובסביבה‬
‫שעלולה ליצור להם הפרעות.‬
‫• אתר סלולרי כבד מידי עלול לפגוע ישירות בכיס‬
‫של הלקוח.‬
‫• יש ליצור ערך מוסף לאתר / האפלקציה בהקשר‬
‫שבו הם מופעלים )סביבה חיצונית, תוך כדי תנועה‬
‫וכד'(?‬

29. ‫היכן אתם משתמשים בפלאפון...)מלבד שיחות(‬
‫‪Rachel Hinman- adaptive path‬‬

30. ‫היכן אתם משתמשים בפלאפון...)מלבד שיחות(‬
‫‪Rachel Hinman- adaptive path‬‬

31. From Wap To Mobile Web
www.brianfling.com

32. From Wap To Mobile Web
www.brianfling.com

33. ‫בסלולר צריכים להיות יותר רגישים לכמות הפיטשרים‬
‫5002 ‪Kathy Sierra’s Blog, post from June‬‬ ‫אפלקציות / אתרים באינטרנט‬
‫אפליקציות / אתרים בסלולר‬

34. ‫דוגמא "פלאפונית" מס' 1‬
‫צריכים גיבוי?‬
‫אפליקציית "גיבוי הפלאפון שלי",‬
‫מכשירים שונים, ממשקי משתמש שונים,‬
‫ועדיין צריך ליצור חווית משתמש אחידה‬
‫איכותית.‬
‫לדוגמא, לקוחות מחליפים מכשיר ומצפים‬
‫לחוויית משתמש טובה לא פחות‬

35. ‫ההבדל בין ממשקי ‪ Java‬ו-‪ - Symbian‬אפלקציה לגיבוי הפלאפון‬
‫‪Java‬‬
‫‪Symbian‬‬

36. ‫ואותה אפליקציה באייפון‬

37. ‫נו...אז מה עדיף?‬
‫?‬

38. ‫דוגמא "פלאפונית" מס' 2‬
‫איך צריך לתכנן את‬
‫אתר פלאפון כאשר‬
‫גולשים אליו ממכשיר‬
‫אייפון?‬

39. ‫איזה פורטל מתאים לאייפון?‬
‫‪Web‬‬ ‫‪Mobile Web‬‬

40. ‫איזה פורטל מתאים לאייפון?‬
‫כדאי שנתמקד בפרופיל גולש באייפון, וננסה לחשוף‬
‫עבורו את העמודים הנכונים. אך אל דאגה...בכל רגע נתון‬
‫הגולש יכול לעבור לגרסת האתר הרגיל‬

41. ‫איזה פורטל מתאים לאייפון?‬

42. ‫איזה עמוד ראשי, עדיף?‬
‫?‬

43. Yahoo Mobile-‫אולי אפשר ללמוד מ‬
Yahoo 2008 Yahoo 2009 Yahoo 2010 Yahoo 2010

44. ‫נו...עכשיו איזה עמוד ראשי, עדיף?‬
‫?‬

45. ‫נו...עכשיו איזה עמוד ראשי, עדיף?‬
‫‪http://www.feng-gui.com‬‬

46. ‫דוגמא "פלאפונית" מס' 3‬
‫לשמוע מוסיקה...‬

47. Musix ‫ממשק משתמש שירות‬
Java- Symbian
Iphjone

48. ‫עיצוב, ‪ Ui‬ו- ‪ Ux‬בודקים במסך הסופי!‬
‫‪‬‬ ‫‪‬‬

49. ‫‪ Ui‬בודקים גם במוקאפ!‬

50. ‫לסיכום...‬

51. Crossing the Chasm
"‫"לחצות את התהום‬

52. ‫זהירות...תהום!‬
‫‪http://en.wikipedia.org/wiki/Crossing_the_Chasm‬‬
‫כדי ליצור חוויית משתמש איכותית בסלולר,‬
‫עלינו לעזור למשתמשים לחצות את התהום...‬

53. ‫נו... עם האייפון אפשר לחצות את התהום?‬
‫‪ ‬כן‬
‫‪ ‬ולא‬
‫חדירת סמרטפונים בכלל ואייפון בפרט רבעון 4 9002 בארה"ב‬

54. ‫ולאן מכאן?‬

55. ‫בקרוב לכולנו יהיה סמרטפון...‬

56. ‫קטן‬ ‫רק פרגון‬

57. ‫שאלות?‬

58. ‫תודה!‬
‫אודי סלנט ‪udi@salant.co.il‬‬
‫מחלקת אינטרנט וממשקי משתמש‬
‫פלאפון תקשורת בע"מ‬
‫01.50.62‬