SlideShare a Scribd company logo

Checkbox presentation cs5

S
smadyby

UI design pattern presentation in collaboration with Kobi Pimat

Design
1 of 25
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
Checkbox Radio Button Toggle Button
?‫בכלל‬ ‫זה‬ ‫מה‬ )GUI( ‫משתמש‬ ‫ממשק‬ ‫של‬ ‫גרפיים‬ ‫אלמנטים‬ .‫שונות‬ ‫אופציות‬ ‫בין‬ ‫לבחור‬ ‫לנו‬ ‫מאפשרים‬ ‫אשר‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
?‫בכלל‬ ‫זה‬ ‫מה‬ )GUI( ‫משתמש‬ ‫ממשק‬ ‫של‬ ‫גרפיים‬ ‫אלמנטים‬ .‫שונות‬ ‫אופציות‬ ‫בין‬ ‫לבחור‬ ‫לנו‬ ‫מאפשרים‬ ‫אשר‬ ‫המבדילים‬ ‫שונים‬ ‫מעט‬ ‫מאפיינים‬ ‫אלמנט‬ ‫לכל‬ .‫מהאחרים‬ ‫אותו‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
?‫בכלל‬ ‫זה‬ ‫מה‬ )GUI( ‫משתמש‬ ‫ממשק‬ ‫של‬ ‫גרפיים‬ ‫אלמנטים‬ .‫שונות‬ ‫אופציות‬ ‫בין‬ ‫לבחור‬ ‫לנו‬ ‫מאפשרים‬ ‫אשר‬ ‫המבדילים‬ ‫שונים‬ ‫מעט‬ ‫מאפיינים‬ ‫אלמנט‬ ‫לכל‬ .‫מהאחרים‬ ‫אותו‬ ‫כל‬ ‫ליד/על‬ ‫הסבר‬ ‫טקסט‬ ‫יכללו‬ ‫כולם‬ ‫בדר"כ‬ .‫אופציה‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
?‫בכלל‬ ‫זה‬ ‫מה‬ ‫אופציות‬ ‫של‬ ‫מרובה‬ ‫בחירה‬ ‫מאפשר‬ .‫כלל‬ ‫בחירה‬ ‫אי‬ ‫או‬ )TRUE( ‫חיובי‬ ‫מצב‬ ‫מסמלת‬ ‫מסומנת‬ ‫תיבה‬ )FALSE( ‫שקרי‬ ‫מצב‬ ‫מסמלת‬ ‫ריקה‬ ‫תיבה‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
?‫בכלל‬ ‫זה‬ ‫מה‬ ‫אופציות‬ ‫של‬ ‫מרובה‬ ‫בחירה‬ ‫מאפשר‬ .‫כלל‬ ‫בחירה‬ ‫אי‬ ‫או‬ )TRUE( ‫חיובי‬ ‫מצב‬ ‫מסמלת‬ ‫מסומנת‬ ‫תיבה‬ )FALSE( ‫שקרי‬ ‫מצב‬ ‫מסמלת‬ ‫ריקה‬ ‫תיבה‬ .‫בלבד‬ ‫אחת‬ ‫אופציה‬ ‫בחירת‬ ‫מחייב‬ .‫בחירה‬ ‫אי‬ ‫מאפשר‬ ‫אינו‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
?‫בכלל‬ ‫זה‬ ‫מה‬ ‫אופציות‬ ‫של‬ ‫מרובה‬ ‫בחירה‬ ‫מאפשר‬ .‫כלל‬ ‫בחירה‬ ‫אי‬ ‫או‬ )TRUE( ‫חיובי‬ ‫מצב‬ ‫מסמלת‬ ‫מסומנת‬ ‫תיבה‬ )FALSE( ‫שקרי‬ ‫מצב‬ ‫מסמלת‬ ‫ריקה‬ ‫תיבה‬ .‫בלבד‬ ‫אחת‬ ‫אופציה‬ ‫בחירת‬ ‫מחייב‬ .‫בחירה‬ ‫אי‬ ‫מאפשר‬ ‫אינו‬ - ‫משתנה‬ ‫חוקיות‬ .‫לרדיו‬ ‫וגם‬ ‫לצ'קבוקס‬ ‫גם‬ ‫כתחליף‬ ‫לשמש‬ ‫יכול‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
‫מהמשתמש‬ ‫לקלוט‬ ‫מהצורך‬ ‫נבע‬ ‫האלמנט‬ ‫החדרת‬ .‫אפשרויות‬ ‫של‬ ‫ממערך‬ ‫בלבד‬ ‫אחת‬ ‫בחירה‬ ‫של‬ ‫חיקוי‬ ‫נעשה‬ ‫ביותר‬ ‫האינטואיטיבית‬ ‫בחשיבה‬ ‫יכל‬ ‫המשתמש‬ ‫בהם‬ ‫ישנים‬ ‫מכשירים‬ ‫פי‬ ‫על‬ ,‫רדיו‬ ‫לחצני‬ .‫המכשיר‬ ‫זכרון‬ ‫בתוך‬ ‫תחנות‬ ‫של‬ ‫סגור‬ ‫מסט‬ ‫לבחור‬ ‫הוא‬ ‫כן‬ ‫כשמו‬ - ‫רדיו‬ ‫כפתור‬
‫בחירות‬ ‫טפסי‬ ‫אמריקאי‬ ‫מבחן‬ ‫אפשריים‬ ‫מקורות‬ - ‫צ'קבוקס‬
‫בחירות‬ ‫טפסי‬ ‫אמריקאי‬ ‫מבחן‬ ‫לבחירה‬ ‫מהרצון‬ ‫כתוצאה‬ ‫נוצר‬ ‫הצ'קבוקס‬ ‫היד‬ ‫בכתב‬ ‫התשובה‬ ‫את‬ ‫לכתוב‬ ‫במקום‬ .‫אנונימית‬ .‫המתאים‬ ‫במקום‬ ‫לסמנה‬ ‫רק‬ ‫נותר‬ - ‫האישי‬ ‫בחירות‬ ‫טפסי‬ ‫הן‬ ‫לכך‬ ‫מובהקות‬ ‫דוגמאות‬ 2 .‫בחירה‬ ‫מרובי‬ ‫ומבחני‬ ‫אפשריים‬ ‫מקורות‬ - ‫צ'קבוקס‬
,‫ורטיקלית‬ ‫ברשימה‬ ‫יבואו‬ ‫הכפתורים‬ ‫בדר"כ‬ ‫של‬ ‫שורה‬ ‫באותו‬ ‫כשהכפתור‬ ,‫כלשהו‬ ‫לצד‬ ‫מיושרים‬ :‫לו‬ ‫השייך‬ ‫הטקסט‬ ‫ותפקוד‬ ‫חוקיות‬  
,‫פעולה‬ ‫ככפתורי‬ ‫משמשים‬ ‫לא‬ ‫הכפתורים‬ ‫בדר"כ‬ .‫הגדרה‬ ‫ככפתורי‬ ‫אלא‬ ‫ותפקוד‬ ‫חוקיות‬  
‫לשוני‬ ‫בלבול‬ ‫לבלבל‬ ‫יכולה‬ )‫/נקודה‬/ ‫ב‬ ‫(שימוש‬ ‫משתנה‬ ‫חוקיות‬ .‫המשתמש‬ ‫את‬ ‫לסמן‬ ‫יכול‬ , - ‫הוי‬ ‫סימן‬ ,‫אנגלית‬ ‫דוברות‬ ‫לא‬ ‫בארצות‬ ."‫מ"כן‬ ‫הגמור‬ ‫ההיפך‬ ‫את‬ R ‫ואילו‬ ‫נכונה‬ ‫לא‬ ‫תשובה‬ ‫מסמן‬  ,‫למשל‬ ‫בשוודיה‬ .‫נכונה‬ ‫תשובה‬ ‫מסמנת‬ )rätt -"‫"נכון‬ ‫(מהמילה‬ Yes = No = ???  
Case Study - ‫קוגניטיבית‬ ‫הטיה‬ ‫אנושי‬ ‫פגם‬ ‫היא‬ ‫מחדל‬ ‫ברירת‬ ‫ע"י‬ ‫קוגניטיבית‬ ‫הטיה‬ ‫של‬ ‫הנוחות‬ ‫אי‬ ‫את‬ ‫למנוע‬ ‫כדי‬ ‫כי‬ ‫נראה‬ .‫משותף‬ ‫בוחרים‬ ‫כלל‬ ‫בדרך‬ ‫אדם‬ ‫בני‬ ,‫אנו‬ ,‫מורכבות‬ ‫אפשרויות‬ .‫לנו‬ ‫המסופקת‬ ‫המחדל‬ ‫בברירת‬ ‫בחירות‬ ‫את‬ ‫לעצב‬ ‫יכולה‬ ‫בצ'קבוקס‬ ‫מחדל‬ ‫ברירת‬ .‫היוצר‬ ‫לראות‬ ‫בהתאם‬ ‫המשתמשים‬
Case Study - ‫קוגניטיבית‬ ‫הטיה‬ ‫אנושי‬ ‫פגם‬ ‫היא‬ ‫מחדל‬ ‫ברירת‬ ‫ע"י‬ ‫קוגניטיבית‬ ‫הטיה‬ ‫של‬ ‫הנוחות‬ ‫אי‬ ‫את‬ ‫למנוע‬ ‫כדי‬ ‫כי‬ ‫נראה‬ .‫משותף‬ ‫בוחרים‬ ‫כלל‬ ‫בדרך‬ ‫אדם‬ ‫בני‬ ,‫אנו‬ ,‫מורכבות‬ ‫אפשרויות‬ .‫לנו‬ ‫המסופקת‬ ‫המחדל‬ ‫בברירת‬ ‫בחירות‬ ‫את‬ ‫לעצב‬ ‫יכולה‬ ‫בצ'קבוקס‬ ‫מחדל‬ ‫ברירת‬ .‫היוצר‬ ‫לראות‬ ‫בהתאם‬ ‫המשתמשים‬ ‫יחסית‬ ‫דומות‬ ‫ארצות‬ ‫בין‬ ‫מוסברת‬ ‫ולא‬ ‫גדולה‬ ‫שונות‬ ‫יש‬ .‫וגרמניה‬ ‫אוסטריה‬ ‫או‬ ,‫ושוודיה‬ ‫דנמרק‬ ‫כמו‬ ‫בתרבויות‬ !‫הנהיגה‬ ‫רישיון‬ ‫ברישום‬ ‫הצ'קבוקס‬ ‫ניסוח‬ :‫התשובה‬ DK NL UK GR AU BL FR HU PL PT SE ‫ארצות‬ ‫לפי‬ ‫נהגים‬ ‫של‬ ‫איברים‬ ‫תרומת‬ % 100 28 17 12 100 98 100 100 100 100 86 4 60 20 80 40 0
= ‫ריקה‬ ‫תיבה‬ !‫גאה‬ ‫איברים‬ ‫תורם‬ ‫אני‬ = ‫ריקה‬ ‫תיבה‬ !‫באמ'שלכם‬ ‫אותי‬ ‫עזבו‬ Case Study - ‫קוגניטיבית‬ ‫הטיה‬
‫גרפית‬ ‫התפתחות‬
‫הלחיצה‬ ‫שטח‬ ‫הטקסט‬ ‫על‬ ‫גם‬ ‫אלא‬ ,‫הכפתור‬ ‫על‬ ‫רק‬ ‫לא‬ ‫ללחוץ‬ ‫היכולת‬ ‫אותו‬ ‫שמלווה‬ UX ‫התפתחות‬  cat  dog  hamster  lizard
‫הובר‬ ‫מצבי‬ ‫ביניים‬ ‫מצב‬ ‫סטנדרט‬ ‫אין‬ - ‫מקלדת‬ ‫קיצורי‬ UX ‫התפתחות‬
‫והן‬ ‫מרובה‬ ‫בבחירה‬ ‫הן‬ ‫לשמש‬ ‫יכולים‬ toggle ‫כפתורי‬ .‫יחידנית‬ ‫כבחירה‬ .‫מהרגיל‬ ‫יותר‬ ‫גדול‬ ‫לחיצה‬ ‫שטח‬ - ‫יתרון‬ ‫נכונות‬ ‫התשובות‬ ‫כל‬ - ‫טוגל‬ ‫כן/לא‬‫מרובה‬ ‫בחירה‬ 1 221 3 ‫יחידה‬ ‫בחירה‬ onoff
‫מרובה‬ ‫כבחירה‬ ‫הן‬ ‫לשמש‬ ‫יכולים‬ toggle ‫כפתורי‬ .‫יחידנית‬ ‫כבחירה‬ ‫והן‬ .‫מהרגיל‬ ‫יותר‬ ‫גדול‬ ‫לחיצה‬ ‫שטח‬ :‫יתרונות‬ .‫מאוחד‬ ‫והכפתור‬ ‫במידה‬ ‫ותזוזות‬ ‫לחיצות‬ ‫פחות‬ ‫נכונות‬ ‫התשובות‬ ‫כל‬ - Toggle ‫כן/לא‬‫מרובה‬ ‫בחירה‬ 1 221 3 ‫יחידה‬ ‫בחירה‬ off on
Select box -‫ל‬ ‫הכפתורים‬ ‫הפיכת‬ :‫אבולוציה‬ ‫אחד‬ ‫לבחור‬ ‫ניתן‬ ‫בה‬ ,select box‫ל‬ ‫הופכת‬ ‫ארוכה‬ ‫רשימה‬ .‫מהשורות‬ ‫יותר‬ ‫או‬
‫בוקס‬ ‫לסלקט‬ ‫לדרופ-דאון‬ ‫רדיו‬ ‫מכפתורי‬
‫תלויות‬ ‫בלתי‬ ‫לשורות‬ ‫טוגל‬ :‫אבולוציה‬ ‫כן/לא‬ ‫בצורת‬ ‫שורה‬ ‫לכל‬ ‫סימון‬
‫תלויות‬ ‫ובלתי‬ ‫תלויות‬ ‫לשורות‬ ‫טוגל‬ Present Future?

More Related Content

PPTX
Using Social Media for Recruitment and Retention
Michelle Hummel
 
PPTX
Veh des portfolio v3
Jon Albert
 
PPTX
Schoology
Sara Brooks
 
PDF
Discover the Mircom FleX-Net system
Michael Baker
 
DOCX
Atomic structure
Seval XD
 
PPTX
RSW TECHNOLOGY
RSW Technology
 
PPTX
Dibujos animados
Roberto Mejia
 
PDF
Secrets to LinkedIn Networking Success for Lead Generation
Michelle Hummel
 
Using Social Media for Recruitment and Retention
Michelle Hummel
 
Veh des portfolio v3
Jon Albert
 
Schoology
Sara Brooks
 
Discover the Mircom FleX-Net system
Michael Baker
 
Atomic structure
Seval XD
 
RSW TECHNOLOGY
RSW Technology
 
Dibujos animados
Roberto Mejia
 
Secrets to LinkedIn Networking Success for Lead Generation
Michelle Hummel
 

Viewers also liked (7)

PPTX
Autohelp Presentation
Stanislav Fadeyev
 
PDF
Premiazione 2014 I.C., S.M.S. e Scuole Elementari
allfrct
 
PPT
Social media marketing strategies for success
Michelle Hummel
 
PPTX
Trabajo ramon virguez
Ramon Virguez
 
PPTX
Secure development of code
SalomeVictor
 
PPT
Premiazione 2013 I.C. + SMS
allfrct
 
PDF
109451512 broucher-3333-copy
BRIJESH MISHRA
 
Autohelp Presentation
Stanislav Fadeyev
 
Premiazione 2014 I.C., S.M.S. e Scuole Elementari
allfrct
 
Social media marketing strategies for success
Michelle Hummel
 
Trabajo ramon virguez
Ramon Virguez
 
Secure development of code
SalomeVictor
 
Premiazione 2013 I.C. + SMS
allfrct
 
109451512 broucher-3333-copy
BRIJESH MISHRA
 
Ad

Checkbox presentation cs5

  • 2. ?‫בכלל‬ ‫זה‬ ‫מה‬ )GUI( ‫משתמש‬ ‫ממשק‬ ‫של‬ ‫גרפיים‬ ‫אלמנטים‬ .‫שונות‬ ‫אופציות‬ ‫בין‬ ‫לבחור‬ ‫לנו‬ ‫מאפשרים‬ ‫אשר‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
  • 3. ?‫בכלל‬ ‫זה‬ ‫מה‬ )GUI( ‫משתמש‬ ‫ממשק‬ ‫של‬ ‫גרפיים‬ ‫אלמנטים‬ .‫שונות‬ ‫אופציות‬ ‫בין‬ ‫לבחור‬ ‫לנו‬ ‫מאפשרים‬ ‫אשר‬ ‫המבדילים‬ ‫שונים‬ ‫מעט‬ ‫מאפיינים‬ ‫אלמנט‬ ‫לכל‬ .‫מהאחרים‬ ‫אותו‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
  • 4. ?‫בכלל‬ ‫זה‬ ‫מה‬ )GUI( ‫משתמש‬ ‫ממשק‬ ‫של‬ ‫גרפיים‬ ‫אלמנטים‬ .‫שונות‬ ‫אופציות‬ ‫בין‬ ‫לבחור‬ ‫לנו‬ ‫מאפשרים‬ ‫אשר‬ ‫המבדילים‬ ‫שונים‬ ‫מעט‬ ‫מאפיינים‬ ‫אלמנט‬ ‫לכל‬ .‫מהאחרים‬ ‫אותו‬ ‫כל‬ ‫ליד/על‬ ‫הסבר‬ ‫טקסט‬ ‫יכללו‬ ‫כולם‬ ‫בדר"כ‬ .‫אופציה‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
  • 5. ?‫בכלל‬ ‫זה‬ ‫מה‬ ‫אופציות‬ ‫של‬ ‫מרובה‬ ‫בחירה‬ ‫מאפשר‬ .‫כלל‬ ‫בחירה‬ ‫אי‬ ‫או‬ )TRUE( ‫חיובי‬ ‫מצב‬ ‫מסמלת‬ ‫מסומנת‬ ‫תיבה‬ )FALSE( ‫שקרי‬ ‫מצב‬ ‫מסמלת‬ ‫ריקה‬ ‫תיבה‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
  • 6. ?‫בכלל‬ ‫זה‬ ‫מה‬ ‫אופציות‬ ‫של‬ ‫מרובה‬ ‫בחירה‬ ‫מאפשר‬ .‫כלל‬ ‫בחירה‬ ‫אי‬ ‫או‬ )TRUE( ‫חיובי‬ ‫מצב‬ ‫מסמלת‬ ‫מסומנת‬ ‫תיבה‬ )FALSE( ‫שקרי‬ ‫מצב‬ ‫מסמלת‬ ‫ריקה‬ ‫תיבה‬ .‫בלבד‬ ‫אחת‬ ‫אופציה‬ ‫בחירת‬ ‫מחייב‬ .‫בחירה‬ ‫אי‬ ‫מאפשר‬ ‫אינו‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
  • 7. ?‫בכלל‬ ‫זה‬ ‫מה‬ ‫אופציות‬ ‫של‬ ‫מרובה‬ ‫בחירה‬ ‫מאפשר‬ .‫כלל‬ ‫בחירה‬ ‫אי‬ ‫או‬ )TRUE( ‫חיובי‬ ‫מצב‬ ‫מסמלת‬ ‫מסומנת‬ ‫תיבה‬ )FALSE( ‫שקרי‬ ‫מצב‬ ‫מסמלת‬ ‫ריקה‬ ‫תיבה‬ .‫בלבד‬ ‫אחת‬ ‫אופציה‬ ‫בחירת‬ ‫מחייב‬ .‫בחירה‬ ‫אי‬ ‫מאפשר‬ ‫אינו‬ - ‫משתנה‬ ‫חוקיות‬ .‫לרדיו‬ ‫וגם‬ ‫לצ'קבוקס‬ ‫גם‬ ‫כתחליף‬ ‫לשמש‬ ‫יכול‬ Checkboxes/Tickboxes Radio Buttons Toggle Buttons
  • 8. ‫מהמשתמש‬ ‫לקלוט‬ ‫מהצורך‬ ‫נבע‬ ‫האלמנט‬ ‫החדרת‬ .‫אפשרויות‬ ‫של‬ ‫ממערך‬ ‫בלבד‬ ‫אחת‬ ‫בחירה‬ ‫של‬ ‫חיקוי‬ ‫נעשה‬ ‫ביותר‬ ‫האינטואיטיבית‬ ‫בחשיבה‬ ‫יכל‬ ‫המשתמש‬ ‫בהם‬ ‫ישנים‬ ‫מכשירים‬ ‫פי‬ ‫על‬ ,‫רדיו‬ ‫לחצני‬ .‫המכשיר‬ ‫זכרון‬ ‫בתוך‬ ‫תחנות‬ ‫של‬ ‫סגור‬ ‫מסט‬ ‫לבחור‬ ‫הוא‬ ‫כן‬ ‫כשמו‬ - ‫רדיו‬ ‫כפתור‬
  • 9. ‫בחירות‬ ‫טפסי‬ ‫אמריקאי‬ ‫מבחן‬ ‫אפשריים‬ ‫מקורות‬ - ‫צ'קבוקס‬
  • 10. ‫בחירות‬ ‫טפסי‬ ‫אמריקאי‬ ‫מבחן‬ ‫לבחירה‬ ‫מהרצון‬ ‫כתוצאה‬ ‫נוצר‬ ‫הצ'קבוקס‬ ‫היד‬ ‫בכתב‬ ‫התשובה‬ ‫את‬ ‫לכתוב‬ ‫במקום‬ .‫אנונימית‬ .‫המתאים‬ ‫במקום‬ ‫לסמנה‬ ‫רק‬ ‫נותר‬ - ‫האישי‬ ‫בחירות‬ ‫טפסי‬ ‫הן‬ ‫לכך‬ ‫מובהקות‬ ‫דוגמאות‬ 2 .‫בחירה‬ ‫מרובי‬ ‫ומבחני‬ ‫אפשריים‬ ‫מקורות‬ - ‫צ'קבוקס‬
  • 11. ,‫ורטיקלית‬ ‫ברשימה‬ ‫יבואו‬ ‫הכפתורים‬ ‫בדר"כ‬ ‫של‬ ‫שורה‬ ‫באותו‬ ‫כשהכפתור‬ ,‫כלשהו‬ ‫לצד‬ ‫מיושרים‬ :‫לו‬ ‫השייך‬ ‫הטקסט‬ ‫ותפקוד‬ ‫חוקיות‬  
  • 12. ,‫פעולה‬ ‫ככפתורי‬ ‫משמשים‬ ‫לא‬ ‫הכפתורים‬ ‫בדר"כ‬ .‫הגדרה‬ ‫ככפתורי‬ ‫אלא‬ ‫ותפקוד‬ ‫חוקיות‬  
  • 13. ‫לשוני‬ ‫בלבול‬ ‫לבלבל‬ ‫יכולה‬ )‫/נקודה‬/ ‫ב‬ ‫(שימוש‬ ‫משתנה‬ ‫חוקיות‬ .‫המשתמש‬ ‫את‬ ‫לסמן‬ ‫יכול‬ , - ‫הוי‬ ‫סימן‬ ,‫אנגלית‬ ‫דוברות‬ ‫לא‬ ‫בארצות‬ ."‫מ"כן‬ ‫הגמור‬ ‫ההיפך‬ ‫את‬ R ‫ואילו‬ ‫נכונה‬ ‫לא‬ ‫תשובה‬ ‫מסמן‬  ,‫למשל‬ ‫בשוודיה‬ .‫נכונה‬ ‫תשובה‬ ‫מסמנת‬ )rätt -"‫"נכון‬ ‫(מהמילה‬ Yes = No = ???  
  • 14. Case Study - ‫קוגניטיבית‬ ‫הטיה‬ ‫אנושי‬ ‫פגם‬ ‫היא‬ ‫מחדל‬ ‫ברירת‬ ‫ע"י‬ ‫קוגניטיבית‬ ‫הטיה‬ ‫של‬ ‫הנוחות‬ ‫אי‬ ‫את‬ ‫למנוע‬ ‫כדי‬ ‫כי‬ ‫נראה‬ .‫משותף‬ ‫בוחרים‬ ‫כלל‬ ‫בדרך‬ ‫אדם‬ ‫בני‬ ,‫אנו‬ ,‫מורכבות‬ ‫אפשרויות‬ .‫לנו‬ ‫המסופקת‬ ‫המחדל‬ ‫בברירת‬ ‫בחירות‬ ‫את‬ ‫לעצב‬ ‫יכולה‬ ‫בצ'קבוקס‬ ‫מחדל‬ ‫ברירת‬ .‫היוצר‬ ‫לראות‬ ‫בהתאם‬ ‫המשתמשים‬
  • 15. Case Study - ‫קוגניטיבית‬ ‫הטיה‬ ‫אנושי‬ ‫פגם‬ ‫היא‬ ‫מחדל‬ ‫ברירת‬ ‫ע"י‬ ‫קוגניטיבית‬ ‫הטיה‬ ‫של‬ ‫הנוחות‬ ‫אי‬ ‫את‬ ‫למנוע‬ ‫כדי‬ ‫כי‬ ‫נראה‬ .‫משותף‬ ‫בוחרים‬ ‫כלל‬ ‫בדרך‬ ‫אדם‬ ‫בני‬ ,‫אנו‬ ,‫מורכבות‬ ‫אפשרויות‬ .‫לנו‬ ‫המסופקת‬ ‫המחדל‬ ‫בברירת‬ ‫בחירות‬ ‫את‬ ‫לעצב‬ ‫יכולה‬ ‫בצ'קבוקס‬ ‫מחדל‬ ‫ברירת‬ .‫היוצר‬ ‫לראות‬ ‫בהתאם‬ ‫המשתמשים‬ ‫יחסית‬ ‫דומות‬ ‫ארצות‬ ‫בין‬ ‫מוסברת‬ ‫ולא‬ ‫גדולה‬ ‫שונות‬ ‫יש‬ .‫וגרמניה‬ ‫אוסטריה‬ ‫או‬ ,‫ושוודיה‬ ‫דנמרק‬ ‫כמו‬ ‫בתרבויות‬ !‫הנהיגה‬ ‫רישיון‬ ‫ברישום‬ ‫הצ'קבוקס‬ ‫ניסוח‬ :‫התשובה‬ DK NL UK GR AU BL FR HU PL PT SE ‫ארצות‬ ‫לפי‬ ‫נהגים‬ ‫של‬ ‫איברים‬ ‫תרומת‬ % 100 28 17 12 100 98 100 100 100 100 86 4 60 20 80 40 0
  • 16. = ‫ריקה‬ ‫תיבה‬ !‫גאה‬ ‫איברים‬ ‫תורם‬ ‫אני‬ = ‫ריקה‬ ‫תיבה‬ !‫באמ'שלכם‬ ‫אותי‬ ‫עזבו‬ Case Study - ‫קוגניטיבית‬ ‫הטיה‬
  • 18. ‫הלחיצה‬ ‫שטח‬ ‫הטקסט‬ ‫על‬ ‫גם‬ ‫אלא‬ ,‫הכפתור‬ ‫על‬ ‫רק‬ ‫לא‬ ‫ללחוץ‬ ‫היכולת‬ ‫אותו‬ ‫שמלווה‬ UX ‫התפתחות‬  cat  dog  hamster  lizard
  • 19. ‫הובר‬ ‫מצבי‬ ‫ביניים‬ ‫מצב‬ ‫סטנדרט‬ ‫אין‬ - ‫מקלדת‬ ‫קיצורי‬ UX ‫התפתחות‬
  • 20. ‫והן‬ ‫מרובה‬ ‫בבחירה‬ ‫הן‬ ‫לשמש‬ ‫יכולים‬ toggle ‫כפתורי‬ .‫יחידנית‬ ‫כבחירה‬ .‫מהרגיל‬ ‫יותר‬ ‫גדול‬ ‫לחיצה‬ ‫שטח‬ - ‫יתרון‬ ‫נכונות‬ ‫התשובות‬ ‫כל‬ - ‫טוגל‬ ‫כן/לא‬‫מרובה‬ ‫בחירה‬ 1 221 3 ‫יחידה‬ ‫בחירה‬ onoff
  • 21. ‫מרובה‬ ‫כבחירה‬ ‫הן‬ ‫לשמש‬ ‫יכולים‬ toggle ‫כפתורי‬ .‫יחידנית‬ ‫כבחירה‬ ‫והן‬ .‫מהרגיל‬ ‫יותר‬ ‫גדול‬ ‫לחיצה‬ ‫שטח‬ :‫יתרונות‬ .‫מאוחד‬ ‫והכפתור‬ ‫במידה‬ ‫ותזוזות‬ ‫לחיצות‬ ‫פחות‬ ‫נכונות‬ ‫התשובות‬ ‫כל‬ - Toggle ‫כן/לא‬‫מרובה‬ ‫בחירה‬ 1 221 3 ‫יחידה‬ ‫בחירה‬ off on
  • 22. Select box -‫ל‬ ‫הכפתורים‬ ‫הפיכת‬ :‫אבולוציה‬ ‫אחד‬ ‫לבחור‬ ‫ניתן‬ ‫בה‬ ,select box‫ל‬ ‫הופכת‬ ‫ארוכה‬ ‫רשימה‬ .‫מהשורות‬ ‫יותר‬ ‫או‬
  • 23. ‫בוקס‬ ‫לסלקט‬ ‫לדרופ-דאון‬ ‫רדיו‬ ‫מכפתורי‬
  • 24. ‫תלויות‬ ‫בלתי‬ ‫לשורות‬ ‫טוגל‬ :‫אבולוציה‬ ‫כן/לא‬ ‫בצורת‬ ‫שורה‬ ‫לכל‬ ‫סימון‬
  • 25. ‫תלויות‬ ‫ובלתי‬ ‫תלויות‬ ‫לשורות‬ ‫טוגל‬ Present Future?