אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
DESCRIPTION
TRANSCRIPT
![Page 1: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/1.jpg)
טיפוס טיפוסאבות אבות טיפוסאבותומתודולוגיה רקע
אבות טיפוסומתודולוגיה רקע ומתודולוגיהרקע ומתודולוגיהרקע
1
ראש תחום חווית משתמש , ליאור יאיר ראש תחום חווית משתמש , ליאור יאיר
![Page 2: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/2.jpg)
?מהו הרכיב הפשוט ביותר
2
![Page 3: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/3.jpg)
3
![Page 4: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/4.jpg)
?אבא ?אבא
4
![Page 5: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/5.jpg)
- אב טיפוס- אב טיפוס
רעיון או עיצוב המדגים ראשוני רעיוןמוצר או עיצוב המדגים ראשוני מוצר ון "" צוב או רע ם ע מוצר ראשונ המדגעל מנת לבחון ולשפר את המוצר
ון צוב או רע ם ע מוצר ראשונ המדגןעל מנת לבחון ולשפר את המוצר
הסופין
הסופי""
5
![Page 6: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/6.jpg)
בהרמת ידבהרמת יד
אבות יצרו מכם אבותכמה יצרו מכם כמה מכם יצרו אבות כמה מכם יצרו אבות כמה?טיפוס בעבר?טיפוס בעבר
62009
![Page 7: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/7.jpg)
אבות טיפוס מתחומים שונים
7
![Page 8: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/8.jpg)
אבות טיפוס מתחומים שונים
8
![Page 9: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/9.jpg)
אבות טיפוס מתחומים שונים
9
![Page 10: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/10.jpg)
אבות טיפוס מתחומים שונים
Snowwhite Mac
(1983)
10
![Page 11: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/11.jpg)
אבות טיפוס מהעולם שלי
המוצר של ראשונית גרסה מייצגים ת של המוצר ם גרסה ראשונ צג .מ
מדגימים צורה ופונקציונליות בדרך ויזואלית.
יכולים להכיל רק חלק מההתנהגות של המוצר האמיתי.
הסופי מהמימוש שונים לעיתים לעיתים שונים מהמימוש הסופי.
זמן ומשאבים. (זולים לייצור(
11
![Page 12: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/12.jpg)
אבות טיפוס מהעולם שלי
המוצר של ראשונית גרסה מייצגים ת של המוצר ם גרסה ראשונ צג .מ
מדגימים צורה ופונקציונליות בדרך ויזואלית.
יכולים להכיל רק חלק מההתנהגות של המוצר האמיתי.
הסופי מהמימוש שונים לעיתים לעיתים שונים מהמימוש הסופי.
זמן ומשאבים. (זולים לייצור(
ל ל עוזרים לי לייצר חווית משתמש טובה יותר על ידי בדיקותל
12
![Page 13: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/13.jpg)
מטרותמטרות
13
![Page 14: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/14.jpg)
מטרות
בדיקות שמישות ועמידה במטרות הפרויקט 1
ל לא עובדעובד
14
![Page 15: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/15.jpg)
מטרות
קבלת פידבק בשלב מוקדם של התהליך 2
מנסה" שאתה אחרונה פעם ליאור פעם אחרונה שאתה מנסה ליאורלאפיין מכונת זמן שמעדכנת את
"הטוויטר"
מחברי צוות15
![Page 16: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/16.jpg)
מטרות
קבלת פידבק בשלב מוקדם של התהליך 2
זה בדיוק מה "!"שרציתי ת !שרצ
מהלקוח16
ק
![Page 17: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/17.jpg)
מטרות
קבלת פידבק בשלב מוקדם של התהליך 2
רציתיתודה" שתמיד האתר !זה ! זה האתר שתמיד רציתי,תודה""?עכשיו אפשר לחזור לפייסבוק
מהמשתמשים17
![Page 18: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/18.jpg)
מטרות
!זיהוי בעיות לפני שלב העיצוב וכתיבת הקוד 3
100שינוי לפני כתיבת הקוד זול פי ""משינוי לאחר הכתיבה"ל
18
![Page 19: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/19.jpg)
ומוקשים יתרונות ומוקשיםיתרונות
19
![Page 20: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/20.jpg)
יתרונות
ל ל תהליך איטרטיבי מהיר של שינויים ושיפורים.
מתהליך הפיתוחמאפשר בדיקות שמישות כחלק.
תנועה, סלולר(בודק דברים שלא ניתן לבדוק בתהליך האפיון.(
הלקוח והמשתמשים,משפר את התקשורת מול אנשי הצוות. ק,ק
מתאים את המוצר למשתמשים ומפחית את הסיכון לטעויות בחווית.המשתמשהמשתמש
20
![Page 21: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/21.jpg)
יתרונות
ל ל תהליך איטרטיבי מהיר של שינויים ושיפורים.
מאפשר בדיקות שמישות כחלק מתהליך הפיתוח .
תנועה, סלולר(בודק דברים שלא ניתן לבדוק בתהליך האפיון.(
הלקוח והמשתמשים,משפר את התקשורת מול אנשי הצוות. ק,ק
מתאים את המוצר למשתמשים ומפחית את הסיכון לטעויות בחווית.המשתמשהמשתמש
יצירת מוצר טוב יותר
21
![Page 22: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/22.jpg)
ממה להיזהר
מורכבות יתר.
22
![Page 23: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/23.jpg)
ממה להיזהר
מורכבות יתר.
רגשית לאב הטיפוסלהיקשר.
23
![Page 24: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/24.jpg)
עיקריים מאפיינים עיקריים מאפייניםס פ ת ב לאבות טיפוסל
24
![Page 25: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/25.jpg)
EvolutionaryEvolutionaryVsVsVs
ThVs
ThThrowawayThrowaway
25
![Page 26: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/26.jpg)
FidelityFidelityFidelity)מ(
Fidelity)מ( )נאמנות( )נאמנות(
26
![Page 27: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/27.jpg)
Fid liFid liFidelity Fidelity )נאמנות( )נאמנות(
Visual Fidelity Visual Fidelity Functional Fidelity Functional Fidelity 27
yyyy
![Page 28: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/28.jpg)
Visual Fidelity
Low Fidelityציור על נייר או על לוח
Low Fidelity
מהיר.
זול זול.
פרקטי.
קל לעשות שינויים.
28
![Page 29: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/29.jpg)
Visual Fidelity
Low Fidelityציור על נייר או על לוח
Low Fidelity
מהיר.
זול זול.
פרקטי.
קל לעשות שינויים.
רחוק מהמוצר האמיתי
29
![Page 30: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/30.jpg)
Visual Fidelity
Medium Fidelityשימוש בתוכנת אפיון
Medium Fidelity
מתקרב למוצר האמיתי.
ן.דורש ניסיון
לוקח זמן.
30
![Page 31: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/31.jpg)
Visual Fidelity
High Fidelityכולל עיצוב גרפי
High Fidelity
מדמה מוצר גמור.
דורש השקעה גדולה. ק
מיומנויות עיצוביות.
31
![Page 32: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/32.jpg)
זיהוי הדרישותתהליך העבודה
בניית אב הטיפוס
קפידבק
שינויים ותוספות
32
![Page 33: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/33.jpg)
מנייר טיפוס אבות טיפוס מנייראבות(Paper prototyping)(Paper prototyping)
33
![Page 34: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/34.jpg)
Paper prototyping
34
![Page 35: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/35.jpg)
Paper prototyping
?למה נייר?לכולם אוהבים נייר.
ומהיר זול ר .זול ומה
קל לעשות שינויים תוך כדי תהליך .
35
![Page 36: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/36.jpg)
Paper prototyping
נייר עם לעשות אפשר ר?מה ?מה אפשר לעשות עם נ
Tabs+drop downs
36
![Page 37: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/37.jpg)
Paper prototyping
נייר עם לעשות אפשר ר?מה ?מה אפשר לעשות עם נ
Dynamic panel
37
![Page 38: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/38.jpg)
Paper prototyping
נייר עם לעשות אפשר ר?מה ?מה אפשר לעשות עם נ
Pop‐ups
38
![Page 39: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/39.jpg)
Paper prototyping
אפשר אי ?מה א אפשר?מה
גלילה.
מעברי עכבר.
תגובה לזמני הדמיה הדמיה לזמני תגובה .
אייקונים, תמונות. (התייחסות לעיצוב(
תוכן דינמי שתלוי בקלט.
39
![Page 40: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/40.jpg)
Paper prototyping
ך?איך ?א
40
![Page 41: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/41.jpg)
Paper prototyping
ך?איך ?א
41
![Page 42: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/42.jpg)
Paper prototyping
ך?איך ?א
42
![Page 43: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/43.jpg)
Paper prototyping
ך?איך ?א
43
![Page 44: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/44.jpg)
מצגת מחקר| בנק הפועלים
עולם הבנקאות והפיננסים
445
![Page 45: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/45.jpg)
!זה מגניב, תשתמשו
45
![Page 46: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/46.jpg)
46
![Page 47: אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט](https://reader033.vdocuments.site/reader033/viewer/2022061209/548e2be8b479595a178b47ec/html5/thumbnails/47.jpg)
Axure
47