UXI Live 2011 lecture by Dr. Yaakov Greenshpan

3,830 views

Published on

UI lecture by Dr. Yaakov Greenshpan

Published in: Technology
  • Be the first to comment

UXI Live 2011 lecture by Dr. Yaakov Greenshpan

  1. 1. ‫הרבה פלטפורמות, משתמש‬‫אחד וראש כואב... של המתכנן‬ ‫ד"ר יעקב גרינשפן‬ ‫‪UI‬‬‫יום ה 54:51-00:51‬
  2. 2. ‫‪User Interface‬‬ ‫הרבה פלטפורמות, משתמש אחד וראש כואב. של המתכנן...‬ ‫ד"ר יעקב גרינשפן‬‫.‪© All rights reserved to UI – Human Factors Ltd‬‬
  3. 3. ‫אז, היה לנו כאן?‬ ‫על עולם הבעיה‬ ‫•‬ ‫על המשכיות, תואמות וניתוח תפקיד‬ ‫•‬ ‫על העיצוב והתכנון‬ ‫•‬ ‫....ואחרון חביב – ה ‪UX‬‬ ‫•‬‫.‪© All rights reserved to UI – Human Factors Ltd‬‬
  4. 4. ‫כל העולם כולו, גשר צר מאוד!‬‫(או, יש הרבה אתגרים שצריך לעבוד)‬
  5. 5. ‫העידן החדש‬© All rights reserved to UI – Human Factors Ltd.
  6. 6. ‫קיצור תסבוכת הטכנולוגיה‬© All rights reserved to UI – Human Factors Ltd.
  7. 7. PC - ‫קיצור תסבוכת המסכים‬ Screen Resolution 80 % of screen resolution 70 Higher 60 1024x768 50 800x600 40 640x480 30 Unknown 20 10 0 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2000© All rights reserved to UI – Human Factors Ltd.
  8. 8. ‫...וקיצור תסבוכת המסכים - ניידים‬© All rights reserved to UI – Human Factors Ltd.
  9. 9. Multi touch conference scheduling A combination of functionality and multi touch technology. UX, graphic design and xaml implementation for multi touch application. In this project we put the fun in function.© All rights reserved to UI – Human Factors Ltd.
  10. 10. ‫...וקיצור תסבוכת האינטראקציה‬ ‫עכבר סמן‬ ‫אצבע אחת‬ ‫שתי אצבעות‬ ‫יותר אצבעות‬ ‫מקלדת‬ 4:30 16:9 15:10 4:3 16:10 Honeycomb LION IOS Android Windows Android Blackberry HTC iPhone Laptop Tablet© All rights reserved to UI – Human Factors Ltd.
  11. 11. ‫והתסבוכת של מערכות ההפעלה‬© All rights reserved to UI – Human Factors Ltd.
  12. 12. ?‫ואולי תבוא הישועה משחקן אחד גדול‬© All rights reserved to UI – Human Factors Ltd.
  13. 13. ?‫ומה ההשפעה על התפעול האנושי‬ :‫במילהאחת‬ challenges© All rights reserved to UI – Human Factors Ltd.
  14. 14. ‫על המשכיות, תואמות וניתוח תפקיד‬
  15. 15. ‫שני מושגי יסוד‬ ‫• תואמות‬ ‫• המשכיות‬© All rights reserved to UI – Human Factors Ltd.
  16. 16. ?‫זו חווית שימוש אחידה‬ HD SporTracker Physical fitness measurement application Cross platform UX and graphic design for iPhone, iPad, website and many more© All rights reserved to UI – Human Factors Ltd.
  17. 17. ‫תואמות‬ :‫• תואמות‬ )Conceptual compatibility( ‫מושגית‬ – )Spatial compatibility( ‫מרחבית‬ – )Movement compatibility( ‫תנועה‬ – )Modality compatibility( ‫חושית‬ – ‫• עקביות ויזואלית‬ ‫• התאמה ברמת התפעול‬ ‫• מודל מנטאלי דומה עד זהה‬© All rights reserved to UI – Human Factors Ltd.
  18. 18. Pahhhhh - ‫אגב תואמות חושית‬© All rights reserved to UI – Human Factors Ltd.
  19. 19. ‫תגיד, דומה זה תמיד טוב?!‬ ‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬ ‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬ ‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫ויזואליזציה‬ ‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬ ‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫שונה‬ ‫דומה‬ ‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬ ‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫אפס / חיובית‬ ‫חיובית‬ ‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬ ‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫דומה‬ ‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬ ‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫תגובה‬ ‫שלילית!‬ ‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬ ‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬ ‫‪N/A‬‬ ‫שונה‬ ‫0) (-0 (-)0( 0 (-)0(-) (-)0(-) 0- 0(-)‬ ‫(- 0 ) 0 -) 0 0 0 0 ( ) 0‬‫.‪© All rights reserved to UI – Human Factors Ltd‬‬
  20. 20. ‫הדגמה להעברה שלילית‬Paste – Copy – Paste – Copy – Pa© All rights reserved to UI – Human Factors Ltd.
  21. 21. ‫מודל מנטאלי. נעים להכיר!‬ ‫הדואר בא היום / ב ‪ GMAIL‬האדום / הביא איתו מכתב‬ ‫– מכתב מחו"ל.‬ ‫מסקנה – להכנס‬ ‫למעלית!‬‫.‪© All rights reserved to UI – Human Factors Ltd‬‬
  22. 22. ‫התאמה לפלטפורמות מרובות‬© All rights reserved to UI – Human Factors Ltd.
  23. 23. ‫הממד השני של החוויה הרציפה - המשכיות‬ ‫• תפקיד המשתמש, נתמך בין סביבות שונות‬ ‫• המטלה "עוברת" וממשיכה בין סביבות‬‫.‪© All rights reserved to UI – Human Factors Ltd‬‬
  24. 24. ‫אפשר לראות את זה ככה‬© All rights reserved to UI – Human Factors Ltd.
  25. 25. ?‫זוכרים, ניתוח זיקות‬ 10% 25%© All rights reserved to UI – Human Factors Ltd.
  26. 26. ‫וגם, החלטה על מאפייני המוצר כנגזרת‬ ‫מניתוח התפקיד‬ ‫טאבלט‬ ‫‪PC‬‬ ‫אייפון‬ ‫כן‬ ‫כן‬ ‫כן‬ ‫מה חדש?‬ ‫כן‬ ‫‪BlackBerry‬‬ ‫אייפון כן‬ ‫כן‬ ‫קריאת דואל‬ ‫כן אולי‬ ‫כן כן‬ ‫אולי‬ ‫שמירת קובץמה חדש?‬ ‫מצורף‬ ‫כן כן‬ ‫כן כן‬ ‫כן‬ ‫מענה על קריאת דואל‬ ‫דואל‬ ‫כן אולי‬ ‫אולי כן‬ ‫ייזום דואל שמירת קובץ מצורףכן‬ ‫חדש "דחוף"‬ ‫כן אולי‬ ‫כן כן‬ ‫אולי‬ ‫ייזום דואל מענהרגילדואל‬ ‫חדש " על "‬ ‫כן אולי‬ ‫כן כן‬ ‫למחוק דואל ייזום דואל חדש "דחוף"‬ ‫אולי‬ ‫כן כן‬ ‫אולי כן‬ ‫לאתר דואל ייזום דואל חדש "רגיל"‬ ‫אולי‬ ‫ישן באמת‬ ‫כן‬ ‫אולי‬ ‫למחוק דואל‬ ‫כן‬ ‫אולי‬ ‫לאתר דואל ישן באמת‬‫.‪© All rights reserved to UI – Human Factors Ltd‬‬
  27. 27. ‫יצירת מעורבות: הכלכלה של ממשק‬ )Ming & Andreas( ‫המשתמש‬ COST – REWARD – RISK© All rights reserved to UI – Human Factors Ltd.
  28. 28. ‫על עיצוב והתכנון‬
  29. 29. www.ui.co.il/demo
  30. 30. ‫אבל, יש עוד המון שיקולים של עיצוב!‬ ‫לפעמים, אין ברירה, אלא לעשות כמה גרפיקות‬ ‫•‬ ‫לכמה רזולוציות שונות‬ ‫...וגם עיצוב ‪ Landscape‬ו ‪Portrait‬‬ ‫•‬ ‫‪ – FLASH‬זה כואב, כל עוד אפל עוברת על הדיבר‬ ‫•‬ ‫ה 11...‬ ‫מאיזו פלטפורמה מתחילים?‬ ‫•‬ ‫תאורה... ‪ Smartphone‬הם גם לשמש!‬ ‫•‬ ‫• ומשפט המחץ...תעשה לי אייפון!‬‫.‪© All rights reserved to UI – Human Factors Ltd‬‬
  31. 31. ‫ואחרון חביב... ה-‪UX‬‬
  32. 32. !‫יונתן, לך על הביט‬ ‫פס‬ ‫עץ‬ ‫אפ‬ ‫רץ‬ ‫בה‬ ‫בו‬© All rights reserved to UI – Human Factors Ltd.
  33. 33. FLOW ‫רעיון ה‬ Csikszentmihalyi & Rathunde, 1993 Keeping myself in a “Zone” • "Feeling of “Flow • an activity with clear goals • good feedback • a close match between the difficulty of the task and the • ability of the user.© All rights reserved to UI – Human Factors Ltd.
  34. 34. ‫מי ידע דרך נשר בשמיים‬© All rights reserved to UI – Human Factors Ltd.
  35. 35. ...‫נסיון חביב לתנועה, אבל‬© All rights reserved to UI – Human Factors Ltd.
  36. 36. ?‫הפתרון‬ ‫< --- > תנועה כפידבק בלבד‬ ‫תנועה כניווט‬© All rights reserved to UI – Human Factors Ltd.
  37. 37. User Interface !‫תודה‬ ‫ד"ר יעקב גרינשפן‬© All rights reserved to UI – Human Factors Ltd.

×