סודות יו איקס: מאחורי הקלעים של השקת האייפון בישראל

2,270 views
2,193 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,270
On SlideShare
0
From Embeds
0
Number of Embeds
690
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

סודות יו איקס: מאחורי הקלעים של השקת האייפון בישראל

  1. 1. ‫‪UX‬‬ ‫סודות‬ ‫מאחורי הקלעים של‬ ‫השקת האייפון בישראל‬
  2. 2. ‫דרך 2 נקודות עובר קו ישר אחד...‬ ‫שיווק‬ ‫רפרנט‬ ‫מנהל‬ ‫תשתיות מנתח‬ ‫מתכנת‬ ‫אבטחת‬ ‫מהנדס‬ ‫מנהל‬ ‫‪U.X‬‬ ‫‪U.I‬‬ ‫מעצב‬ ‫בקרת אנליסט‬ ‫ותקשורת מערכות‬ ‫מידע‬ ‫מערכת‬ ‫פיתוח‬ ‫בוס‬ ‫לקוח‬ ‫ותוכן‬ ‫איכות‬ ‫ארגוני‬ ‫פרויקט‬ ‫התחומים מהם אני מגיע‬
  3. 3. ‫20 06 42 09‬ ‫הספירה לאחור התחילה...‬
  4. 4. ‫אז איך מתכננים לאייפון?‬
  5. 5. ‫אבל רגע לפני,‬ ‫מה היה פה לפני האייפון...?‬ ‫האייפון השתלב ב-‪) EcoSystem‬מערכת‬ ‫אקולוגית( קיימת שהתפתחה מעל 02 שנה.‬ ‫הוא היווהג' קטליזאטור )זרז( לשינוי יחסי‬ ‫מסכת אבות, פרק‬ ‫הגומלין ב- ‪ EcoSystem‬ויצירת מערכת‬ ‫חדשה יותר שבה אנו נמצאים היום.‬
  6. 6. ‫‪ | EcoSystem‬מערכת אקולוגית‬
  7. 7. ‫‪The Cellular EcoSystem‬‬ ‫משתמשים‬ ‫שירותים‬ ‫אפליקציות‬ ‫מערכות הפעלה )ציוד קצה(‬ ‫פלטפורמות פיתוח‬ ‫מכשירים, ציוד קצה‬ ‫רשתות סלולריות‬ ‫מפעילים סלולריים‬
  8. 8. ‫02 שנה, לך תזכור...‬ ‫‪3Gs‬‬ ‫9002 0102‬ ‫7002‬ ‫4002‬ ‫2002‬ ‫8991‬ ‫0991‬
  9. 9. ‫תקציר... אבולוציית המכשירים בתחום ה-‪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‬‬ ‫משופרת .‬ ‫לקהל יעד‬ ‫מסך גבוהה‬ ‫לקטגורית‬ ‫‪ ‬תמיכה ב-‬ ‫מצומצם.‬ ‫‪ ‬פיטשרים‬ ‫הגאדג'טים‬ ‫סמס.‬ ‫מבוססי מיקום‬
  10. 10. ‫האבולוציה של יכולות ממשקי המשתמש בסלולר‬
  11. 11. ‫ובואו נתמקד בהתפתחות אתרי ה-‪Wap‬‬
  12. 12. ‫הפורטל הסלולרי )‪ (Wap‬של פלאפון‬
  13. 13. ‫דוגמאות לאתרים סלולריים )‪ (Wap‬נוספים‬
  14. 14. ‫גדלי מסך במכשירים השונים‬ ‫הנתונים עדכניים לסוף 9002‬
  15. 15. ‫מה המשמעות...? הרבה גרסאות‬
  16. 16. ‫מומלץ להתחיל בגודל ברירת מחדל )אמצעי(‬
  17. 17. ‫אפליקציות מובילות בקטלוג ההורדות‬
  18. 18. ‫‪The Cellular EcoSystem & the Iphone‬‬ ‫משתמשים‬ ‫שירותים‬ ‫אפליקציות‬ ‫מערכות הפעלה )ציוד קצה(‬ ‫פלטפורמות פיתוח‬ ‫מכשירים, ציוד קצה‬ ‫רשתות סלולריות‬ ‫מפעילים סלולריים‬
  19. 19. ‫20 06 42 09‬ ‫הספירה לאחור התחילה...‬
  20. 20. ‫אז איך מתכננים לאייפון?‬
  21. 21. ‫? ‪JoyStick…? Left/Right Soft Key‬‬ ‫מרבית הלקוחות שלנו‬ ‫בפלאפון מכירים‬ ‫ומשתמשים בסוג כזה‬ ‫של מכשירים.‬
  22. 22. ‫מסך גדולללל‬ ‫הנתונים עדכניים לסוף 9002‬
  23. 23. ‫זה לא ‪ wap‬וזה לא ‪...web‬‬ ‫עולם חדש נפתח‬
  24. 24. FromWap > To Mobile Web
  25. 25. ‫איך טעינו פעם...‬ ‫‪MicroSoft Bob‬‬ ‫אתר חברת תעופה,‬ ‫נוכחות באינטרנט‬ ‫מערכת הפעלה היא‬ ‫הוא כמו דלפק שירות?‬ ‫היא ברושור סרוק ?‬ ‫כמו סלון אמריקאי?‬ ‫‪ ‬הטמענו מודלים שלא כ"כ התאימו לפלטפורמה החדשה‬ ‫‪ ‬לא התמקדנו במה האינטרנט יכול לעשות טוב )ואולי אף אחרת(‬ ‫‪ ‬בלבלנו בין הפתרונות והצרכים‬
  26. 26. ‫לסלולר חוקים משלו...‬ ‫• המשתמשים נמצאים בריכוז חלקי ובסביבה‬ ‫שעלולה ליצור להם הפרעות.‬ ‫• אתר סלולרי כבד מידי עלול לפגוע ישירות בכיס‬ ‫של הלקוח.‬ ‫• יש ליצור ערך מוסף לאתר / האפלקציה בהקשר‬ ‫שבו הם מופעלים )סביבה חיצונית, תוך כדי תנועה‬ ‫וכד'(?‬
  27. 27. ‫היכן אתם משתמשים בפלאפון...)מלבד שיחות(‬ ‫‪Rachel Hinman- adaptive path‬‬
  28. 28. ‫היכן אתם משתמשים בפלאפון...)מלבד שיחות(‬ ‫‪Rachel Hinman- adaptive path‬‬
  29. 29. From Wap To Mobile Web www.brianfling.com
  30. 30. From Wap To Mobile Web www.brianfling.com
  31. 31. ‫בסלולר צריכים להיות יותר רגישים לכמות הפיטשרים‬ ‫5002 ‪Kathy Sierra’s Blog, post from June‬‬ ‫אפלקציות / אתרים באינטרנט‬ ‫אפליקציות / אתרים בסלולר‬
  32. 32. ‫דוגמא "פלאפונית" מס' 1‬ ‫צריכים גיבוי?‬ ‫אפליקציית "גיבוי הפלאפון שלי",‬ ‫מכשירים שונים, ממשקי משתמש שונים,‬ ‫ועדיין צריך ליצור חווית משתמש אחידה‬ ‫איכותית.‬ ‫לדוגמא, לקוחות מחליפים מכשיר ומצפים‬ ‫לחוויית משתמש טובה לא פחות‬
  33. 33. ‫ההבדל בין ממשקי ‪ Java‬ו-‪ - Symbian‬אפלקציה לגיבוי הפלאפון‬ ‫‪Java‬‬ ‫‪Symbian‬‬
  34. 34. ‫ואותה אפליקציה באייפון‬
  35. 35. ‫נו...אז מה עדיף?‬ ‫?‬
  36. 36. ‫דוגמא "פלאפונית" מס' 2‬ ‫איך צריך לתכנן את‬ ‫אתר פלאפון כאשר‬ ‫גולשים אליו ממכשיר‬ ‫אייפון?‬
  37. 37. ‫איזה פורטל מתאים לאייפון?‬ ‫‪Web‬‬ ‫‪Mobile Web‬‬
  38. 38. ‫איזה פורטל מתאים לאייפון?‬ ‫כדאי שנתמקד בפרופיל גולש באייפון, וננסה לחשוף‬ ‫עבורו את העמודים הנכונים. אך אל דאגה...בכל רגע נתון‬ ‫הגולש יכול לעבור לגרסת האתר הרגיל‬
  39. 39. ‫איזה פורטל מתאים לאייפון?‬
  40. 40. ‫איזה עמוד ראשי, עדיף?‬ ‫?‬
  41. 41. Yahoo Mobile-‫אולי אפשר ללמוד מ‬ Yahoo 2008 Yahoo 2009 Yahoo 2010 Yahoo 2010
  42. 42. ‫נו...עכשיו איזה עמוד ראשי, עדיף?‬ ‫?‬
  43. 43. ‫נו...עכשיו איזה עמוד ראשי, עדיף?‬ ‫‪http://www.feng-gui.com‬‬
  44. 44. ‫דוגמא "פלאפונית" מס' 3‬ ‫לשמוע מוסיקה...‬
  45. 45. Musix ‫ממשק משתמש שירות‬ Java- Symbian Iphjone
  46. 46. ‫עיצוב, ‪ Ui‬ו- ‪ Ux‬בודקים במסך הסופי!‬ ‫‪‬‬ ‫‪‬‬
  47. 47. ‫‪ Ui‬בודקים גם במוקאפ!‬
  48. 48. ‫לסיכום...‬
  49. 49. Crossing the Chasm "‫"לחצות את התהום‬
  50. 50. ‫זהירות...תהום!‬ ‫‪http://en.wikipedia.org/wiki/Crossing_the_Chasm‬‬ ‫כדי ליצור חוויית משתמש איכותית בסלולר,‬ ‫עלינו לעזור למשתמשים לחצות את התהום...‬
  51. 51. ‫נו... עם האייפון אפשר לחצות את התהום?‬ ‫‪ ‬כן‬ ‫‪ ‬ולא‬ ‫חדירת סמרטפונים בכלל ואייפון בפרט רבעון 4 9002 בארה"ב‬
  52. 52. ‫ולאן מכאן?‬
  53. 53. ‫בקרוב לכולנו יהיה סמרטפון...‬
  54. 54. ‫קטן‬ ‫רק פרגון‬
  55. 55. ‫שאלות?‬
  56. 56. ‫תודה!‬ ‫אודי סלנט ‪udi@salant.co.il‬‬ ‫מחלקת אינטרנט וממשקי משתמש‬ ‫פלאפון תקשורת בע"מ‬ ‫01.50.62‬

×