SlideShare una empresa de Scribd logo
1 de 24
Descargar para leer sin conexión
‫אם לא תשאל – איך תדע?‬
‫מידע כבסיס לעיצוב חווית משתמש‬
‫-----------‬‫אסף באר‬
2005
2006
2008
2010
2011
‫השקת המוצראתר‬
‫היא רק נקודת הפתיחה של‬
‫התהליך‬
‫עיצוב‬

‫ניתוח‬

‫בדיקה‬

‫שינויים‬
‫איך יודעים מה דורש שיפור?‬

‫שואלים‬
‫שאלונים‬
‫מפות חום‬
Web analytics
‫איך נדע אם השינויים עובדים?‬

‫בודקים‬
A/B TESTING
MULTIVARIATE TESTING
‫לסיכום‬
‫• שיפור מתמיד של חווית המשתמש‬
‫• שינויים על בסיס מידע ולא על בסיס תחושות‬

‫• הגדרה מדוייקת מה ייחשב הצלחה‬
‫• טסטינג, טסטינג, טסטינג‬
‫תודה :)‬

Más contenido relacionado

Destacado

ελια μαρία αναστασία
ελια μαρία αναστασίαελια μαρία αναστασία
ελια μαρία αναστασίαiodinou
 
Citirea rapidă
Citirea rapidăCitirea rapidă
Citirea rapidăDIB ULIM
 
Volantino Mobilezone - Apertura Negozio via Marghera 37, MILANO
Volantino Mobilezone - Apertura Negozio via Marghera 37, MILANOVolantino Mobilezone - Apertura Negozio via Marghera 37, MILANO
Volantino Mobilezone - Apertura Negozio via Marghera 37, MILANOGameStop Italia
 
Innerlijke ervaring 3 10-2013
Innerlijke ervaring 3 10-2013Innerlijke ervaring 3 10-2013
Innerlijke ervaring 3 10-2013Pakepipelot
 
Deber documento 3 Visual Basic
Deber documento 3 Visual BasicDeber documento 3 Visual Basic
Deber documento 3 Visual BasicLucero Palacios
 
Surat dari teman di tahun 2070
Surat dari teman di tahun 2070Surat dari teman di tahun 2070
Surat dari teman di tahun 2070Dwi Taryanto
 
Fruit,building,partof body
Fruit,building,partof bodyFruit,building,partof body
Fruit,building,partof bodySasmirido Doni
 
Pdf20131018 educar distraccio
Pdf20131018 educar distraccioPdf20131018 educar distraccio
Pdf20131018 educar distraccioRamon Barlam
 
Kode Etik Profesi Akuntan Standar Internasional
Kode Etik Profesi Akuntan Standar InternasionalKode Etik Profesi Akuntan Standar Internasional
Kode Etik Profesi Akuntan Standar InternasionalAgustia Ardila
 
Segunda guerra mundial(1939 1945)
Segunda guerra mundial(1939 1945)Segunda guerra mundial(1939 1945)
Segunda guerra mundial(1939 1945)DanRi
 
Charla debian day2015
Charla debian day2015Charla debian day2015
Charla debian day2015Edwin Caldon
 
1469569721-109616938
1469569721-1096169381469569721-109616938
1469569721-109616938Edwin Aviles
 

Destacado (19)

ελια μαρία αναστασία
ελια μαρία αναστασίαελια μαρία αναστασία
ελια μαρία αναστασία
 
Citirea rapidă
Citirea rapidăCitirea rapidă
Citirea rapidă
 
Volantino Mobilezone - Apertura Negozio via Marghera 37, MILANO
Volantino Mobilezone - Apertura Negozio via Marghera 37, MILANOVolantino Mobilezone - Apertura Negozio via Marghera 37, MILANO
Volantino Mobilezone - Apertura Negozio via Marghera 37, MILANO
 
Innerlijke ervaring 3 10-2013
Innerlijke ervaring 3 10-2013Innerlijke ervaring 3 10-2013
Innerlijke ervaring 3 10-2013
 
Ilovepdf.com
Ilovepdf.comIlovepdf.com
Ilovepdf.com
 
Deber documento 3 Visual Basic
Deber documento 3 Visual BasicDeber documento 3 Visual Basic
Deber documento 3 Visual Basic
 
Surat dari teman di tahun 2070
Surat dari teman di tahun 2070Surat dari teman di tahun 2070
Surat dari teman di tahun 2070
 
Proceso fundacion
Proceso fundacionProceso fundacion
Proceso fundacion
 
Fruit,building,partof body
Fruit,building,partof bodyFruit,building,partof body
Fruit,building,partof body
 
centenario
centenariocentenario
centenario
 
Pdf20131018 educar distraccio
Pdf20131018 educar distraccioPdf20131018 educar distraccio
Pdf20131018 educar distraccio
 
Ihram
IhramIhram
Ihram
 
ομηρική εποχή
ομηρική εποχήομηρική εποχή
ομηρική εποχή
 
Kode Etik Profesi Akuntan Standar Internasional
Kode Etik Profesi Akuntan Standar InternasionalKode Etik Profesi Akuntan Standar Internasional
Kode Etik Profesi Akuntan Standar Internasional
 
5555
55555555
5555
 
Segunda guerra mundial(1939 1945)
Segunda guerra mundial(1939 1945)Segunda guerra mundial(1939 1945)
Segunda guerra mundial(1939 1945)
 
Charla debian day2015
Charla debian day2015Charla debian day2015
Charla debian day2015
 
1469569721-109616938
1469569721-1096169381469569721-109616938
1469569721-109616938
 
Dos Hermanas
Dos HermanasDos Hermanas
Dos Hermanas
 

Más de Netcraft

מוצרים זהים ומשתמשים שונים / אביב גרוס אלון
מוצרים זהים ומשתמשים שונים / אביב גרוס אלוןמוצרים זהים ומשתמשים שונים / אביב גרוס אלון
מוצרים זהים ומשתמשים שונים / אביב גרוס אלוןNetcraft
 
הקול בראש / יסמין לוגסי
הקול בראש / יסמין לוגסיהקול בראש / יסמין לוגסי
הקול בראש / יסמין לוגסיNetcraft
 
טרנדים בעולם העיצוב הדיגיטלי בשנת 2017 / ניר נבות
טרנדים בעולם העיצוב הדיגיטלי בשנת 2017 / ניר נבותטרנדים בעולם העיצוב הדיגיטלי בשנת 2017 / ניר נבות
טרנדים בעולם העיצוב הדיגיטלי בשנת 2017 / ניר נבותNetcraft
 
ניר גייר
ניר גיירניר גייר
ניר גיירNetcraft
 
זוהר ארד
זוהר ארדזוהר ארד
זוהר ארדNetcraft
 
גבי מור
גבי מורגבי מור
גבי מורNetcraft
 
יריב גלעד
יריב גלעדיריב גלעד
יריב גלעדNetcraft
 
Amir Shilo
Amir ShiloAmir Shilo
Amir ShiloNetcraft
 
Aviv Gross Alon
Aviv Gross AlonAviv Gross Alon
Aviv Gross AlonNetcraft
 
Shira Weinberg
Shira WeinbergShira Weinberg
Shira WeinbergNetcraft
 
יהונתן שיפר
יהונתן שיפריהונתן שיפר
יהונתן שיפרNetcraft
 
סרג' קרול
סרג' קרולסרג' קרול
סרג' קרולNetcraft
 
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמןכשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמןNetcraft
 
רועי פלד
רועי פלדרועי פלד
רועי פלדNetcraft
 
ינון פרק
ינון פרקינון פרק
ינון פרקNetcraft
 
זוהר ארד
זוהר ארדזוהר ארד
זוהר ארדNetcraft
 
סרג' קרול
סרג' קרולסרג' קרול
סרג' קרולNetcraft
 
אודי סלנט
אודי סלנטאודי סלנט
אודי סלנטNetcraft
 
שלומי זיגארט
שלומי זיגארטשלומי זיגארט
שלומי זיגארטNetcraft
 
יוני אושין
יוני אושיןיוני אושין
יוני אושיןNetcraft
 

Más de Netcraft (20)

מוצרים זהים ומשתמשים שונים / אביב גרוס אלון
מוצרים זהים ומשתמשים שונים / אביב גרוס אלוןמוצרים זהים ומשתמשים שונים / אביב גרוס אלון
מוצרים זהים ומשתמשים שונים / אביב גרוס אלון
 
הקול בראש / יסמין לוגסי
הקול בראש / יסמין לוגסיהקול בראש / יסמין לוגסי
הקול בראש / יסמין לוגסי
 
טרנדים בעולם העיצוב הדיגיטלי בשנת 2017 / ניר נבות
טרנדים בעולם העיצוב הדיגיטלי בשנת 2017 / ניר נבותטרנדים בעולם העיצוב הדיגיטלי בשנת 2017 / ניר נבות
טרנדים בעולם העיצוב הדיגיטלי בשנת 2017 / ניר נבות
 
ניר גייר
ניר גיירניר גייר
ניר גייר
 
זוהר ארד
זוהר ארדזוהר ארד
זוהר ארד
 
גבי מור
גבי מורגבי מור
גבי מור
 
יריב גלעד
יריב גלעדיריב גלעד
יריב גלעד
 
Amir Shilo
Amir ShiloAmir Shilo
Amir Shilo
 
Aviv Gross Alon
Aviv Gross AlonAviv Gross Alon
Aviv Gross Alon
 
Shira Weinberg
Shira WeinbergShira Weinberg
Shira Weinberg
 
יהונתן שיפר
יהונתן שיפריהונתן שיפר
יהונתן שיפר
 
סרג' קרול
סרג' קרולסרג' קרול
סרג' קרול
 
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמןכשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
כשהלקוח מבקש שהמוצר יהיה "חדשני, טרנדי וואו!" / עופר הולצמן
 
רועי פלד
רועי פלדרועי פלד
רועי פלד
 
ינון פרק
ינון פרקינון פרק
ינון פרק
 
זוהר ארד
זוהר ארדזוהר ארד
זוהר ארד
 
סרג' קרול
סרג' קרולסרג' קרול
סרג' קרול
 
אודי סלנט
אודי סלנטאודי סלנט
אודי סלנט
 
שלומי זיגארט
שלומי זיגארטשלומי זיגארט
שלומי זיגארט
 
יוני אושין
יוני אושיןיוני אושין
יוני אושין
 

אסף באר

Notas del editor

  1. כולנו מכירים את פייסבוק ואת השינויים התכופים – ולעיתים הקיצוניים – שהיא עושה בממשק המשתמש. כפי שאפשר לראות חווית המשתמש השתנתה לחלוטין במהלך השנים עד שהגענו לחוויה היציבה שאנחנו מכירים. שום דבר לא קדוש, והכל הינו בסיס לשינויים. לא בטוח ששינויים קיצוניים כל כך טובים כשיש לך בסיס משתמשים של יותר ממיליארד אנשים, אבל השוק מכריח אותם להשתנות כל הזמן כדי לעמוד בקצב.
  2. השקתם את האתר. השקעתם זמן בבדיקות שימושיות, אולי אפילו בדקתם במעבדה. אבל רק ברגע שהאתר ישוחרר לעולם תדעו אם באמת נוח להשתמש בו, אם המשתמשים אוהבים אותו, אם הוא מצליח למכור וכד. לכן, אל תתאהבו בממשק שלכם. התפישה צריכה להיות שזאת רק ההתחלה. הממשק יכול עוד להשתנות לחלוטין. למעשה תכינו את עצמכם שזה יקרה, שימו בצד חלק מהמשאבים. גוגל לא הוציאה את ג'ימייל מבטא במשך חמש שנים כי לתפישתם אין גרסאות אלא תהליך רציף של שינויים.
  3. אז איך נראה התהליך?התהליך הוא מעגלי.
  4. עכשיו, אתם בטח אומרים שזה ברור מאליו - אבל לדעתי הרוב המוחלט של האתרים עיצבו את האתרים בלי לשאול אף אחד. ובכל מקרה לא עשו בדיקה מקיפה ומשמעותית שתספק להם תובנות רלוונטיות. אנשים מעצבים אתרים לפי אופנות, לפי טעם אישי, לפי מה שהם קראו ועוד – כל זה במקום לשאול את מי שהולך להשתמש באתר עצמו!
  5. לא רצוי לנדנד למשתמשים יותר מדי, ולכן עדיף שאלה אחת או שתים מקסימום. השאלות צריכות להיות פשוטות וקצרות.כמובן שאפשר להרחיב לשאלונים רחבים יותר, אבל אז צריך לבחור סלקטיבית ואולי אפילו לייצר קבוצת מיקוד
  6. יש הבדל בין עכבר לבין עין – תלוי בסוג האתר. יש הבדל בין קליקים לבין תזוזה של עכבר
  7. כל נתון שאפשר לחשוב עליו נמצא כאן. יש עושר גדול של נתונים מהקופסא, אבל אין גבול למה שניתן לעשות בהתאמה אישית.ניתן למדוד כמות קליקים על כל כפתור, כמות ביקורים, כמות עמודים נצפים כמות פעולות שנעשו וכד. כדי להחליט אם יש בעיה בממשק, יש להגדיר מדדי ביצוע קי. פי. איי. לגבי מה טוב ומה לא: כמו כמה קליקים נדרשים עד פעולה מסויימת, כמה עמודים נצפו, כמה פעולות נעשו בביקור וכד.
  8. יש הבדל משמעותי בניסויים בין דפי נחיתה לבין ממשק משתמש. בדפי נחיתה הבדיקה מאוד פשוטה להבין מה עובד יותר טוב, אבל בשינויי ממשק המדדים לביצוע ובחינת השיפור מורכבים יותר וצריך לחשוב טוב מה ייחשב כהצלחה. בד"כ לוקחים קבוצה קטנה של משתמשים ובודקים עליה – תלוי כמה נפח תנועה יש כדי לקבל תוצאות מובהקות. יש גם כמה אסכולות של בדיקות – יש הטוענים לשינויים קטנים ויש הטוענים לשינויים גדולים.
  9. הקמפיין של אובמה היה ידוע בשימוש הרציף במדיה דיגיטלית ובטסטינג רציף של כל העמודים. לפעמים עמודים שונים מתאימים לאנשים שונים ולכן המסרים יכולים להשתנות בהתאם למקורות תנועה.
  10. כמובן שלא כל השינויים הם שינויים קטנים – למעשה יש אסכולה שטוענת שרק שינויים גדולים יכולים להביא לתוצאות משמעותיות.
  11. כמובן שלא כל השינויים הם שינויים קטנים – למעשה יש אסכולה שטוענת שרק שינויים גדולים יכולים להביא לתוצאות משמעותיות.
  12. הדוגמאות שאני נותן הם מדפי נחיתה, כי לרוב העיצובים במבחנים הם עיצובים של פרפורמנס, אבל ללא ספק אפשר לעשות אותם גם בעיצוב חווית משתמש.