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

‫פרסונות וסיפורי משתמש: בסיס‬ ‫חזק לחוויית משתמש מעולה‬ ‫עדוא שביט‬‫יום ד 03:21-00:90‬

‫תרגיל‬ ‫• קיבלתם פרויקט לאפיין אתר‬ ‫לכנס חוויית משתמש‬ ‫• איך תתחילו?‬ ‫2‬‫‪www.pixmac.com‬‬

‫תרגיל‬ ‫• מהו הערך המתבקש עבור‬ ‫בעל האתר‬ ‫• מהו הערך המתבקש עבור‬ ‫מבקר האתר?‬ ‫• קחו 3 דקות, נייר וכלי כתיבה,‬ ‫ותרשמו את הערכים (תועלות)‬ ‫עבור המבקר באתר‬ ‫3‬‫‪www.pixmac.com‬‬

‫שתפו‬‫3 הפריטים הראשונים ברשימה שלכם‬ ‫•‬ ‫מה עבר לכם בראש?‬ ‫•‬ ‫איך גיבשתם את הערך עבור‬ ‫•‬ ‫המשתמש?‬ ‫איך גיבשתם את רשימת הצרכים?‬ ‫•‬ ‫מי הסתכל סביב, וניסה לבחון את‬ ‫•‬ ‫הסובבים אותו?‬ ‫ומה אם היינו מדברים על כנס לגיל‬ ‫•‬ ‫הזהב?‬ ‫או על כנס למכונאי מטוסים?‬ ‫•‬ ‫4‬

‫מה נעשה היום‬ ‫נלמד על פרסונות‬‫מה הן פרסונות, למה הן טובות, מהו תהליך היצירה,‬ ‫ואיך משתמשים בהן.‬ ‫נלמד על תסריטי שימוש - מהם תסריטי שימוש,‬ ‫כיצד כותבים אותם, ואיך מנתחים אותם.‬ ‫5‬

‫מי אתם?‬ ‫6‬

‫אני עדוא‬ ‫• יועץ חווית משתמש, שמישות ושימושיות, מאפיין ומעצב אינטראקציה‬‫• מנחה במכון הטכנולוגי בחולון, מנחה ומרצה בארגון ‪ ,UPA Israel‬מנחה ב ‪UX‬‬ ‫‪School‬‬ ‫• מלמד תוכנות ואתרים כיצד להתנהג מעל ל81 שנה.‬‫0002-2991‬ ‫4002-0002‬ ‫6002-4002‬ ‫---7002‬‫‪Tabula‬‬ ‫7‬

‫מיהו ה"משתמש"?‬ ‫8‬

‫כולם?‬ ‫• זה לא אתה, וזאת לא את. כן, גם באתר לכנס חוויית‬ ‫משתמש – אלו לא אתם.‬‫• בניגוד למה שנהוג לחשוב, אפיון עבור משתמשים רבים‬ ‫יכול להרוס יותר מאשר לתרום‬ ‫9‬

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

‫קצת היסטוריה‬‫• פרסונות הומצאו על ידי אלן קופר‬ ‫• מוזכרות לראשונה בספרו‬ ‫‪The Inmates Are Running‬‬ ‫‪)1999(the Asylum‬‬ ‫• לקח אותם צעד קדימה בספרו‬ ‫2 ‪.)2003( About Face‬‬ ‫21‬

‫אלן קופר‬ ‫31‬

‫אז מהי בעצם פרסונה‬‫פרסונה היא פרופיל מייצג של‬ ‫התנהגות ופעילות‬ ‫סביב מטרות‬ ‫בהקשר, יישום ו/ או שירות‬ ‫ספציפיים‬ ‫41‬

‫אז מהי בעצם פרסונה‬‫פרסונה היא פרופיל מייצג של‬ ‫התנהגות ופעילות,‬‫סביב מטרות בהקשר ספציפי‬ ‫51‬

‫אז מהי בעצם פרסונה‬ ‫פרסונה היא פרופיל‬ ‫מייצג‬ ‫המשמש‬ ‫מצפן לקבלת החלטות‬ ‫61‬‫/‪http://www.flickr.com/photos/typicalgenius‬‬

‫תרגיל‬‫• אוקי, אז עכשיו שיש לנו יותר ידע‬ ‫על מטרות הפרסונה, תארו לי‬ ‫פרסונה עבור הפרויקט שלנו –‬ ‫פרסונה לאתר לכנס לחוויית‬ ‫משתמש‬ ‫• 4 דקות‬ ‫71‬‫‪www.pixmac.com‬‬

‫רגע, איך בכלל עושים את זה?‬ ‫• מי רוצה להראות?‬‫• אילו שאלות עלו לכם בראש?‬ ‫• אילו פרטים חשובים?‬ ‫81‬

‫מטרות הפרסונה‬ ‫91‬

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

‫מטרות הפרסונה‬‫• מצפן לקבלת החלטות‬ ‫מערכת תמיכה בהחלטות מוצר‬ ‫• אמפטיה‬ ‫עוזרת להגיע לאפיון ועצוב מתוך‬ ‫אמפטיה וחמלה, ולא מתוך אגו‬ ‫12‬

‫מטרות הפרסונה‬ ‫• אמפטיה‬ ‫אפיון ועצוב מתוך ראיית צרכי‬ ‫המשתמש, לא מתוך אגו‬ ‫22‬‫72364883/‪http://www.flickr.com/photos/cproppe‬‬

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

‫מה אנחנו רוצים לדעת?‬ ‫פחדים‬ ‫•‬ ‫מי?‬ ‫•‬ ‫תסכולים‬ ‫•‬ ‫יעדים (מטרות)‬ ‫•‬ ‫העדפות‬ ‫•‬ ‫מניעים‬ ‫•‬ ‫יכולות‬ ‫•‬ ‫צרכים‬ ‫•‬‫קלט (מקורות מידע)‬ ‫•‬ ‫רצונות‬ ‫•‬ ‫פלט (תוצרים)‬ ‫•‬ ‫הרגשות‬ ‫•‬ ‫שימוש‬ ‫•‬ ‫השפעות‬ ‫•‬ ‫52‬

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

‫דוגמאות‬ ‫72‬

‫קצת דוגמאות‬‫הפרויקט – אפליקציה לניהול בטיחות ועמידה בתקן‬ ‫עבור בסיסי נתונים.‬ ‫82‬

‫פטריק באאר‬ ‫פרטים אישיים‬ ‫92‬

‫פטריק באאר‬ ‫פרטי תפקיד‬ ‫03‬

‫פטריק באאר‬ ‫כלים ומדיה‬ ‫13‬

‫פטריק באאר‬‫מטרות אפליקטיביות‬ ‫23‬

‫פטריק באאר‬‫יעדים ותחושות‬ ‫33‬

‫קצת דוגמאות‬‫הפרויקט – אפליקציה שמאפשר גיבוי של תכנים של‬ ‫קבוצת עבודה לענן.‬ ‫43‬

‫קלארק סויאר‬ ‫שם, תמונה‬ ‫53‬

‫קלארק סויאר‬ ‫פרטים אישיים‬ ‫63‬

‫קלארק סויאר‬‫יעדים, תחושות‬ ‫73‬

‫קלארק סויאר‬ ‫כלים, מדיה‬ ‫83‬

‫תבנית לפרסונה‬ ‫93‬

‫מבנה פרסונה -‬ ‫תלוי באופי הפרויקט‬ ‫•‬ ‫תלוי בהבנה שלנו את עולם‬ ‫•‬ ‫התוכן של הפרויקט‬ ‫תלוי בכמות הידע שלנו על‬ ‫•‬ ‫המשתמשים‬‫רק מה שישמש אותנו כמצפן‬ ‫•‬ ‫להחלטות‬ ‫04‬

‫מבנה פרסונה – פרטים אישיים‬ ‫נתחיל בפרטים דמוגרפים:‬ ‫– תמונה‬ ‫– שם‬ ‫– גיל‬ ‫– ציטוט (בהקשר)‬ ‫– מקצוע, מקום עבודה‬ ‫– מצב משפחתי‬ ‫14‬

‫שם‬‫• עוזר להתחבר לפרסונה כמו אל אדם אמיתי‬ ‫• מומלץ:‬ ‫– שם שקל לזכור‬ ‫– לא שם של מישהו מוכר‬ ‫– לא שם סטריאוטיפי או מתחכם‬‫• כמו "שולה מעפולה" או "מייק אפ" או "רוב בוטריק"‬ ‫– לא תפקיד או מאפיין אישיותי‬ ‫• "המהנדס" או "ישנוני" הם לא שמות טובים.‬ ‫24‬

‫תמונה‬ ‫אנשים אמיתיים, לא מאוירים או‬ ‫•‬ ‫בובות.‬ ‫רצוי שהתמונה תהיה בתנוחה‬ ‫•‬ ‫טבעית, "מהחיים", מתוך‬ ‫ההקשר‬ ‫לא ‪Stock Photography‬‬ ‫•‬‫‪© iStockPhoto.com‬‬ ‫‪CC by bschmove‬‬ ‫‪ Flickr.com‬מקור מצויין‬ ‫•‬ ‫לתמונות‬ ‫• לא מישהו מוכר כמו שחקן,‬ ‫פוליטיקאי, סלב אחר‬ ‫• לא של מישהו שמוכר לצוות‬ ‫התכנון‬ ‫‪CC by Mr TGT‬‬ ‫34‬

‫ציטוט‬‫• מסכם במשפט או שניים‬ ‫את מערכת היחסים בין‬ ‫הפרסונה למוצר או‬ ‫לשרות‬ ‫• נובע מהפרסונה, לא‬ ‫מהמוצר‬ ‫44‬

‫מבנה פרסונה - יעדים‬ ‫– יעדים חווייתיים‬ ‫– יעדים אפליקטיביים‬ ‫54‬‫‪Allan Faustino on Threadless‬‬

‫יעדים חווייתיים‬ ‫• כיצד רוצה הפרסונה להרגיש:‬ ‫– לא להרגיש מטומטם‬ ‫– להצטייר כמקצוען‬ ‫– להתגבר על פחדים‬ ‫– להרגיש בעל יכולת, בעל כח‬ ‫– להצטייר כמיוחד‬ ‫64‬‫/916768812/‪http://www.flickr.com/photos/bnorthern‬‬

‫מבנה פרסונה – יעדים אפליקטיביים‬ ‫באפליקציה לניהול פרויקטים‬ ‫יוסי מעונייין לסיים פרויקט בהצלחה,‬ ‫בכלי לניהול צוותי מכירה‬ ‫יפעת רוצה להבין מי יעיל בצוות המכירות‬ ‫באתר הזמנת מזון‬‫אפרת מעוניינת להזמין את המנה שאוהבת‬ ‫74‬

‫מבנה פרסונה – יעדים אפליקטיביים‬ ‫ברשת חברתית פנים ארגונית‬‫אלי רוצה לקבל פידבק מהבוס על הפרויקט.‬ ‫בכלי לניהול צוותי מכירה‬ ‫יפה רוצה לקבל קרדיט ועמלה על המכירה,‬ ‫בשרות ניתוח נתונים‬ ‫חיימון רוצה להציג תכנון לרבעון הבא,‬ ‫84‬

‫ודוגמאות אחרות לתבניות פרסונה‬ ‫94‬

‫קצת דוגמאות‬‫הפרויקט – אתר למתחתנים.‬ ‫05‬

‫דוגמאות אחרות‬ 51http://darmano.typepad.com/logic_emotion/customer_experience/

‫ודוגמא קצת יותר מורכבת‬ 52http://www.werner-puchert.com/wp-content/uploads/2008/07/persona_todd-zaki1.jpg

‫סרגלי איכות‬ ‫35‬

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

‫פרסונה – חלק מתהליך‬ ‫• כלי, לא מטרה‬ ‫• חלק מתהליך‬ ‫55‬

‫תהליך האפיון‬ ‫01. סטוריבורד‬ ‫רעיון‬ ‫1.‬ ‫11. מוקאפ‬ ‫מטרות - עסקיות,‬ ‫2.‬ ‫21. בדיקות‬ ‫מיצוביות, חווייתיות‬‫31. אב-טיפוס (פרוטוטייפ)‬ ‫מחקר‬ ‫3.‬ ‫41. אפיון מפורט‬ ‫פרסונות‬ ‫4.‬ ‫תסריטים וסיפורי שימוש 51. פיתוח ועיצוב‬ ‫5.‬ ‫(עשוי להיות במקביל)‬ ‫סקיצות מהירות‬ ‫6.‬ ‫61. בדיקות‬ ‫מסכים שלדיים‬ ‫7.‬ ‫ארכיטקטורת מידע‬ ‫8.‬ ‫תרשימי זרימה‬ ‫65 9.‬

‫תהליך האפיון‬ ‫01. סטוריבורד‬ ‫רעיון‬ ‫1.‬ ‫11. מוקאפ‬ ‫מטרות - עסקיות,‬ ‫2.‬ ‫21. בדיקות‬ ‫מיצוביות, חווייתיות‬‫31. אב-טיפוס (פרוטוטייפ)‬ ‫מחקר‬ ‫3.‬ ‫41. אפיון מפורט‬ ‫פרסונות‬ ‫4.‬ ‫תסריטים וסיפורי שימוש 51. פיתוח ועיצוב‬ ‫5.‬ ‫(עשוי להיות במקביל)‬ ‫סקיצות מהירות‬ ‫6.‬ ‫61. בדיקות‬ ‫מסכים שלדיים‬ ‫7.‬ ‫ארכיטקטורת מידע‬ ‫8.‬ ‫תרשימי זרימה‬ ‫75 9.‬

‫פרסונה – כחלק מתהליך‬ ‫3. מחקר‬ ‫4. פרסונות‬‫1. הנחות יסוד לגבי הפרסונות‬ ‫2. מחקר‬ ‫3. בניית פרסונות‬ ‫85‬

‫תהליך יצירת הפרסונה‬ ‫95‬

‫פרסונה – תהליך היצירה‬‫הנחות יסוד - פרסונות אד-הוק‬ ‫•‬ ‫מחקר‬ ‫•‬ ‫ניתוח‬ ‫•‬ ‫פרסונות שלדיות‬ ‫•‬ ‫מחקר משלים, עבודת צוות‬ ‫•‬ ‫עמודי פרסונה‬ ‫•‬ ‫הצגה, הפצה‬ ‫•‬ ‫...‬ ‫•‬ ‫06‬

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

‫פרסונות אד-הוק‬‫• אילו סוגים שונים של אנשים עשויים להשתמש במוצר‬ ‫• כיצד שונים הצרכים שלהם‬ ‫• כיצד שונה ההתנהגות / התנהלות שלהם‬ ‫• באיזה סביבות הם נמצאים‬ ‫• תפקידים עסקיים,‬ ‫• סביבה והתנהגות‬ ‫• תפקודים צרכניים‬ ‫• תדירות (רכישות בחנות ברשת)‬ ‫• רצון (חשק) לקניות‬‫• מוטיבציה (מכירה מיוחדת, הזדמנות, או רק את המוצר הספציפי)‬ ‫26‬

‫פרסונה אד הוק‬‫הפרויקט – אתר לרשת מלונות.‬ ‫36‬

‫פרסונה אד הוק‬‫הפרויקט – אתר לרשת תיירות.‬ ‫46‬

‫אלי‬ ‫תרגיל הנחות‬ ‫מעצב מתחיל‬ ‫רוצה להרחיב ידע‬ ‫• כל אחד לוקח 5 דיבקיות, ורושם‬‫בחוויית משתמש, אבל‬ ‫לא בטוח שזה הכנס‬ ‫על כל דבקית:‬ ‫הנכון‬ ‫– דמות (שם, תפקיד)‬ ‫שני‬ ‫– צורך או רצון המתממש על ידי‬ ‫מגייסת כח אדם‬ ‫האתר‬‫רוצה לדעת מה פרופיל‬ ‫מאירה‬ ‫– 5 דקות‬ ‫האנשים שיופיעו לכנס‬ ‫מרצה בסדנה בכנס‬ ‫רוצה לראות כמה נרשמו‬ ‫לסדנה שלה‬ ‫56‬

‫כיצד יוצרים פרסונות אד-הוק‬ ‫לארגן במרכז השולחן – ליצור‬ ‫•‬ ‫קבוצות (סגמנטים)‬‫לתעדף פרסונות – להחליט על 3‬ ‫•‬ ‫ליצור שלד של 3 פרסונות –‬ ‫•‬ ‫בולטים מהירים של הפרסונות‬ ‫השונות‬ ‫51 דקות‬ ‫•‬ ‫66‬‫‪www.pixmac.com‬‬

‫שתפו‬ ‫76‬

‫ועכשיו לעבודה...‬ ‫86‬

‫עכשיו מתחילה העבודה !‬‫• עוברים לעולם האמיתי – יש לאשש את הפרסונות‬ ‫בעזרת מחקר...‬ ‫96‬‫/109171742/‪http://www.flickr.com/photos/bee‬‬

‫מחקר‬ ‫• ראיונות ותצפיות - עם משתמשים‬ ‫של מוצר קיים‬ ‫–‬ ‫מוצר מתחרה‬ ‫–‬ ‫מוצר דומה‬ ‫–‬ ‫תהליכים לא ממוכנים‬ ‫–‬ ‫• ראיונות עם נקודות מגע עם המשתמשים:‬ ‫– תמיכה,‬ ‫– מוקד טלפוני,‬ ‫– נותני שרות‬ ‫• ראיונות עם בעלי עניין (בארגון)‬ ‫• אנליטיקס (אם קיים)‬ ‫07‬‫/8815378293/‪http://www.flickr.com/photos/poopfilter‬‬

‫טיפים למחקר – ראיונות ותצפיות‬ ‫• תצפיות‬‫– לסתום את הפה, להקשיב, לצלם ולרשום‬ ‫• לעבות בעזרת ראיונות‬ ‫– להכין שאלון אחיד‬ ‫– להקשיב‬ ‫• חוויות עבר, לא הערכות‬ ‫17‬

‫אחרי המחקר – ניתוח והשוואה‬ ‫כמה מההנחות שלנו היו טובות?‬ ‫•‬ ‫אילו הנחות לא אוששנו על ידי המחקר?‬ ‫•‬ ‫מה למדנו?‬ ‫•‬ ‫עדכון הפרסונות – לפעמים כתיבה מחדש של‬ ‫•‬ ‫הפרסונה‬‫העשרת הפרסונות בעזרת סרגלי האיכות שלנו‬ ‫•‬ ‫27‬

‫כמה? צריך את כולן?‬ ‫• בד"כ 2 עד 6‬ ‫• פרסונה ראשית – הדמות עבורה‬ ‫נפתח את המוצר‬ ‫• מספר פרסונות משניות – דמויות‬ ‫שיכולות להעשיר את ההבנה‬ ‫שלנו לגבי השימוש במוצר‬‫863/1‪http://www.flickr.com/photos/photo_bug‬‬‫/0036726‬ ‫37‬

‫בואו ננסה‬ ‫• 8 דקות – פרסונה ראשית‬ ‫ופרסונה משנית של המבקר‬ ‫באתר לכנס (חוויית משתמש)‬ ‫• עבודה בזוגות‬ ‫• להיעזר במסמכים שנחלק לכם‬ ‫47‬‫‪www.pixmac.com‬‬

‫בואו נראה‬ ‫57‬

‫סירוב‬ ‫67‬

‫סירוב לשיתוף פעולה‬ ‫"דלג, דלג, אני רוצה לראות מסכים"‬ ‫• אמצעים מוגבלים (אין זמן, אין כסף)‬‫• חוסר אמון (אנחנו פונים לכולם / יודעים מי‬ ‫המשתמשים שלנו)‬ ‫• מה עושים?‬ ‫– מסבירים מדוע טוב‬ ‫– מציגים סיפורי הצלחה מפרויקטים אחרים‬ ‫– מציגים את התהליך‬ ‫– עושים לבד, בקטנה‬ ‫08‬

‫טיפים‬ ‫18‬

‫טיפים לפרויקט פרסונות מוצלח‬ ‫אל תוותרו על מחקר – תצפיות וראיונות‬ ‫•‬ ‫אמינות - פרסונות לא אמינות לא עובדות‬ ‫•‬ ‫צרו תיעדוף - ראשית ומשניות‬ ‫•‬ ‫פשטות – הסתפקו בעמוד בודד,קל לסריקה והבנה‬ ‫•‬ ‫על הפרטים של הפרסונה להיות משמעותיים עבור‬ ‫•‬ ‫המוצר‬ ‫פרסונה צריכה לשדר מטרות וחששות‬ ‫•‬‫פרסמו את הפרסונות לכל הצוות - הדפיסו בצבע, תלו‬ ‫•‬ ‫בחלל העבודה‬ ‫28‬

‫עשו ואל תעשו‬ ‫• הסתפקו בעמוד בודד‬ ‫• הדפיסו בצבע, תלו בחלל העבודה‬‫• אל תכבירו בפרטים שאינם בהקשר של עולם‬ ‫התוכן והעולם האפליקטיבי של המוצר‬ ‫38‬

‫שאלות?‬ ‫48‬

‫אז מה הסיפור שלכם?‬ ‫58‬

‫בואו נזכר בתהליך‬ ‫תרשימי זרימה‬ ‫•‬ ‫• רעיון‬ ‫סטוריבורד‬ ‫•‬ ‫• מטרות‬ ‫מוקאפ‬ ‫•‬ ‫– עסקיות, מצוביות,‬ ‫חווייתיות‬ ‫בדיקות‬ ‫•‬ ‫• מחקר‬‫אב-טיפוס (פרוטוטייפ)‬ ‫•‬ ‫• פרסונות‬ ‫אפיון מפורט‬ ‫•‬ ‫• תסריטים וסיפורי שימוש‬ ‫פיתוח ועיצוב‬ ‫•‬ ‫(עשוי להיות במקביל)‬ ‫• סקיצות מהירות‬ ‫בדיקות‬ ‫•‬ ‫• מסכים שלדיים‬ ‫• ארכיטקטורת מידע‬ ‫68‬

User Scenario - ‫תסריט משתמש‬ 87

‫תסריטי משתמש‬ ‫• תיעוד של תרחיש שעובר על‬ ‫המשתמש‬‫• תהליך יצירתי שנשען על הידע‬ ‫המחקרי שצברנו‬ ‫• סיפור - אבן יסוד של חוויית‬ ‫המשתמש‬ ‫88‬

‫בואו ננסה‬ ‫– בחרו פרסונה, ותכתבו לה‬ ‫סיפור - תהליך שאותה‬ ‫הפרסונה עוברת בתוך האתר‬ ‫(אתר הכנס)‬ ‫– 5 דקות‬ ‫98‬‫‪www.pixmac.com‬‬

‫שתפו‬‫• מי רוצה להקריא?‬ ‫09‬

‫לא ממשק, אלא תהליך‬ ‫• לא מתעסקים בממשק –‬‫מתעסקים בתהליך שעוברת‬ ‫הפרסונה‬ ‫19‬

‫תסריטי משתמש‬‫• דומה ל‪ ,use-case‬אבל מדבר על‬ ‫המשתמש, לא תפעול המערכת‬ ‫• דומה ל‪( user-story‬אגיל), אבל‬ ‫(הרבה הרבה) יותר מפורט‬ ‫29‬

‫תסריט מספר סיפור‬‫מימוש‬ ‫כלים‬ ‫למימוש‬ ‫צורך‬‫כישלון‬ ‫הצורך‬ ‫39‬

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

‫תרגיל‬ ‫תסריט שימוש‬ ‫•‬ ‫פרסונה, לא אתם.‬ ‫•‬‫לחשוב על לפני, לחשוב על אחרי‬ ‫•‬ ‫לא ממשק, תהליך‬ ‫•‬ ‫5 דקות‬ ‫•‬ ‫59‬‫‪www.pixmac.com‬‬

‫תרגיל‬‫• מי רוצה לשתף?‬ ‫69‬

‫תרגיל‬ ‫• לקחת את התסריט – להפוך‬ ‫לגוף ראשון‬ ‫• 3 דקות‬ ‫• אם מרגישים צורך לשנות,‬ ‫תרגישו חופשי לשנות את‬ ‫הסיפור‬ ‫79‬‫‪www.pixmac.com‬‬

‫תרגיל‬‫• מי רוצה לשתף?‬ ‫89‬

‫עדיף בגוף ראשון‬‫עוזר לנו להיכנס לנעלי הפרסונה, ולבחון את‬ ‫•‬ ‫צרכיה מנקודת מבטה שלה‬ ‫יוצר אמפטיה, ומאפשר שיתוף ריגשי‬ ‫•‬ ‫בחווייה.‬‫פנימי, מתוך הצורך, לא חיצוני מתוך "נקודת‬ ‫•‬ ‫תצפית"‬‫להיזהר – לא לאלץ את עצמנו על הפרסונה‬ ‫•‬ ‫99‬

‫ניתוח תסריט משתמש‬‫• סיפור המורכב מפעולות על גבי‬ ‫יחידות מידע‬ ‫• עוזר בבניית רשימת מלאי של‬ ‫פעולות ושל יחידות מידע‬ ‫001‬

‫דוגמאות‬ ‫101‬

‫תסריט משתמש (אפליקציה לסוכנות תיירות)‬ ‫אני יושב בפאב עם גילה‬ ‫•‬ ‫גילה מציעה חופשה באילת בסוף שבוע הבא‬ ‫•‬‫אני לא מהסס. על מנת לא להפסיד את ההזדמנות, אני שולף את האיפון שלי,‬ ‫•‬ ‫אני מפעיל את אפליקציית "חופשה לשרותך"‬ ‫•‬ ‫האפליקציה עולה‬ ‫•‬ ‫אני בוחר באזור אילת, סוף שבוע הקרוב, ומגביל את הסכום ל 7 שקל ללילה‬ ‫•‬ ‫ברשימת התוצאות יש תמונות קטנות‬ ‫•‬ ‫אני עובר עם גילה על הרשימה והתמונות‬ ‫•‬ ‫גילה מתחילה להתלהב‬ ‫•‬ ‫201‬

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

‫תסריט משתמש‬‫או, הנה מלון "שנטי שנטי" באילת. שמעתי עליו. לוחץ על שם המלון‬ ‫•‬ ‫סורק את עמוד המלון‬ ‫•‬ ‫רואה את התמונות‬ ‫•‬ ‫מגדיל את התמונות, לראות פרטים‬ ‫•‬ ‫מחפש לדעת מה תגובות גולשים על המלון הזה‬ ‫•‬‫מחיר סביר. אני חושב שנזמין כבר עכשיו, שגילה לא תוכל להתחרט‬ ‫•‬ ‫מזמין‬ ‫•‬ ‫• יוצא מהאפליקציה‬ ‫הי, תראו, קיבלתי ‪ SMS‬שההזמנה אושרה, עם הסכום,‬ ‫•‬ ‫401‬

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

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

‫תסריט משתמש‬ ‫לא ממשקים אלא תהליכים‬ ‫•‬ ‫צרכים, מטרות ורגשות, לא כפתורים ושדות‬ ‫•‬ ‫3 לפני, 3 אחרי (עם מה באו, עם מה עזבו)‬ ‫•‬ ‫מה עובר להם בראש‬ ‫•‬ ‫שורות בדידות, לא סיפור רציף‬ ‫•‬ ‫הרבה וקצרים‬ ‫•‬‫• כאשר יש מוצר, אפשר להתייחס למוצר בסיפורים,‬ ‫אבל להימנע מלרדת לפרטי ממשק, אלא אם כן‬ ‫הכרחי‬ ‫701‬

‫ושוב תורכם‬ ‫סיפור משתמש –‬ ‫•‬ ‫גוף ראשון‬ ‫•‬ ‫שורות בדידות, לא סיפור רציף‬ ‫•‬ ‫סימון פעולות ואובייקטים‬ ‫•‬ ‫5 דקות‬ ‫•‬ ‫801‬‫‪www.pixmac.com‬‬

‫תראו לנו‬‫• מי רוצה להקריא?‬ ‫901‬

‫לא הכול ורוד בחיים‬ ‫• סיפורים יכולים להצביע גם על נקודות כשל‬ ‫• רצוי שכשליש מהסיפורים הראשוניים יכללו‬ ‫נקודות כשל‬‫• סיפור עם נקודת כשל אמור להפוך לסיפור עם‬ ‫נקודות הצלחה.‬ ‫011‬

‫תסריט משתמש – אתר מלון‬‫• אנחנו גולשים כבר רבע שעה במלונות באילת. ואחרי התלבטות,‬ ‫החלטנו על "שנטי שנטי"‬‫• עוברים לשלב התשלום, אני קורא שוב את סיכום ההזמנה, לוודא‬ ‫שאני לא טועה.‬ ‫• מאחר שלא פעם ראשונה שמזמין, האפליקציה שומרת לי את‬ ‫הכתובת שלי שהזנתי בעבר. נחמד.‬ ‫• אני מתבקש להזין מספר כרטיס אשראי.‬ ‫111‬

‫תסריט משתמש -‬‫• במקום לשלוף את הארנק מהכיס, אני עובר לאפליקציית ‪,notes‬‬ ‫שם אני שומר כל מיני פיסות מידע, מעתיק משם את מספר‬ ‫כרטיס האשראי,‬‫• עובר חזרה לאפליקציה "חופשה לשרותך", לוחץ על שדה כרטיס‬ ‫האשראי‬ ‫• מדביק את המספר‬ ‫• גילה שואלת אם זה חדר פונה לים‬ ‫• אופס. לא כתוב בסיכום ההזמנה. חוזר עמוד אחורה לבדוק‬ ‫211‬

‫תסריט משתמש -‬ ‫• אחרי שהבוס שלי קיבל את הדוח, יש לו הערות ושאלות‬ ‫• הוא מתקשר אלי ב9 בערב לפתור את עניין הדוח‬ ‫• אני מתחבר מהבית לשרות, בעזרת האנדרואיד שלי, לראות את‬ ‫הדוח ששלחתי לו‬ ‫• אני לא זוכר בדיוק איזה "מבט" שלחתי לו.‬ ‫• מורכב לי מדי לחפש את האימייל בטלפון.‬‫• אני מבקש שישלח אלי חזרה את האימייל שקיבל, על מנת שאוכל‬ ‫לראות את הקישור שלחתי לו.‬ ‫311‬

‫ושוב תורכם -‬ ‫• אתר הכנס‬ ‫• פרסונה (לא אתם)‬‫• 2 תסריטי משתמש – כשלון‬ ‫– 8 דקות‬ ‫411‬

‫תראו לנו‬‫• מי רוצה להקריא?‬ ‫511‬

‫תסריטי משתמש - סיכום‬ ‫• כלי, לא מטרה‬ ‫• תהליך יצירתי‬‫• חשוב לכתוב ולשתף (לא בעל‬ ‫פה)‬ ‫• פרסונה, לא מוצר‬ ‫• תהליכים, לא משקים‬ ‫611‬

‫תסריט משתמש - סיכום‬‫• כלי חשוב - בעיקר למי שרגיל‬ ‫לחשיבה ויזואלית‬ ‫• סיפורים בכתב מאפשרים‬‫יצירתיות אחרת, מחוץ לקופסת‬ ‫החשיבה הויזואלית‬ ‫711‬

‫תסריט משתמש - סיכום‬‫• מאפשרים שיחה על אלמנטים‬‫שקשה לצייר - מטרות, צריכים‬ ‫ורצונות - הסיבות של‬‫המשתמש לגשת למוצר שלנו,‬ ‫להשתמש בו, לחזור אליו‬ ‫811‬

‫תצוגה – שילוב של פרסונה ותסריטים:‬ ‫קרדיט: יניב שריג‬ ‫911‬

‫שאלות?‬ ‫021‬

‫תודה‬ ‫121‬

http://uxi.org.il	2350
http://feeds.feedburner.com	7
http://paper.li	4
http://tweetree.com	1

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

by Ido Shavit

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 2,362

Statistics

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