Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
‫‪UX‬‬   ‫סודות‬
 ‫מאחורי הקלעים של‬
‫השקת האייפון בישראל‬
‫דרך 2 נקודות עובר קו ישר אחד...‬




       ‫שיווק‬                                     ‫רפרנט‬     ‫מנהל‬     ‫תשתיות מנ...
‫20 06 42 09‬

‫הספירה לאחור התחילה...‬
‫אז איך מתכננים לאייפון?‬
‫אבל רגע לפני,‬
‫מה היה פה לפני האייפון...?‬
    ‫האייפון השתלב ב-‪) EcoSystem‬מערכת‬
 ‫אקולוגית( קיימת שהתפתחה מעל 02 שנה...
‫‪ | EcoSystem‬מערכת אקולוגית‬
‫‪The Cellular EcoSystem‬‬

         ‫משתמשים‬

           ‫שירותים‬

         ‫אפליקציות‬

   ‫מערכות הפעלה )ציוד קצה(‬

...
‫02 שנה, לך תזכור...‬


     ‫‪3Gs‬‬




‫9002 0102‬   ‫7002‬   ‫4002‬   ‫2002‬     ‫8991‬   ‫0991‬
‫תקציר... אבולוציית המכשירים בתחום ה-‪Mobile‬‬




          ‫‪Touch‬‬           ‫‪Smart‬‬           ‫‪Feature‬‬        ‫‪...
‫האבולוציה של יכולות ממשקי המשתמש בסלולר‬
‫ובואו נתמקד בהתפתחות אתרי ה-‪Wap‬‬
‫הפורטל הסלולרי )‪ (Wap‬של פלאפון‬
‫דוגמאות לאתרים סלולריים )‪ (Wap‬נוספים‬
‫גדלי מסך במכשירים השונים‬




                ‫הנתונים עדכניים לסוף 9002‬
‫מה המשמעות...? הרבה גרסאות‬
‫מומלץ להתחיל בגודל ברירת מחדל )אמצעי(‬
‫אפליקציות מובילות בקטלוג ההורדות‬
‫‪The Cellular EcoSystem & the Iphone‬‬
                ‫משתמשים‬

                  ‫שירותים‬

                ‫אפליקציות...
‫20 06 42 09‬

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




                     ‫מרבית הלקוחות שלנו‬
                          ‫בפלאפון מכיר...
‫מסך גדולללל‬




         ‫הנתונים עדכניים לסוף 9002‬
‫זה לא ‪ wap‬וזה לא ‪...web‬‬




  ‫עולם חדש נפתח‬
FromWap >
To Mobile Web
‫איך טעינו פעם...‬




      ‫‪MicroSoft Bob‬‬           ‫אתר חברת תעופה,‬     ‫נוכחות באינטרנט‬
    ‫מערכת הפעלה היא‬    ...
‫לסלולר חוקים משלו...‬


      ‫• המשתמשים נמצאים בריכוז חלקי ובסביבה‬
                    ‫שעלולה ליצור להם הפרעות.‬
 ‫• ...
‫היכן אתם משתמשים בפלאפון...)מלבד שיחות(‬




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




                           ‫‪Rachel Hinman- adaptive path‬‬
From Wap To Mobile Web




                     www.brianfling.com
From Wap To Mobile Web




                     www.brianfling.com
‫בסלולר צריכים להיות יותר רגישים לכמות הפיטשרים‬




     ‫5002 ‪Kathy Sierra’s Blog, post from June‬‬   ‫אפלקציות / אתרים...
‫דוגמא "פלאפונית" מס' 1‬

       ‫צריכים גיבוי?‬
         ‫אפליקציית "גיבוי הפלאפון שלי",‬
  ‫מכשירים שונים, ממשקי משתמש ש...
‫ההבדל בין ממשקי ‪ Java‬ו-‪ - Symbian‬אפלקציה לגיבוי הפלאפון‬




                                                        ...
‫ואותה אפליקציה באייפון‬
‫נו...אז מה עדיף?‬




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




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




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




         ‫?‬
Yahoo Mobile-‫אולי אפשר ללמוד מ‬




Yahoo 2008    Yahoo 2009   Yahoo 2010   Yahoo 2010
‫נו...עכשיו איזה עמוד ראשי, עדיף?‬




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




‫‪http://www.feng-gui.com‬‬
‫דוגמא "פלאפונית" מס' 3‬
 ‫לשמוע מוסיקה...‬
Musix ‫ממשק משתמש שירות‬




                         Java- Symbian
                         Iphjone
‫עיצוב, ‪ Ui‬ו- ‪ Ux‬בודקים במסך הסופי!‬




 ‫‪‬‬                        ‫‪‬‬
‫‪ Ui‬בודקים גם במוקאפ!‬
‫לסיכום...‬
Crossing the Chasm
    "‫"לחצות את התהום‬
‫זהירות...תהום!‬




                            ‫‪http://en.wikipedia.org/wiki/Crossing_the_Chasm‬‬




   ‫כדי ליצור חוו...
‫נו... עם האייפון אפשר לחצות את התהום?‬




                                                         ‫‪ ‬כן‬
            ...
‫ולאן מכאן?‬
‫בקרוב לכולנו יהיה סמרטפון...‬
‫קטן‬   ‫רק פרגון‬
‫שאלות?‬
‫תודה!‬
   ‫אודי סלנט ‪udi@salant.co.il‬‬
‫מחלקת אינטרנט וממשקי משתמש‬
        ‫פלאפון תקשורת בע"מ‬
                      ...
סודות יו איקס: מאחורי הקלעים של השקת האייפון בישראל
סודות יו איקס: מאחורי הקלעים של השקת האייפון בישראל
Upcoming SlideShare
Loading in …5
×

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

2,334 views

Published on

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

  • Be the first to comment

  • Be the first to like this

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

  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‬

×