Shown at UXI Live 2011, the premier UX conference in Israel, by Barak Danin, founder of UXI and UXSchool.co.il

1. ‫אישי, צמוד ומהשטח:‬
‫חוויית משתמש באתרים לסמארטפון‬
‫ברק דנין‬
‫‪UXschool.co.il‬‬
‫יום ה' 54:01-00:01‬

3. ‫ברק דנין‬

8. ‫מה יש לכם?‬

13. ‫אנחנו עוברים שינוי‬
‫גדול ומשמעותי‬
‫/8592690293/20‪www.flickr.com/photos/33465428@N‬‬

14. "‫עד לא מזמן, היינו "גולשים באינטרנט‬
www.flickr.com/photos/mikebaird/2922788582/

15. ‫פעילות שגרתית בסביבה די צפויה‬
www.flickr.com/photos/gordon_landon/1385041796//

16. ‫על מכשירים מוכרים וידועים‬
‫מראש (פחות או יותר)‬
‫/1795662442/‪www.flickr.com/photos/lemon‬‬

17. ‫"תוך 5 שנים יותר אנשים ישתמשו באינטרנט דרך מכשירים‬
‫ניידים מאשר דרך מחשבים ביתיים"‬
‫מורגן סטנלי, 0102‬
‫אותו הדבר, אבל עד 3102‬
‫גרטנר, 0102‬
‫0102 ,4‪ :Q‬יותר סמארטפונים ממחשבים אישיים‬
‫לוק רובלוסקי, מאי 1102‬
‫(כנס ‪)Mobilism‬‬
‫‪Gartner: http://bit.ly/nrR5qQ, Shmidt+Morgan: http://bit.ly/qqp9iI‬‬

18. 77%-‫ב-0102 היה טלפון נייד ל‬
!‫מכלל אוכלוסיית העולם‬
http://bit.ly/pkORZZ , ITU:‫מקור‬ www.flickr.com/photos/kahunapulej/3517330518/

19. ‫עבור חלק זו הדרך‬
‫היחידה לגשת לאינטרנט‬
‫/3348329262/‪www.flickr.com/photos/vilseskogen‬‬

20. .‫המחירים יורדים כל הזמן‬
‫תוך שנתיים-שלוש‬
‫ יחליפו את‬Smartphones-‫ה‬
Feature Phones-‫ה‬
www.flickr.com/photos/triciawang/2152683240//

21. $80 smartphone has found its way
“So far, this
into the hands of 350,000+ Kenyans,
an impressive sales number in a country where
40% of the population lives on
less than two dollars a day. “
Article: http://bit.ly/nLR9C8 Tag: www.flickr.com/photos/abbyladybug/1253054966/

23. ‫אנחנו מחוברים כל הזמן ומכל מקום‬
www.flickr.com/photos/vilseskogen/2629238433/

24. ‫"אופליין זה כשהסוללה שלי מתה"‬
‫איל שחר, 0102 ‪UXI Live‬‬

25. ‫הקשר - ‪Context‬‬
‫מסך מגע קטן‬
‫יד אחת‬
‫מרחב ציבורי‬
‫מעט זמן פנוי‬
‫הסחות דעת מבית ומחוץ‬
‫המסקנה (?):‬
‫תוכן פשוט ומצומצם. רק‬
‫מה שחייבים "בשטח"‬
‫7272046324/‪www.flickr.com/photos/yourdon‬‬

26. ...‫%08 - כשיש סתם כמה דקות להעביר‬
Compete quarterly - http://blog.compete.com/2010/03/12/smartphone-owners-a-ready-and-willing-audience/

27. ‫%93 בשירותים‬
Google Mobile Movement: http://bit.ly/olzEGL www.flickr.com/photos/paulk/5217304095/

28. ‫%39 מהבית‬
‫%68 בזמן שצופים בטלוויזיה‬
‫מתוכם %52 על דברים‬
‫שקשורים לתוכן שצופים בו‬
Google Mobile Movement: http://bit.ly/olzEGL
Yahoo Mobile Shopping Framework: http://yhoo.it/qDNNpF www.flickr.com/photos/modenadude/5310990259/

29. ‫%96 מחקר בזמן קניה בחנות‬
Compete quarterly
http://bit.ly/pq2El9/ www.flickr.com/photos/paulk/5217304095/

30. ‫המאהב הלא כל-כך‬
‫סודי של אשתי‬

31. ‫ה-‪ :Scenario‬הזמנת‬
‫חברה לאירוע בפייסבוק‬
‫ָ‬

32. ‫ה-‪ :Scenario‬הזמנת‬
‫חברה לאירוע בפייסבוק‬
‫ָ‬
‫"האפליקציה של‬
‫פייסבוק גרועה... היא‬
‫ממש מצומצמת לעומת‬
‫הפייסבוק הרגיל"‬

33. ‫אתר לסמארטפון של חברת תעופה‬
‫ההקשר: הם בטח נכנסו‬
‫מהסמארטפון כי הם רוצים‬
‫לעשות צ'ק אין. לכן אין‬
‫צורך בהזמנת כרטיסים (?)‬
‫ארזת לבד?‬
‫/‪http://mark-kirby.co.uk/2011/the-mobile-context‬‬ ‫/166396835/‪www.flickr.com/photos/noodlepie‬‬

34. Virgin Atlantic
...‫הבינו שזו טעות‬
Fold

35. ‫אתר של רשת חנויות בגדים‬
‫ההקשר: הם בטח נכנסו‬
‫מהסמארטפון כי הם‬
‫מחפשים את הסניף‬
‫הקרוב. אז ניתן להם רק‬
‫כתובות וטלפונים על-גבי‬
‫מפה (?)‬
‫/5976754444/‪www.flickr.com/photos/epsos‬‬

36. ‫‪Old Navy‬‬
‫איתור חנות: חשוב,‬
‫אבל יש גם את כל‬
‫הקטגוריות‬
‫איתור חנות‬
‫קטגוריות יורדות‬
‫קטגוריות‬
‫למטה, אבל עדיין‬
‫‪Fold‬‬
‫מעל ל-‪Fold‬‬

37. ‫אל תנסו לקרוא את מחשבות‬
‫המשתמשים. בצעו מחקר‬
‫וסננו/תעדפו לפי תוצאותיו‬
‫לא בהכרח נדרשים פחות תוכן או‬
‫יכולות באתר לסמארטפון,‬
‫בהחלט נדרש תיעדוף‬
‫1705116575/40‪/www.flickr.com/photos/33498942@N‬‬

38. ‫סמארטפון: פלטפורמה ל-‪Web‬‬
‫אין ‪ ,Hover‬יש מגע‬
‫נדרש משוב‬
‫/6984060754/‪www.flickr.com/photos/remus‬‬

39. ‫סמארטפון: פלטפורמה ל-‪Web‬‬
‫אין ‪ ,Hover‬יש מגע‬
‫נדרש משוב‬
‫גודל מינימלי למגע‬
‫/6984060754/‪www.flickr.com/photos/remus‬‬

40. ‫גודל מינמאלי למגע‬
‫7 מ"מ, מומלץ 9 מ"מ‬
http://www.flickr.com/photos/lapideo/5401015128/

41. ‫שמאלה‬ ‫ימינה‬

42. ‫שמאלה‬ ‫ימינה‬

43. ‫סמארטפון: פלטפורמה ל-‪Web‬‬
‫אין ‪ ,Hover‬יש מגע‬
‫נדרש משוב‬
‫גודל מינימלי למגע‬
‫מחוות?‬
‫התייחסות למערכת‬ ‫ספריות: ‪,jQuery Mobile ,Sencha‬‬
‫הפעלה ספציפית‬ ‫‪Titanium Mobile , jQTouch‬‬

44. ‫סמארטפון: פלטפורמה ל-‪Web‬‬
‫אין ‪ ,Hover‬יש מגע‬
‫נדרש משוב‬
‫גודל מינימלי למגע‬
‫מחוות?‬
‫ספריות: ‪,jQuery Mobile ,Sencha‬‬
‫‪Titanium Mobile , jQTouch‬‬
‫סיבוב, מיקום‬

47. ‫סמארטפון: פלטפורמה ל-‪Web‬‬
‫גדלי מסך שונים‬
‫/9431411406/‪www.flickr.com/photos/jpott‬‬

48. http://theme.fm/2011/07/mobile-user-interface-design-considerations-837/

49. Web-‫סמארטפון: פלטפורמה ל‬
‫גדלי מסך שונים‬
Responsive Design
www.flickr.com/photos/jpott/6041141349/

50. ‫סמארטפון: פלטפורמה ל-‪Web‬‬
‫גדלי מסך שונים‬
‫‪Responsive Design‬‬
‫מהירות משפיעה על רווח‬
‫/9431411406/‪www.flickr.com/photos/jpott‬‬

51. ‫מהירות משפיעה על רווח‬
‫אמזון: 1.0 שניה = %1 ירידה בהכנסות‬
‫יאהו: 4.0 שניה = %9-5 יותר נוטשים לפני‬
‫טעינה מלאה של העמוד‬
‫גוגל: 5.0 שניה = %02 ירידה בהכנסות‬
‫‪slideshare.net/stubbornella/designing-fast-websites-presentation‬‬ ‫/7664115394/‪www.flickr.com/photos/jondresner‬‬

52. ‫אל תשכחו את העיצוב...‬

53. http://moiremarketing.mobi

54. www.quaintology.com/mobile

55. http://m.creativecarlos.com

56. www.hobsonrealtors.com/mobile

57. m.panerabread.com

58. ‫איך עוברים מאתר דסקטופ לאתר מובייל?‬

60. ‫איתור חנויות: יותר גבוה בהיררכיה, פעמיים‬

61. ‫ניווט גלובאלי מצומצם‬

62. ‫לוגו בסמארטפון - רק בניווט הגלובאלי‬

63. ‫רוב שטח העמוד מוקדש לקטגוריות, משוטחות‬

64. ‫מבצעים מהאתר הרגיל לא מופיעים בסמארטפון‬

65. ‫חיפוש: מפורש, פעמיים, בראש ובתחתית‬

66. ‫הפניה לאתר המובייל ובחזרה‬

67. ‫ותרו בשמחה על פרסומות,‬
‫אימג'ים קישוטיים ועומס חזותי‬
‫רבים יגללו למטה אבל ה-‪Fold‬‬
‫עדיין חשוב (היררכיה)‬
‫חיפוש בתחתית כל עמוד –‬
‫במיוחד באתרי ‪browsing‬‬
‫תנו גישה לאתר המלא ובחזרה‬
‫/2455866604/‪www.flickr.com/photos/photocrusher‬‬

68. !‫תודה‬
www.uxschool.co.il
barak@uxschool.co.il