סדנת פרסונות עדוא שביט Uxi live 2011

5,121 views

Published on

סדנת פרסונות ותסריטי משתמש במסגרת UXi Live 2011

Published in: Design
  • Be the first to comment

סדנת פרסונות עדוא שביט Uxi live 2011

  1. 1. ‫פרסונות וסיפורי משתמש: בסיס‬ ‫חזק לחוויית משתמש מעולה‬ ‫עדוא שביט‬‫יום ד 03:21-00:90‬
  2. 2. ‫תרגיל‬ ‫• קיבלתם פרויקט לאפיין אתר‬ ‫לכנס חוויית משתמש‬ ‫• איך תתחילו?‬ ‫2‬‫‪www.pixmac.com‬‬
  3. 3. ‫תרגיל‬ ‫• מהו הערך המתבקש עבור‬ ‫בעל האתר‬ ‫• מהו הערך המתבקש עבור‬ ‫מבקר האתר?‬ ‫• קחו 3 דקות, נייר וכלי כתיבה,‬ ‫ותרשמו את הערכים (תועלות)‬ ‫עבור המבקר באתר‬ ‫3‬‫‪www.pixmac.com‬‬
  4. 4. ‫שתפו‬‫3 הפריטים הראשונים ברשימה שלכם‬ ‫•‬ ‫מה עבר לכם בראש?‬ ‫•‬ ‫איך גיבשתם את הערך עבור‬ ‫•‬ ‫המשתמש?‬ ‫איך גיבשתם את רשימת הצרכים?‬ ‫•‬ ‫מי הסתכל סביב, וניסה לבחון את‬ ‫•‬ ‫הסובבים אותו?‬ ‫ומה אם היינו מדברים על כנס לגיל‬ ‫•‬ ‫הזהב?‬ ‫או על כנס למכונאי מטוסים?‬ ‫•‬ ‫4‬
  5. 5. ‫מה נעשה היום‬ ‫נלמד על פרסונות‬‫מה הן פרסונות, למה הן טובות, מהו תהליך היצירה,‬ ‫ואיך משתמשים בהן.‬ ‫נלמד על תסריטי שימוש - מהם תסריטי שימוש,‬ ‫כיצד כותבים אותם, ואיך מנתחים אותם.‬ ‫5‬
  6. 6. ‫מי אתם?‬ ‫6‬
  7. 7. ‫אני עדוא‬ ‫• יועץ חווית משתמש, שמישות ושימושיות, מאפיין ומעצב אינטראקציה‬‫• מנחה במכון הטכנולוגי בחולון, מנחה ומרצה בארגון ‪ ,UPA Israel‬מנחה ב ‪UX‬‬ ‫‪School‬‬ ‫• מלמד תוכנות ואתרים כיצד להתנהג מעל ל81 שנה.‬‫0002-2991‬ ‫4002-0002‬ ‫6002-4002‬ ‫---7002‬‫‪Tabula‬‬ ‫7‬
  8. 8. ‫מיהו ה"משתמש"?‬ ‫8‬
  9. 9. ‫כולם?‬ ‫• זה לא אתה, וזאת לא את. כן, גם באתר לכנס חוויית‬ ‫משתמש – אלו לא אתם.‬‫• בניגוד למה שנהוג לחשוב, אפיון עבור משתמשים רבים‬ ‫יכול להרוס יותר מאשר לתרום‬ ‫9‬
  10. 10. ‫דרוש מיקוד‬‫• ככל שנתמקד, נקבל מוצר נכון‬ ‫יותר, הדוק יותר, מוצלח יותר‬ ‫• (מוצר = אפליקציה או אתר)‬ ‫• הפרסונה הינה אחד מהכלים‬ ‫שמאפשרים לנו להתמקד‬ ‫במשתמש‬ ‫01‬
  11. 11. ‫קצת היסטוריה‬‫• פרסונות הומצאו על ידי אלן קופר‬ ‫• מוזכרות לראשונה בספרו‬ ‫‪The Inmates Are Running‬‬ ‫‪)1999(the Asylum‬‬ ‫• לקח אותם צעד קדימה בספרו‬ ‫2 ‪.)2003( About Face‬‬ ‫21‬
  12. 12. ‫אלן קופר‬ ‫31‬
  13. 13. ‫אז מהי בעצם פרסונה‬‫פרסונה היא פרופיל מייצג של‬ ‫התנהגות ופעילות‬ ‫סביב מטרות‬ ‫בהקשר, יישום ו/ או שירות‬ ‫ספציפיים‬ ‫41‬
  14. 14. ‫אז מהי בעצם פרסונה‬‫פרסונה היא פרופיל מייצג של‬ ‫התנהגות ופעילות,‬‫סביב מטרות בהקשר ספציפי‬ ‫51‬
  15. 15. ‫אז מהי בעצם פרסונה‬ ‫פרסונה היא פרופיל‬ ‫מייצג‬ ‫המשמש‬ ‫מצפן לקבלת החלטות‬ ‫61‬‫/‪http://www.flickr.com/photos/typicalgenius‬‬
  16. 16. ‫תרגיל‬‫• אוקי, אז עכשיו שיש לנו יותר ידע‬ ‫על מטרות הפרסונה, תארו לי‬ ‫פרסונה עבור הפרויקט שלנו –‬ ‫פרסונה לאתר לכנס לחוויית‬ ‫משתמש‬ ‫• 4 דקות‬ ‫71‬‫‪www.pixmac.com‬‬
  17. 17. ‫רגע, איך בכלל עושים את זה?‬ ‫• מי רוצה להראות?‬‫• אילו שאלות עלו לכם בראש?‬ ‫• אילו פרטים חשובים?‬ ‫81‬
  18. 18. ‫מטרות הפרסונה‬ ‫91‬
  19. 19. ‫מטרות הפרסונה‬ ‫• תהליך לימודי (לנו ולשאר‬ ‫צוות)‬ ‫על המוצר, על המשתמש, ועל‬ ‫השימוש במוצר. עוזרת לצוות‬ ‫להתמקד ולגבש אסטרטגית מוצר‬ ‫• סיכום מחקר‬ ‫הרבה יותר קל לקרוא מספר עמודי‬‫פרסונה מלעבור ולקרוא את כל מחקר‬ ‫המשתמשים שנעשה.‬ ‫02‬
  20. 20. ‫מטרות הפרסונה‬‫• מצפן לקבלת החלטות‬ ‫מערכת תמיכה בהחלטות מוצר‬ ‫• אמפטיה‬ ‫עוזרת להגיע לאפיון ועצוב מתוך‬ ‫אמפטיה וחמלה, ולא מתוך אגו‬ ‫12‬
  21. 21. ‫מטרות הפרסונה‬ ‫• אמפטיה‬ ‫אפיון ועצוב מתוך ראיית צרכי‬ ‫המשתמש, לא מתוך אגו‬ ‫22‬‫72364883/‪http://www.flickr.com/photos/cproppe‬‬
  22. 22. ‫וגם‬ ‫הימנעות ממשתמש אלסטי‬ ‫•‬ ‫הימנעות ממקרי קצה‬ ‫•‬‫יכולת מדידה של איכות הפתרון‬ ‫•‬ ‫תרומה להיבטים אחרים של‬ ‫•‬ ‫המוצר (שיווק, מכירות)‬ ‫42‬
  23. 23. ‫מה אנחנו רוצים לדעת?‬ ‫פחדים‬ ‫•‬ ‫מי?‬ ‫•‬ ‫תסכולים‬ ‫•‬ ‫יעדים (מטרות)‬ ‫•‬ ‫העדפות‬ ‫•‬ ‫מניעים‬ ‫•‬ ‫יכולות‬ ‫•‬ ‫צרכים‬ ‫•‬‫קלט (מקורות מידע)‬ ‫•‬ ‫רצונות‬ ‫•‬ ‫פלט (תוצרים)‬ ‫•‬ ‫הרגשות‬ ‫•‬ ‫שימוש‬ ‫•‬ ‫השפעות‬ ‫•‬ ‫52‬
  24. 24. ‫היכן משתמשים בפרסונות?‬‫כלי בשיחות עם הצוות (צוות המוצר, צוות הפיתוח)‬ ‫•‬ ‫תסריטי משתמש‬ ‫•‬ ‫קדימויות ותהליכים‬ ‫•‬ ‫בדיקות ואישוש החלטות‬ ‫•‬ ‫בדיקה של המוצר מול היעדים של הפרסונות‬ ‫•‬ ‫כלי עזר בגיוס משתמשים לבחינות שמישות‬ ‫•‬ ‫62‬
  25. 25. ‫דוגמאות‬ ‫72‬
  26. 26. ‫קצת דוגמאות‬‫הפרויקט – אפליקציה לניהול בטיחות ועמידה בתקן‬ ‫עבור בסיסי נתונים.‬ ‫82‬
  27. 27. ‫פטריק באאר‬ ‫פרטים אישיים‬ ‫92‬
  28. 28. ‫פטריק באאר‬ ‫פרטי תפקיד‬ ‫03‬
  29. 29. ‫פטריק באאר‬ ‫כלים ומדיה‬ ‫13‬
  30. 30. ‫פטריק באאר‬‫מטרות אפליקטיביות‬ ‫23‬
  31. 31. ‫פטריק באאר‬‫יעדים ותחושות‬ ‫33‬
  32. 32. ‫קצת דוגמאות‬‫הפרויקט – אפליקציה שמאפשר גיבוי של תכנים של‬ ‫קבוצת עבודה לענן.‬ ‫43‬
  33. 33. ‫קלארק סויאר‬ ‫שם, תמונה‬ ‫53‬
  34. 34. ‫קלארק סויאר‬ ‫פרטים אישיים‬ ‫63‬
  35. 35. ‫קלארק סויאר‬‫יעדים, תחושות‬ ‫73‬
  36. 36. ‫קלארק סויאר‬ ‫כלים, מדיה‬ ‫83‬
  37. 37. ‫תבנית לפרסונה‬ ‫93‬
  38. 38. ‫מבנה פרסונה -‬ ‫תלוי באופי הפרויקט‬ ‫•‬ ‫תלוי בהבנה שלנו את עולם‬ ‫•‬ ‫התוכן של הפרויקט‬ ‫תלוי בכמות הידע שלנו על‬ ‫•‬ ‫המשתמשים‬‫רק מה שישמש אותנו כמצפן‬ ‫•‬ ‫להחלטות‬ ‫04‬
  39. 39. ‫מבנה פרסונה – פרטים אישיים‬ ‫נתחיל בפרטים דמוגרפים:‬ ‫– תמונה‬ ‫– שם‬ ‫– גיל‬ ‫– ציטוט (בהקשר)‬ ‫– מקצוע, מקום עבודה‬ ‫– מצב משפחתי‬ ‫14‬
  40. 40. ‫שם‬‫• עוזר להתחבר לפרסונה כמו אל אדם אמיתי‬ ‫• מומלץ:‬ ‫– שם שקל לזכור‬ ‫– לא שם של מישהו מוכר‬ ‫– לא שם סטריאוטיפי או מתחכם‬‫• כמו "שולה מעפולה" או "מייק אפ" או "רוב בוטריק"‬ ‫– לא תפקיד או מאפיין אישיותי‬ ‫• "המהנדס" או "ישנוני" הם לא שמות טובים.‬ ‫24‬
  41. 41. ‫תמונה‬ ‫אנשים אמיתיים, לא מאוירים או‬ ‫•‬ ‫בובות.‬ ‫רצוי שהתמונה תהיה בתנוחה‬ ‫•‬ ‫טבעית, "מהחיים", מתוך‬ ‫ההקשר‬ ‫לא ‪Stock Photography‬‬ ‫•‬‫‪© iStockPhoto.com‬‬ ‫‪CC by bschmove‬‬ ‫‪ Flickr.com‬מקור מצויין‬ ‫•‬ ‫לתמונות‬ ‫• לא מישהו מוכר כמו שחקן,‬ ‫פוליטיקאי, סלב אחר‬ ‫• לא של מישהו שמוכר לצוות‬ ‫התכנון‬ ‫‪CC by Mr TGT‬‬ ‫34‬
  42. 42. ‫ציטוט‬‫• מסכם במשפט או שניים‬ ‫את מערכת היחסים בין‬ ‫הפרסונה למוצר או‬ ‫לשרות‬ ‫• נובע מהפרסונה, לא‬ ‫מהמוצר‬ ‫44‬
  43. 43. ‫מבנה פרסונה - יעדים‬ ‫– יעדים חווייתיים‬ ‫– יעדים אפליקטיביים‬ ‫54‬‫‪Allan Faustino on Threadless‬‬
  44. 44. ‫יעדים חווייתיים‬ ‫• כיצד רוצה הפרסונה להרגיש:‬ ‫– לא להרגיש מטומטם‬ ‫– להצטייר כמקצוען‬ ‫– להתגבר על פחדים‬ ‫– להרגיש בעל יכולת, בעל כח‬ ‫– להצטייר כמיוחד‬ ‫64‬‫/916768812/‪http://www.flickr.com/photos/bnorthern‬‬
  45. 45. ‫מבנה פרסונה – יעדים אפליקטיביים‬ ‫באפליקציה לניהול פרויקטים‬ ‫יוסי מעונייין לסיים פרויקט בהצלחה,‬ ‫בכלי לניהול צוותי מכירה‬ ‫יפעת רוצה להבין מי יעיל בצוות המכירות‬ ‫באתר הזמנת מזון‬‫אפרת מעוניינת להזמין את המנה שאוהבת‬ ‫74‬
  46. 46. ‫מבנה פרסונה – יעדים אפליקטיביים‬ ‫ברשת חברתית פנים ארגונית‬‫אלי רוצה לקבל פידבק מהבוס על הפרויקט.‬ ‫בכלי לניהול צוותי מכירה‬ ‫יפה רוצה לקבל קרדיט ועמלה על המכירה,‬ ‫בשרות ניתוח נתונים‬ ‫חיימון רוצה להציג תכנון לרבעון הבא,‬ ‫84‬
  47. 47. ‫ודוגמאות אחרות לתבניות פרסונה‬ ‫94‬
  48. 48. ‫קצת דוגמאות‬‫הפרויקט – אתר למתחתנים.‬ ‫05‬
  49. 49. ‫דוגמאות אחרות‬ 51http://darmano.typepad.com/logic_emotion/customer_experience/
  50. 50. ‫ודוגמא קצת יותר מורכבת‬ 52http://www.werner-puchert.com/wp-content/uploads/2008/07/persona_todd-zaki1.jpg
  51. 51. ‫סרגלי איכות‬ ‫35‬
  52. 52. ‫סרגלי איכות (לדוגמה)‬‫אדיש‬ ‫סקרן‬‫חסר סבלנות‬ ‫סבלני‬‫מוכוון שרות‬ ‫מוכוון תוכן‬‫מוכוון צרכים‬ ‫מוכוון בילוי‬‫מסרב ללמוד‬ ‫לומד מהר‬‫מאותגר ממשקים‬ ‫מבין ממשקים‬‫מתפתה‬ ‫מאופק‬ ‫45‬
  53. 53. ‫פרסונה – חלק מתהליך‬ ‫• כלי, לא מטרה‬ ‫• חלק מתהליך‬ ‫55‬
  54. 54. ‫תהליך האפיון‬ ‫01. סטוריבורד‬ ‫רעיון‬ ‫1.‬ ‫11. מוקאפ‬ ‫מטרות - עסקיות,‬ ‫2.‬ ‫21. בדיקות‬ ‫מיצוביות, חווייתיות‬‫31. אב-טיפוס (פרוטוטייפ)‬ ‫מחקר‬ ‫3.‬ ‫41. אפיון מפורט‬ ‫פרסונות‬ ‫4.‬ ‫תסריטים וסיפורי שימוש 51. פיתוח ועיצוב‬ ‫5.‬ ‫(עשוי להיות במקביל)‬ ‫סקיצות מהירות‬ ‫6.‬ ‫61. בדיקות‬ ‫מסכים שלדיים‬ ‫7.‬ ‫ארכיטקטורת מידע‬ ‫8.‬ ‫תרשימי זרימה‬ ‫65 9.‬
  55. 55. ‫תהליך האפיון‬ ‫01. סטוריבורד‬ ‫רעיון‬ ‫1.‬ ‫11. מוקאפ‬ ‫מטרות - עסקיות,‬ ‫2.‬ ‫21. בדיקות‬ ‫מיצוביות, חווייתיות‬‫31. אב-טיפוס (פרוטוטייפ)‬ ‫מחקר‬ ‫3.‬ ‫41. אפיון מפורט‬ ‫פרסונות‬ ‫4.‬ ‫תסריטים וסיפורי שימוש 51. פיתוח ועיצוב‬ ‫5.‬ ‫(עשוי להיות במקביל)‬ ‫סקיצות מהירות‬ ‫6.‬ ‫61. בדיקות‬ ‫מסכים שלדיים‬ ‫7.‬ ‫ארכיטקטורת מידע‬ ‫8.‬ ‫תרשימי זרימה‬ ‫75 9.‬
  56. 56. ‫פרסונה – כחלק מתהליך‬ ‫3. מחקר‬ ‫4. פרסונות‬‫1. הנחות יסוד לגבי הפרסונות‬ ‫2. מחקר‬ ‫3. בניית פרסונות‬ ‫85‬
  57. 57. ‫תהליך יצירת הפרסונה‬ ‫95‬
  58. 58. ‫פרסונה – תהליך היצירה‬‫הנחות יסוד - פרסונות אד-הוק‬ ‫•‬ ‫מחקר‬ ‫•‬ ‫ניתוח‬ ‫•‬ ‫פרסונות שלדיות‬ ‫•‬ ‫מחקר משלים, עבודת צוות‬ ‫•‬ ‫עמודי פרסונה‬ ‫•‬ ‫הצגה, הפצה‬ ‫•‬ ‫...‬ ‫•‬ ‫06‬
  59. 59. ‫פרסונות אד-הוק‬‫• מידע קיים בארגון (מחקרים קודמים, סט תצפיות,‬ ‫מחקרי שוק של שיווק ומכירות, אנליזה של מידע‬ ‫קיים)‬ ‫• קצת מחקר אמפירי, קצת ידע אישי‬ ‫• תוצר של הנחות‬ ‫16‬
  60. 60. ‫פרסונות אד-הוק‬‫• אילו סוגים שונים של אנשים עשויים להשתמש במוצר‬ ‫• כיצד שונים הצרכים שלהם‬ ‫• כיצד שונה ההתנהגות / התנהלות שלהם‬ ‫• באיזה סביבות הם נמצאים‬ ‫• תפקידים עסקיים,‬ ‫• סביבה והתנהגות‬ ‫• תפקודים צרכניים‬ ‫• תדירות (רכישות בחנות ברשת)‬ ‫• רצון (חשק) לקניות‬‫• מוטיבציה (מכירה מיוחדת, הזדמנות, או רק את המוצר הספציפי)‬ ‫26‬
  61. 61. ‫פרסונה אד הוק‬‫הפרויקט – אתר לרשת מלונות.‬ ‫36‬
  62. 62. ‫פרסונה אד הוק‬‫הפרויקט – אתר לרשת תיירות.‬ ‫46‬
  63. 63. ‫אלי‬ ‫תרגיל הנחות‬ ‫מעצב מתחיל‬ ‫רוצה להרחיב ידע‬ ‫• כל אחד לוקח 5 דיבקיות, ורושם‬‫בחוויית משתמש, אבל‬ ‫לא בטוח שזה הכנס‬ ‫על כל דבקית:‬ ‫הנכון‬ ‫– דמות (שם, תפקיד)‬ ‫שני‬ ‫– צורך או רצון המתממש על ידי‬ ‫מגייסת כח אדם‬ ‫האתר‬‫רוצה לדעת מה פרופיל‬ ‫מאירה‬ ‫– 5 דקות‬ ‫האנשים שיופיעו לכנס‬ ‫מרצה בסדנה בכנס‬ ‫רוצה לראות כמה נרשמו‬ ‫לסדנה שלה‬ ‫56‬
  64. 64. ‫כיצד יוצרים פרסונות אד-הוק‬ ‫לארגן במרכז השולחן – ליצור‬ ‫•‬ ‫קבוצות (סגמנטים)‬‫לתעדף פרסונות – להחליט על 3‬ ‫•‬ ‫ליצור שלד של 3 פרסונות –‬ ‫•‬ ‫בולטים מהירים של הפרסונות‬ ‫השונות‬ ‫51 דקות‬ ‫•‬ ‫66‬‫‪www.pixmac.com‬‬
  65. 65. ‫שתפו‬ ‫76‬
  66. 66. ‫ועכשיו לעבודה...‬ ‫86‬
  67. 67. ‫עכשיו מתחילה העבודה !‬‫• עוברים לעולם האמיתי – יש לאשש את הפרסונות‬ ‫בעזרת מחקר...‬ ‫96‬‫/109171742/‪http://www.flickr.com/photos/bee‬‬
  68. 68. ‫מחקר‬ ‫• ראיונות ותצפיות - עם משתמשים‬ ‫של מוצר קיים‬ ‫–‬ ‫מוצר מתחרה‬ ‫–‬ ‫מוצר דומה‬ ‫–‬ ‫תהליכים לא ממוכנים‬ ‫–‬ ‫• ראיונות עם נקודות מגע עם המשתמשים:‬ ‫– תמיכה,‬ ‫– מוקד טלפוני,‬ ‫– נותני שרות‬ ‫• ראיונות עם בעלי עניין (בארגון)‬ ‫• אנליטיקס (אם קיים)‬ ‫07‬‫/8815378293/‪http://www.flickr.com/photos/poopfilter‬‬
  69. 69. ‫טיפים למחקר – ראיונות ותצפיות‬ ‫• תצפיות‬‫– לסתום את הפה, להקשיב, לצלם ולרשום‬ ‫• לעבות בעזרת ראיונות‬ ‫– להכין שאלון אחיד‬ ‫– להקשיב‬ ‫• חוויות עבר, לא הערכות‬ ‫17‬
  70. 70. ‫אחרי המחקר – ניתוח והשוואה‬ ‫כמה מההנחות שלנו היו טובות?‬ ‫•‬ ‫אילו הנחות לא אוששנו על ידי המחקר?‬ ‫•‬ ‫מה למדנו?‬ ‫•‬ ‫עדכון הפרסונות – לפעמים כתיבה מחדש של‬ ‫•‬ ‫הפרסונה‬‫העשרת הפרסונות בעזרת סרגלי האיכות שלנו‬ ‫•‬ ‫27‬
  71. 71. ‫כמה? צריך את כולן?‬ ‫• בד"כ 2 עד 6‬ ‫• פרסונה ראשית – הדמות עבורה‬ ‫נפתח את המוצר‬ ‫• מספר פרסונות משניות – דמויות‬ ‫שיכולות להעשיר את ההבנה‬ ‫שלנו לגבי השימוש במוצר‬‫863/1‪http://www.flickr.com/photos/photo_bug‬‬‫/0036726‬ ‫37‬
  72. 72. ‫בואו ננסה‬ ‫• 8 דקות – פרסונה ראשית‬ ‫ופרסונה משנית של המבקר‬ ‫באתר לכנס (חוויית משתמש)‬ ‫• עבודה בזוגות‬ ‫• להיעזר במסמכים שנחלק לכם‬ ‫47‬‫‪www.pixmac.com‬‬
  73. 73. ‫בואו נראה‬ ‫57‬
  74. 74. ‫סירוב‬ ‫67‬
  75. 75. ‫סירוב לשיתוף פעולה‬ ‫"דלג, דלג, אני רוצה לראות מסכים"‬ ‫• אמצעים מוגבלים (אין זמן, אין כסף)‬‫• חוסר אמון (אנחנו פונים לכולם / יודעים מי‬ ‫המשתמשים שלנו)‬ ‫• מה עושים?‬ ‫– מסבירים מדוע טוב‬ ‫– מציגים סיפורי הצלחה מפרויקטים אחרים‬ ‫– מציגים את התהליך‬ ‫– עושים לבד, בקטנה‬ ‫08‬
  76. 76. ‫טיפים‬ ‫18‬
  77. 77. ‫טיפים לפרויקט פרסונות מוצלח‬ ‫אל תוותרו על מחקר – תצפיות וראיונות‬ ‫•‬ ‫אמינות - פרסונות לא אמינות לא עובדות‬ ‫•‬ ‫צרו תיעדוף - ראשית ומשניות‬ ‫•‬ ‫פשטות – הסתפקו בעמוד בודד,קל לסריקה והבנה‬ ‫•‬ ‫על הפרטים של הפרסונה להיות משמעותיים עבור‬ ‫•‬ ‫המוצר‬ ‫פרסונה צריכה לשדר מטרות וחששות‬ ‫•‬‫פרסמו את הפרסונות לכל הצוות - הדפיסו בצבע, תלו‬ ‫•‬ ‫בחלל העבודה‬ ‫28‬
  78. 78. ‫עשו ואל תעשו‬ ‫• הסתפקו בעמוד בודד‬ ‫• הדפיסו בצבע, תלו בחלל העבודה‬‫• אל תכבירו בפרטים שאינם בהקשר של עולם‬ ‫התוכן והעולם האפליקטיבי של המוצר‬ ‫38‬
  79. 79. ‫שאלות?‬ ‫48‬
  80. 80. ‫אז מה הסיפור שלכם?‬ ‫58‬
  81. 81. ‫בואו נזכר בתהליך‬ ‫תרשימי זרימה‬ ‫•‬ ‫• רעיון‬ ‫סטוריבורד‬ ‫•‬ ‫• מטרות‬ ‫מוקאפ‬ ‫•‬ ‫– עסקיות, מצוביות,‬ ‫חווייתיות‬ ‫בדיקות‬ ‫•‬ ‫• מחקר‬‫אב-טיפוס (פרוטוטייפ)‬ ‫•‬ ‫• פרסונות‬ ‫אפיון מפורט‬ ‫•‬ ‫• תסריטים וסיפורי שימוש‬ ‫פיתוח ועיצוב‬ ‫•‬ ‫(עשוי להיות במקביל)‬ ‫• סקיצות מהירות‬ ‫בדיקות‬ ‫•‬ ‫• מסכים שלדיים‬ ‫• ארכיטקטורת מידע‬ ‫68‬
  82. 82. User Scenario - ‫תסריט משתמש‬ 87
  83. 83. ‫תסריטי משתמש‬ ‫• תיעוד של תרחיש שעובר על‬ ‫המשתמש‬‫• תהליך יצירתי שנשען על הידע‬ ‫המחקרי שצברנו‬ ‫• סיפור - אבן יסוד של חוויית‬ ‫המשתמש‬ ‫88‬
  84. 84. ‫בואו ננסה‬ ‫– בחרו פרסונה, ותכתבו לה‬ ‫סיפור - תהליך שאותה‬ ‫הפרסונה עוברת בתוך האתר‬ ‫(אתר הכנס)‬ ‫– 5 דקות‬ ‫98‬‫‪www.pixmac.com‬‬
  85. 85. ‫שתפו‬‫• מי רוצה להקריא?‬ ‫09‬
  86. 86. ‫לא ממשק, אלא תהליך‬ ‫• לא מתעסקים בממשק –‬‫מתעסקים בתהליך שעוברת‬ ‫הפרסונה‬ ‫19‬
  87. 87. ‫תסריטי משתמש‬‫• דומה ל‪ ,use-case‬אבל מדבר על‬ ‫המשתמש, לא תפעול המערכת‬ ‫• דומה ל‪( user-story‬אגיל), אבל‬ ‫(הרבה הרבה) יותר מפורט‬ ‫29‬
  88. 88. ‫תסריט מספר סיפור‬‫מימוש‬ ‫כלים‬ ‫למימוש‬ ‫צורך‬‫כישלון‬ ‫הצורך‬ ‫39‬
  89. 89. ‫3 לפני, 3 אחרי‬ ‫• מה עשתה הפרסונה ב-3 הדקות לפני שהתחילה‬ ‫להשתמש במוצר שלי?‬ ‫– מה גרם לה לפנות למוצר שלי?‬ ‫– איזה צרכים או רצונות מקומיים הביאו אותה אלי.‬ ‫• מה תעשה הפרסונה ב-3 הדקות לאחר השימוש‬ ‫במוצר שלי.‬ ‫– האם השיגה את מטרתה?‬ ‫מימוש‬ ‫כלים‬ ‫צורך‬‫3 דקות אחרי‬ ‫3 דקות לפני‬ ‫למימוש‬ ‫כישלון‬ ‫49‬
  90. 90. ‫תרגיל‬ ‫תסריט שימוש‬ ‫•‬ ‫פרסונה, לא אתם.‬ ‫•‬‫לחשוב על לפני, לחשוב על אחרי‬ ‫•‬ ‫לא ממשק, תהליך‬ ‫•‬ ‫5 דקות‬ ‫•‬ ‫59‬‫‪www.pixmac.com‬‬
  91. 91. ‫תרגיל‬‫• מי רוצה לשתף?‬ ‫69‬
  92. 92. ‫תרגיל‬ ‫• לקחת את התסריט – להפוך‬ ‫לגוף ראשון‬ ‫• 3 דקות‬ ‫• אם מרגישים צורך לשנות,‬ ‫תרגישו חופשי לשנות את‬ ‫הסיפור‬ ‫79‬‫‪www.pixmac.com‬‬
  93. 93. ‫תרגיל‬‫• מי רוצה לשתף?‬ ‫89‬
  94. 94. ‫עדיף בגוף ראשון‬‫עוזר לנו להיכנס לנעלי הפרסונה, ולבחון את‬ ‫•‬ ‫צרכיה מנקודת מבטה שלה‬ ‫יוצר אמפטיה, ומאפשר שיתוף ריגשי‬ ‫•‬ ‫בחווייה.‬‫פנימי, מתוך הצורך, לא חיצוני מתוך "נקודת‬ ‫•‬ ‫תצפית"‬‫להיזהר – לא לאלץ את עצמנו על הפרסונה‬ ‫•‬ ‫99‬
  95. 95. ‫ניתוח תסריט משתמש‬‫• סיפור המורכב מפעולות על גבי‬ ‫יחידות מידע‬ ‫• עוזר בבניית רשימת מלאי של‬ ‫פעולות ושל יחידות מידע‬ ‫001‬
  96. 96. ‫דוגמאות‬ ‫101‬
  97. 97. ‫תסריט משתמש (אפליקציה לסוכנות תיירות)‬ ‫אני יושב בפאב עם גילה‬ ‫•‬ ‫גילה מציעה חופשה באילת בסוף שבוע הבא‬ ‫•‬‫אני לא מהסס. על מנת לא להפסיד את ההזדמנות, אני שולף את האיפון שלי,‬ ‫•‬ ‫אני מפעיל את אפליקציית "חופשה לשרותך"‬ ‫•‬ ‫האפליקציה עולה‬ ‫•‬ ‫אני בוחר באזור אילת, סוף שבוע הקרוב, ומגביל את הסכום ל 7 שקל ללילה‬ ‫•‬ ‫ברשימת התוצאות יש תמונות קטנות‬ ‫•‬ ‫אני עובר עם גילה על הרשימה והתמונות‬ ‫•‬ ‫גילה מתחילה להתלהב‬ ‫•‬ ‫201‬
  98. 98. ‫תסריט משתמש‬ ‫• יושב בפאב עם גילה‬ ‫גילה מציעה חופשה באילת בסוף שבוע הבא‬ ‫•‬‫אני לא מהסס. על מנת לא להפסיד את ההזדמנות, אני שולף את האיפון שלי,‬ ‫•‬ ‫אני מפעיל את אפליקציית "חופשה לשרותך"‬ ‫•‬ ‫האפליקציה עולה‬ ‫•‬‫אני בוחר באזור אילת, סוף שבוע הקרוב, ומגביל את הסכום ל 7 שקל ללילה‬ ‫•‬ ‫ברשימת התוצאות יש תמונות קטנות‬ ‫•‬ ‫אני עובר עם גילה על הרשימה‬ ‫•‬ ‫גילה מתחילה להתלהב‬ ‫•‬ ‫301‬
  99. 99. ‫תסריט משתמש‬‫או, הנה מלון "שנטי שנטי" באילת. שמעתי עליו. לוחץ על שם המלון‬ ‫•‬ ‫סורק את עמוד המלון‬ ‫•‬ ‫רואה את התמונות‬ ‫•‬ ‫מגדיל את התמונות, לראות פרטים‬ ‫•‬ ‫מחפש לדעת מה תגובות גולשים על המלון הזה‬ ‫•‬‫מחיר סביר. אני חושב שנזמין כבר עכשיו, שגילה לא תוכל להתחרט‬ ‫•‬ ‫מזמין‬ ‫•‬ ‫• יוצא מהאפליקציה‬ ‫הי, תראו, קיבלתי ‪ SMS‬שההזמנה אושרה, עם הסכום,‬ ‫•‬ ‫401‬
  100. 100. ‫תסריט משתמש – אתר הזמנת אוכל‬ ‫• אני רעב, עוד מעט צהריים.‬ ‫• מגיע לאתר, נכנס כאורח רשום‬ ‫• נוחת על המועדפים שלי‬‫• בוחר את המנה (שניצל עיזים, עם סלט קצוץ, ממסעדת שניצלונה)‬ ‫• רואה שייקח 04 דקות‬ ‫• מאשר את פרטי הכרטיס‬ ‫• ממתין לשליח.‬ ‫501‬
  101. 101. ‫תסריט משתמש –ניהול מכירות‬‫• הבוס מתקשר אלי, מבקש דחוף תחזית לרבעון הקרוב‬ ‫• אני פותח את האפליקציה‬ ‫• אני ניגש ל"תחזיות" ובוחר את התחזית הדרושה‬ ‫• אני בוחר תצוגה מתאימה‬ ‫• קצת שיוף ושיפור‬ ‫• אני שולח את הדו"ח לבוס, ישר מתוך המוצר‬ ‫• אני מסיים מוקדם והולך הביתה.‬ ‫601‬
  102. 102. ‫תסריט משתמש‬ ‫לא ממשקים אלא תהליכים‬ ‫•‬ ‫צרכים, מטרות ורגשות, לא כפתורים ושדות‬ ‫•‬ ‫3 לפני, 3 אחרי (עם מה באו, עם מה עזבו)‬ ‫•‬ ‫מה עובר להם בראש‬ ‫•‬ ‫שורות בדידות, לא סיפור רציף‬ ‫•‬ ‫הרבה וקצרים‬ ‫•‬‫• כאשר יש מוצר, אפשר להתייחס למוצר בסיפורים,‬ ‫אבל להימנע מלרדת לפרטי ממשק, אלא אם כן‬ ‫הכרחי‬ ‫701‬
  103. 103. ‫ושוב תורכם‬ ‫סיפור משתמש –‬ ‫•‬ ‫גוף ראשון‬ ‫•‬ ‫שורות בדידות, לא סיפור רציף‬ ‫•‬ ‫סימון פעולות ואובייקטים‬ ‫•‬ ‫5 דקות‬ ‫•‬ ‫801‬‫‪www.pixmac.com‬‬
  104. 104. ‫תראו לנו‬‫• מי רוצה להקריא?‬ ‫901‬
  105. 105. ‫לא הכול ורוד בחיים‬ ‫• סיפורים יכולים להצביע גם על נקודות כשל‬ ‫• רצוי שכשליש מהסיפורים הראשוניים יכללו‬ ‫נקודות כשל‬‫• סיפור עם נקודת כשל אמור להפוך לסיפור עם‬ ‫נקודות הצלחה.‬ ‫011‬
  106. 106. ‫תסריט משתמש – אתר מלון‬‫• אנחנו גולשים כבר רבע שעה במלונות באילת. ואחרי התלבטות,‬ ‫החלטנו על "שנטי שנטי"‬‫• עוברים לשלב התשלום, אני קורא שוב את סיכום ההזמנה, לוודא‬ ‫שאני לא טועה.‬ ‫• מאחר שלא פעם ראשונה שמזמין, האפליקציה שומרת לי את‬ ‫הכתובת שלי שהזנתי בעבר. נחמד.‬ ‫• אני מתבקש להזין מספר כרטיס אשראי.‬ ‫111‬
  107. 107. ‫תסריט משתמש -‬‫• במקום לשלוף את הארנק מהכיס, אני עובר לאפליקציית ‪,notes‬‬ ‫שם אני שומר כל מיני פיסות מידע, מעתיק משם את מספר‬ ‫כרטיס האשראי,‬‫• עובר חזרה לאפליקציה "חופשה לשרותך", לוחץ על שדה כרטיס‬ ‫האשראי‬ ‫• מדביק את המספר‬ ‫• גילה שואלת אם זה חדר פונה לים‬ ‫• אופס. לא כתוב בסיכום ההזמנה. חוזר עמוד אחורה לבדוק‬ ‫211‬
  108. 108. ‫תסריט משתמש -‬ ‫• אחרי שהבוס שלי קיבל את הדוח, יש לו הערות ושאלות‬ ‫• הוא מתקשר אלי ב9 בערב לפתור את עניין הדוח‬ ‫• אני מתחבר מהבית לשרות, בעזרת האנדרואיד שלי, לראות את‬ ‫הדוח ששלחתי לו‬ ‫• אני לא זוכר בדיוק איזה "מבט" שלחתי לו.‬ ‫• מורכב לי מדי לחפש את האימייל בטלפון.‬‫• אני מבקש שישלח אלי חזרה את האימייל שקיבל, על מנת שאוכל‬ ‫לראות את הקישור שלחתי לו.‬ ‫311‬
  109. 109. ‫ושוב תורכם -‬ ‫• אתר הכנס‬ ‫• פרסונה (לא אתם)‬‫• 2 תסריטי משתמש – כשלון‬ ‫– 8 דקות‬ ‫411‬
  110. 110. ‫תראו לנו‬‫• מי רוצה להקריא?‬ ‫511‬
  111. 111. ‫תסריטי משתמש - סיכום‬ ‫• כלי, לא מטרה‬ ‫• תהליך יצירתי‬‫• חשוב לכתוב ולשתף (לא בעל‬ ‫פה)‬ ‫• פרסונה, לא מוצר‬ ‫• תהליכים, לא משקים‬ ‫611‬
  112. 112. ‫תסריט משתמש - סיכום‬‫• כלי חשוב - בעיקר למי שרגיל‬ ‫לחשיבה ויזואלית‬ ‫• סיפורים בכתב מאפשרים‬‫יצירתיות אחרת, מחוץ לקופסת‬ ‫החשיבה הויזואלית‬ ‫711‬
  113. 113. ‫תסריט משתמש - סיכום‬‫• מאפשרים שיחה על אלמנטים‬‫שקשה לצייר - מטרות, צריכים‬ ‫ורצונות - הסיבות של‬‫המשתמש לגשת למוצר שלנו,‬ ‫להשתמש בו, לחזור אליו‬ ‫811‬
  114. 114. ‫תצוגה – שילוב של פרסונה ותסריטים:‬ ‫קרדיט: יניב שריג‬ ‫911‬
  115. 115. ‫שאלות?‬ ‫021‬
  116. 116. ‫תודה‬ ‫121‬

×