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

Ido Shavit
Ido ShavitVP User Experience at Uniq UI - User Experience Design
••
‫פרסונות וסיפורי משתמש: בסיס‬ ‫חזק לחוויית משתמש מעולה‬ ‫עדוא שביט‬ ‫יום ד' 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‬
‫דוגמאות אחרות‬ 51 http://darmano.typepad.com/logic_emotion/customer_experience/
‫ודוגמא קצת יותר מורכבת‬ 52 http://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‬
1 of 116

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

••
Download to read offline
Design

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

Ido Shavit
Ido ShavitVP User Experience at Uniq UI - User Experience Design

Recommended

Types of Logo Design for Your Brand Identity by
Types of Logo Design for Your Brand IdentityTypes of Logo Design for Your Brand Identity
Types of Logo Design for Your Brand IdentityPro-Designs
666 views•21 slides
Web design proposal sample by
Web design proposal sampleWeb design proposal sample
Web design proposal sampleAdviacent
213.3K views•12 slides
Typography Analysis by
Typography AnalysisTypography Analysis
Typography Analysismaxmagee0113
726 views•3 slides
Logo and Its Types by
Logo and Its TypesLogo and Its Types
Logo and Its TypesBhavish Khandelwal
3K views•19 slides
Formation Branding by Refresh.tn by
Formation Branding by Refresh.tnFormation Branding by Refresh.tn
Formation Branding by Refresh.tnSocial media Club Tunisia
75 views•44 slides
Mouthwash by
MouthwashMouthwash
Mouthwashyeahlifehai
136 views•6 slides

More Related Content

Viewers also liked

Neshel ha nachash - Stay Relevant in UX by
Neshel ha nachash - Stay Relevant in UXNeshel ha nachash - Stay Relevant in UX
Neshel ha nachash - Stay Relevant in UXIdo Shavit
2.9K views•28 slides
ch ch changes: how to manage change successfully in digital products by
ch ch changes: how to manage change successfully in digital products ch ch changes: how to manage change successfully in digital products
ch ch changes: how to manage change successfully in digital products Ido Shavit
124 views•82 slides
UXI Live 2011 - בדיקות מומחה לממשק by
UXI Live 2011 - בדיקות מומחה לממשקUXI Live 2011 - בדיקות מומחה לממשק
UXI Live 2011 - בדיקות מומחה לממשקranl
1.6K views•61 slides
UX Israel - Live - The Right Way to Wireframe by
UX Israel - Live - The Right Way to WireframeUX Israel - Live - The Right Way to Wireframe
UX Israel - Live - The Right Way to WireframeRuss U
2.2K views•71 slides
UXI Live 2011 Ami Rotter by
UXI Live 2011 Ami RotterUXI Live 2011 Ami Rotter
UXI Live 2011 Ami RotterAmi Rotter
1.5K views•42 slides
עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011 by
עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011
עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011tamirco
1.5K views•97 slides

Viewers also liked(20)

Neshel ha nachash - Stay Relevant in UX by Ido Shavit
Neshel ha nachash - Stay Relevant in UXNeshel ha nachash - Stay Relevant in UX
Neshel ha nachash - Stay Relevant in UX
Ido Shavit•2.9K views
ch ch changes: how to manage change successfully in digital products by Ido Shavit
ch ch changes: how to manage change successfully in digital products ch ch changes: how to manage change successfully in digital products
ch ch changes: how to manage change successfully in digital products
Ido Shavit•124 views
UXI Live 2011 - בדיקות מומחה לממשק by ranl
UXI Live 2011 - בדיקות מומחה לממשקUXI Live 2011 - בדיקות מומחה לממשק
UXI Live 2011 - בדיקות מומחה לממשק
ranl•1.6K views
UX Israel - Live - The Right Way to Wireframe by Russ U
UX Israel - Live - The Right Way to WireframeUX Israel - Live - The Right Way to Wireframe
UX Israel - Live - The Right Way to Wireframe
Russ U•2.2K views
UXI Live 2011 Ami Rotter by Ami Rotter
UXI Live 2011 Ami RotterUXI Live 2011 Ami Rotter
UXI Live 2011 Ami Rotter
Ami Rotter•1.5K views
עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011 by tamirco
עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011
עמודי נחיתה מנצחים | תמיר כהן | UXI Live 2011
tamirco•1.5K views
UXI Live 2011 by Batia Nimhauser
UXI Live 2011UXI Live 2011
UXI Live 2011
Batia Nimhauser•1.1K views
Uxi live 2011 yaniv michaeli_cloud_ux by Yaniv Michaeli
Uxi live 2011 yaniv michaeli_cloud_uxUxi live 2011 yaniv michaeli_cloud_ux
Uxi live 2011 yaniv michaeli_cloud_ux
Yaniv Michaeli•1.5K views
UXI Live 2011 - User Experience and the News at BBC World Service by tamarimkoldavar
UXI Live 2011 - User Experience and the News at BBC World ServiceUXI Live 2011 - User Experience and the News at BBC World Service
UXI Live 2011 - User Experience and the News at BBC World Service
tamarimkoldavar•1.2K views
UX Week 2011 - Guerrilla Research Methods Workshop by Russ U
UX Week 2011 - Guerrilla Research Methods WorkshopUX Week 2011 - Guerrilla Research Methods Workshop
UX Week 2011 - Guerrilla Research Methods Workshop
Russ U•2.6K views
שינוי התנהגות - חן שקדי - UXI Live 2011 by Hen Shkedi
שינוי התנהגות - חן שקדי - UXI Live 2011שינוי התנהגות - חן שקדי - UXI Live 2011
שינוי התנהגות - חן שקדי - UXI Live 2011
Hen Shkedi•1.8K views
UXI Live 2011 - טאב, אפליקציה והח' הקדמון by Oren Shamir
UXI Live 2011 - טאב, אפליקציה והח' הקדמוןUXI Live 2011 - טאב, אפליקציה והח' הקדמון
UXI Live 2011 - טאב, אפליקציה והח' הקדמון
Oren Shamir•1.2K views
UXI Live 2011 lecture by Dr. Yaakov Greenshpan by orliui
UXI Live 2011 lecture by Dr. Yaakov GreenshpanUXI Live 2011 lecture by Dr. Yaakov Greenshpan
UXI Live 2011 lecture by Dr. Yaakov Greenshpan
orliui•1.3K views
Design Principles: The Philopsohy of UX –- Higher Ed Edition by Whitney Hess
Design Principles: The Philopsohy of UX –- Higher Ed EditionDesign Principles: The Philopsohy of UX –- Higher Ed Edition
Design Principles: The Philopsohy of UX –- Higher Ed Edition
Whitney Hess•26.7K views
Mobile web UX Design - Barak Danin, UXI Live 2011 by barakdanin
Mobile web UX Design - Barak Danin, UXI Live 2011Mobile web UX Design - Barak Danin, UXI Live 2011
Mobile web UX Design - Barak Danin, UXI Live 2011
barakdanin•1.9K views
Creating a Culture of UX by Whitney Hess
Creating a Culture of UXCreating a Culture of UX
Creating a Culture of UX
Whitney Hess•67.3K views
Asesores contable claros & cia by FRANCY EDITH CLAROS
Asesores contable claros & cia Asesores contable claros & cia
Asesores contable claros & cia
FRANCY EDITH CLAROS•283 views
2011 Hyundai Equus For Sale at Keffer Hyundai in Charlotte, North Carolina by Courtney Boone
2011 Hyundai Equus For Sale at Keffer Hyundai in Charlotte, North Carolina2011 Hyundai Equus For Sale at Keffer Hyundai in Charlotte, North Carolina
2011 Hyundai Equus For Sale at Keffer Hyundai in Charlotte, North Carolina
Courtney Boone•338 views
Penetapan KKM by Umar Hadi Wahyu D
Penetapan KKMPenetapan KKM
Penetapan KKM
Umar Hadi Wahyu D•1.4K views
Introduction to Beanstalk Giving by Ross Williams
Introduction to Beanstalk GivingIntroduction to Beanstalk Giving
Introduction to Beanstalk Giving
Ross Williams•227 views

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

Writing by
WritingWriting
WritingMorit Rozen
501 views•32 slides
Recruiting UX professionals (and other lessons) - Barak Danin by
Recruiting UX professionals (and other lessons) - Barak DaninRecruiting UX professionals (and other lessons) - Barak Danin
Recruiting UX professionals (and other lessons) - Barak DaninUniq UI
544 views•32 slides
Agile sparks 2012 ux-vision - agile an ux - emenies or friends by
Agile sparks 2012 ux-vision - agile an ux - emenies or friendsAgile sparks 2012 ux-vision - agile an ux - emenies or friends
Agile sparks 2012 ux-vision - agile an ux - emenies or friendsTAL FLORENTIN
1.1K views•40 slides
אז עם איזה לקוח אנחנו עובדים by
אז עם איזה לקוח אנחנו עובדיםאז עם איזה לקוח אנחנו עובדים
אז עם איזה לקוח אנחנו עובדיםMa'ayan Alexander
153 views•26 slides
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין by
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דניןהמועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דניןUniq UI
330 views•49 slides
Productx 2014 barak danin. Unique UI by
Productx 2014 barak danin. Unique UIProductx 2014 barak danin. Unique UI
Productx 2014 barak danin. Unique UIProduct Excellence
405 views•39 slides

Similar to סדנת פרסונות עדוא שביט Uxi live 2011(20)

Writing by Morit Rozen
WritingWriting
Writing
Morit Rozen•501 views
Recruiting UX professionals (and other lessons) - Barak Danin by Uniq UI
Recruiting UX professionals (and other lessons) - Barak DaninRecruiting UX professionals (and other lessons) - Barak Danin
Recruiting UX professionals (and other lessons) - Barak Danin
Uniq UI•544 views
Agile sparks 2012 ux-vision - agile an ux - emenies or friends by TAL FLORENTIN
Agile sparks 2012 ux-vision - agile an ux - emenies or friendsAgile sparks 2012 ux-vision - agile an ux - emenies or friends
Agile sparks 2012 ux-vision - agile an ux - emenies or friends
TAL FLORENTIN•1.1K views
אז עם איזה לקוח אנחנו עובדים by Ma'ayan Alexander
אז עם איזה לקוח אנחנו עובדיםאז עם איזה לקוח אנחנו עובדים
אז עם איזה לקוח אנחנו עובדים
Ma'ayan Alexander•153 views
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין by Uniq UI
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דניןהמועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
Uniq UI•330 views
Productx 2014 barak danin. Unique UI by Product Excellence
Productx 2014 barak danin. Unique UIProductx 2014 barak danin. Unique UI
Productx 2014 barak danin. Unique UI
Product Excellence•405 views
דרופל וחווית משתמש by Michael Shmilov
דרופל וחווית משתמשדרופל וחווית משתמש
דרופל וחווית משתמש
Michael Shmilov•354 views
ISOCIL-Lecture by Kineo Israel
ISOCIL-LectureISOCIL-Lecture
ISOCIL-Lecture
Kineo Israel•259 views
התוכניות שלי כל כך מושקעות - אז למה אני שוב מופתע? by Ilan Kirschenbaum
התוכניות שלי כל כך מושקעות - אז למה אני שוב מופתע?התוכניות שלי כל כך מושקעות - אז למה אני שוב מופתע?
התוכניות שלי כל כך מושקעות - אז למה אני שוב מופתע?
Ilan Kirschenbaum•827 views
מיתוג ברשתות החברתיות.pptx by ShaiFalay1
מיתוג ברשתות החברתיות.pptxמיתוג ברשתות החברתיות.pptx
מיתוג ברשתות החברתיות.pptx
ShaiFalay1•28 views
למידה מתוקשבת - מודלים, תבניות ורעיונות by Kineo Israel
למידה מתוקשבת - מודלים, תבניות ורעיונותלמידה מתוקשבת - מודלים, תבניות ורעיונות
למידה מתוקשבת - מודלים, תבניות ורעיונות
Kineo Israel•964 views
למידה מתוקשבת - מודלים, תבניות, רעיונות by Sharona Segal
למידה מתוקשבת - מודלים, תבניות, רעיונותלמידה מתוקשבת - מודלים, תבניות, רעיונות
למידה מתוקשבת - מודלים, תבניות, רעיונות
Sharona Segal•1K views
ניהול בעידן המדיה החברתית והרשתות החברתיות - קורס ניהול למנהלי הסוכנות היהודי... by Yigal Chamish
ניהול בעידן המדיה החברתית והרשתות החברתיות - קורס ניהול למנהלי הסוכנות היהודי...ניהול בעידן המדיה החברתית והרשתות החברתיות - קורס ניהול למנהלי הסוכנות היהודי...
ניהול בעידן המדיה החברתית והרשתות החברתיות - קורס ניהול למנהלי הסוכנות היהודי...
Yigal Chamish•466 views
מפגש ספרני ארבע מכללות - על מדיה חברתית ורשתות חברתיות במכללת כנרת by Yigal Chamish
מפגש ספרני ארבע מכללות - על מדיה חברתית ורשתות חברתיות במכללת כנרתמפגש ספרני ארבע מכללות - על מדיה חברתית ורשתות חברתיות במכללת כנרת
מפגש ספרני ארבע מכללות - על מדיה חברתית ורשתות חברתיות במכללת כנרת
Yigal Chamish•442 views
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט by Uniq UI: Usability, UX, and UI design, consulting and training
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפטאבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
Uniq UI: Usability, UX, and UI design, consulting and training•459 views
Creating Delicious Wordpress Sites, Barak Danin, Uniq UI by Uniq UI
Creating Delicious Wordpress Sites, Barak Danin, Uniq UICreating Delicious Wordpress Sites, Barak Danin, Uniq UI
Creating Delicious Wordpress Sites, Barak Danin, Uniq UI
Uniq UI•602 views
נטוורקינג ומיתוג אישי בעידן המדיה החברתית - רונן עפר, אפריל ייעוץ עסקי by April Marketing & PR
נטוורקינג ומיתוג אישי בעידן המדיה החברתית - רונן עפר, אפריל ייעוץ עסקינטוורקינג ומיתוג אישי בעידן המדיה החברתית - רונן עפר, אפריל ייעוץ עסקי
נטוורקינג ומיתוג אישי בעידן המדיה החברתית - רונן עפר, אפריל ייעוץ עסקי
April Marketing & PR•594 views
Managing Changes in Digital Products, Uniq UI, at UXI Live 2013 (Hebrew) by Uniq UI
Managing Changes in Digital Products, Uniq UI, at UXI Live 2013 (Hebrew)Managing Changes in Digital Products, Uniq UI, at UXI Live 2013 (Hebrew)
Managing Changes in Digital Products, Uniq UI, at UXI Live 2013 (Hebrew)
Uniq UI•3.2K views
כשמעצב פוגש מעסיק- ניר נבות by Netcraft
כשמעצב פוגש מעסיק- ניר נבותכשמעצב פוגש מעסיק- ניר נבות
כשמעצב פוגש מעסיק- ניר נבות
Netcraft•1.1K views
ראיון הייטק פגישה 4 - programming interview lesson 4 by Igor Kleiner
ראיון הייטק פגישה 4 - programming interview lesson 4 ראיון הייטק פגישה 4 - programming interview lesson 4
ראיון הייטק פגישה 4 - programming interview lesson 4
Igor Kleiner•561 views

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

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