אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט

טיפוס טיפוסאבות אבות טיפוסאבותומתודולוגיה רקע

אבות טיפוסומתודולוגיה רקע ומתודולוגיהרקע ומתודולוגיהרקע

1

ראש תחום חווית משתמש , ליאור יאיר ראש תחום חווית משתמש , ליאור יאיר

?מהו הרכיב הפשוט ביותר

2

3

?אבא ?אבא

4

- אב טיפוס- אב טיפוס

רעיון או עיצוב המדגים ראשוני רעיוןמוצר או עיצוב המדגים ראשוני מוצר ון "" צוב או רע ם ע מוצר ראשונ המדגעל מנת לבחון ולשפר את המוצר

ון צוב או רע ם ע מוצר ראשונ המדגןעל מנת לבחון ולשפר את המוצר

הסופין

הסופי""

5

בהרמת ידבהרמת יד

אבות יצרו מכם אבותכמה יצרו מכם כמה מכם יצרו אבות כמה מכם יצרו אבות כמה?טיפוס בעבר?טיפוס בעבר

62009

אבות טיפוס מתחומים שונים

7

אבות טיפוס מתחומים שונים

8

אבות טיפוס מתחומים שונים

9

אבות טיפוס מתחומים שונים

Snowwhite Mac 

(1983)

10

אבות טיפוס מהעולם שלי

המוצר של ראשונית גרסה מייצגים ת של המוצר ם גרסה ראשונ צג .מ

מדגימים צורה ופונקציונליות בדרך ויזואלית.

יכולים להכיל רק חלק מההתנהגות של המוצר האמיתי.

הסופי מהמימוש שונים לעיתים לעיתים שונים מהמימוש הסופי.

זמן ומשאבים. (זולים לייצור(

11

אבות טיפוס מהעולם שלי

המוצר של ראשונית גרסה מייצגים ת של המוצר ם גרסה ראשונ צג .מ

מדגימים צורה ופונקציונליות בדרך ויזואלית.

יכולים להכיל רק חלק מההתנהגות של המוצר האמיתי.

הסופי מהמימוש שונים לעיתים לעיתים שונים מהמימוש הסופי.

זמן ומשאבים. (זולים לייצור(

ל ל עוזרים לי לייצר חווית משתמש טובה יותר על ידי בדיקותל

12

מטרותמטרות

13

מטרות

בדיקות שמישות ועמידה במטרות הפרויקט 1

ל לא עובדעובד

14

מטרות

קבלת פידבק בשלב מוקדם של התהליך 2

מנסה" שאתה אחרונה פעם ליאור פעם אחרונה שאתה מנסה ליאורלאפיין מכונת זמן שמעדכנת את

"הטוויטר"

מחברי צוות15

מטרות

קבלת פידבק בשלב מוקדם של התהליך 2

זה בדיוק מה "!"שרציתי ת !שרצ

מהלקוח16

ק

מטרות

קבלת פידבק בשלב מוקדם של התהליך 2

רציתיתודה" שתמיד האתר !זה ! זה האתר שתמיד רציתי,תודה""?עכשיו אפשר לחזור לפייסבוק

מהמשתמשים17

מטרות

!זיהוי בעיות לפני שלב העיצוב וכתיבת הקוד 3

100שינוי לפני כתיבת הקוד זול פי ""משינוי לאחר הכתיבה"ל

18

ומוקשים יתרונות ומוקשיםיתרונות

19

יתרונות

ל ל תהליך איטרטיבי מהיר של שינויים ושיפורים.

מתהליך הפיתוחמאפשר בדיקות שמישות כחלק.

תנועה, סלולר(בודק דברים שלא ניתן לבדוק בתהליך האפיון.(

הלקוח והמשתמשים,משפר את התקשורת מול אנשי הצוות. ק,ק

מתאים את המוצר למשתמשים ומפחית את הסיכון לטעויות בחווית.המשתמשהמשתמש

20

יתרונות

ל ל תהליך איטרטיבי מהיר של שינויים ושיפורים.

מאפשר בדיקות שמישות כחלק מתהליך הפיתוח .

תנועה, סלולר(בודק דברים שלא ניתן לבדוק בתהליך האפיון.(

הלקוח והמשתמשים,משפר את התקשורת מול אנשי הצוות. ק,ק

מתאים את המוצר למשתמשים ומפחית את הסיכון לטעויות בחווית.המשתמשהמשתמש

יצירת מוצר טוב יותר

21

ממה להיזהר

מורכבות יתר.

22

ממה להיזהר

מורכבות יתר.

רגשית לאב הטיפוסלהיקשר.

23

עיקריים מאפיינים עיקריים מאפייניםס פ ת ב לאבות טיפוסל

24

EvolutionaryEvolutionaryVsVsVs

ThVs

ThThrowawayThrowaway

25

FidelityFidelityFidelity)מ(

Fidelity)מ( )נאמנות( )נאמנות(

26

Fid liFid liFidelity Fidelity )נאמנות( )נאמנות(

Visual Fidelity Visual Fidelity Functional Fidelity Functional Fidelity 27

yyyy

Visual Fidelity

Low Fidelityציור על נייר או על לוח

Low Fidelity

מהיר.

זול זול.

פרקטי.

קל לעשות שינויים.

28

Visual Fidelity

Low Fidelityציור על נייר או על לוח

Low Fidelity

מהיר.

זול זול.

פרקטי.

קל לעשות שינויים.

רחוק מהמוצר האמיתי

29

Visual Fidelity

Medium Fidelityשימוש בתוכנת אפיון

Medium Fidelity

מתקרב למוצר האמיתי.

ן.דורש ניסיון

לוקח זמן.

30

Visual Fidelity

High Fidelityכולל עיצוב גרפי

High Fidelity

מדמה מוצר גמור.

דורש השקעה גדולה. ק

מיומנויות עיצוביות.

31

זיהוי הדרישותתהליך העבודה

בניית אב הטיפוס

קפידבק

שינויים ותוספות

32

מנייר טיפוס אבות טיפוס מנייראבות(Paper prototyping)(Paper prototyping)

33

Paper prototyping

34

Paper prototyping

?למה נייר?לכולם אוהבים נייר.

ומהיר זול ר .זול ומה

קל לעשות שינויים תוך כדי תהליך .

35

Paper prototyping

נייר עם לעשות אפשר ר?מה ?מה אפשר לעשות עם נ

Tabs+drop downs

36

Paper prototyping

נייר עם לעשות אפשר ר?מה ?מה אפשר לעשות עם נ

Dynamic panel

37

Paper prototyping

נייר עם לעשות אפשר ר?מה ?מה אפשר לעשות עם נ

Pop‐ups

38

Paper prototyping

אפשר אי ?מה א אפשר?מה

גלילה.

מעברי עכבר.

תגובה לזמני הדמיה הדמיה לזמני תגובה .

אייקונים, תמונות. (התייחסות לעיצוב(

תוכן דינמי שתלוי בקלט.

39

Paper prototyping

ך?איך ?א

40

Paper prototyping

ך?איך ?א

41

Paper prototyping

ך?איך ?א

42

Paper prototyping

ך?איך ?א

43

מצגת מחקר| בנק הפועלים

עולם הבנקאות והפיננסים

445

!זה מגניב, תשתמשו

45

46

Axure

47

Thanks!Thanks!www.netcraft.co.ilwww.netcraft.co.il/blog/ g

lior@netcraft co illior@netcraft.co.il

48