28

Kids user interface design

Embed Size (px)

Citation preview

Page 1: Kids user interface design
Page 2: Kids user interface design

1

.עיצוב לילדים שונה מעיצוב למבוגרים

.הבדלים בין ילדים ומבוגרים

.עקרונות בעיצוב מנשקים לילדים

Page 3: Kids user interface design

2

ילדים זקוקים לסגנון- ילדים ומבוגרים הם שוניםעיצוב שעוקב אחר עקרונות שמישות המותאמים להם

.באופן ספציפי

הרבה מהדברים שהופכים אתרים לקלים לשימוש, עם זאת.עושים את השימוש קל גם עבור ילדים, עבור מבוגרים

מסיבה זו אין לבטל עקרונות שמישות שמוכרים לכםאלא, ומסייעים להפוך את השימוש באתרים לפשוט

.לשלבם עם העקרונות המיועדים לילדים

Page 4: Kids user interface design

3

בשקפים הבאים מוצגת טבלה המסכמת את הדבריםהדומים והשונים העיקריים בהתנהגותם של משתמשים

כפי שנבדקו במחקרים, מבוגרים לעומת משתמשים ילדים.שונים שנעשו

את הטבלה המלאה תוכלו למצוא בסיכום המחקר של.Usability of Websites forChildren ייקוב נילסן 'ג

Page 5: Kids user interface design

4

מבוגריםילדיםסבלנות מוגבלתרוצים סיפוק מהירנכונות לחכות

התנהגות ודרךחקירה

אוהבים לנסות הרבהנסחפים, אפשרויות

דבקים בדרך ראשית

מעט מבלבלמאוד מבלבלדרכי ניווט רבות

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

מסתמכים עליו

קריאהלא- ילדים צעירים

-ילדים מבוגרים סורקים טקסט

סורקים טקסט

Page 6: Kids user interface design

ומבוגרים ילדים בין הבדלים

מבוגריםילדים

עוזרות לילדים שאינםמטאפורותיודעים לקרוא

בדרך כלל מסיח אתהדעת ומסרבל

- 14לילדים צעירים גודל פונט- 12לילדים מבוגרים

- 10למבוגרים - 14לגיל השלישי

שליטה, הקלדה איטיתהגבלות פיזיותמוגבלת בעכבר

אין אלא אם כן בעלימוגבלויות

גלילהלהימנע עבור ילדים

מעט גלילה, צעיריםעבור ילדים מבוגרים

מעט גלילה

5

Page 7: Kids user interface design

ומבוגרים ילדים בין הבדלים

מבוגריםילדיםאנימציה

בדרך כלל לא אוהביםבדרך כלל אוהביםוסאונד

לא יכולים להבחין ביןפרסומותפרסומות ובין תכני האתר

" -עיוורון באנרים"מתעלמים מפרסומות

עיצוב מכווןגיל

יש להבחין בין, קריטיקבוצות גילאים שונות

לא חשוב ברובהאתרים

חיפושמעדיפים- ילדים צעירים

להשתמש בסימניותמחפשים- ילדים מבוגרים

בדרך כלל מהווהנקודת כניסה

לאינטרנט 6

Page 8: Kids user interface design

שם האתר

בחירה נכונה של שם לאתר היא חשובה מכיוון, עבור ילדים בכל גיל.שמדובר באמצעי חשוב להשגת תשומת הלב של המשתמשים

ובמצב אידיאלי גם, השם צריך להעביר את מטרת האתר אל קהל היעדשם טוב מעלה באופן אוטומטי את". כיפית"להיות בעל משמעות

. ולהפך- האטרקטיביות של האתר

"ללכת לאיבוד"כדי לא , השם צריך להיות מוצג תמיד על המסך בין

7 . המוני פריטי גרפיים

Page 9: Kids user interface design

שם האתר פונה לקהל היעדהשם נמצא בראש. ילדים-

האתר באופן בולט במקום.שהוא תמיד נראה

שם האתר לא כתוב כללבראש העמוד אלא רק

.המטרה וקהל היעד

Page 10: Kids user interface design

מטרות האתר

.או בידור, חינוך, לספק מידע: מטרות אפשריות3 לאתר יש

אתר ששם לו למטרה לספק מידע עבור פעילויות לימודיות צריךלמרות שמאפיינים בידוריים עשויים. להתמקד במטרה הספציפית הזו

בכלליות ילדים אומרים שזה, להיות אטרקטיביים עבור ילדים מסויימים. מסיח את דעתם ממשימת החיפוש שבשבילה נכנסו לאתר

הם, אם בכל זאת היבטים בידוריים משולבים בפורטל מבוסס חיפוש. צריכים להיות קשורים בדרך כלשהי למטרה העיקרית של הפורטל

8 . כדאי למקד אתרי ילדים בנושאים ספציפיים ככל שניתן

Page 11: Kids user interface design

התאמה אישית של האתר

אייקונים, גבולות המסך, צבעים, מכיוון שתגובות לדברים כמו דמויותלילדים צריכה להיות, ואנימציות הן אישיות ומשתנות מילד לילד

. האפשרות להתאים אישית את ממשק האתר

:התאמה אישית מאפשרת. לתת מקום להעדפות האישיות של הפרט

להעלות את האטרקטיביות עבור קבוצת משתמשים רחבה יותר , ידי קבוצת גיל אחת-מה שנתפס כאטרקטיבי על(מבחינת הגיל ). ידי קבוצת גיל אחרת-על" ילדותי"עשוי להיתפס כ

לספק את שביעות רצונם הן של הבנים והן של הבנות ).מחקרים מצאו שהעדפות תצוגה קשורות גם למגדר(

9

Page 12: Kids user interface design

בו ילדים" העמוד שלי"קיים דף : רחוב סומסוםהתאמה אישית באתר .והוריהם יכולים לשמור את המשחקים והסרטונים המועדפים עליהם

Page 13: Kids user interface design

בו ילדים" העמוד שלי"קיים דף : v-shineהתאמה אישית באתר .תמונות ועוד, שירים, בדיחות, כתבות, יכולים להעלות סיפורים

Page 14: Kids user interface design

אינטראקטיביות באתר

לתלמידים לתקשרמסייעיםאט 'רכיבים אינטראקטיביים כמו אימייל וצ,בנוסף. אחד עם השני לצורכי החלפת מידע ודיון על פרויקטים כיתתייםהתלמידים יכולים גם ליצור קשר עם מומחי תוכן ולדון עימם על

במציאות בה בתי הספר מעדיפים עבודה בקבוצות. הפרויקטים שקיבלו. רכיבים אלו יכולים להתגלות כשימושיים מאוד, מאשר עבודה יחידנית

רכיבים אינטראקטיביים כמו משחקים ואנימציות יכולים, מצד שני התלמידים מהמידע אותו ביקשו לאתרגורם המסיח את דעתלהוות

מורים עשויים, כאשר משתמשים באתר בכיתות הלימוד. מלכתחילה10. להעדיף להרחיק כל פיתוי אפשרי מהתלמידים שלהם

Page 15: Kids user interface design

אט פתוח רק כאשר יש מנהל'הצ(אט מבוקר 'אתר המכיל צ.ולוחות בהם הילדים יכולים לתקשר בנושאים שונים) משגיח

Page 17: Kids user interface design

טרמינולוגיה

. צריכים להיות מותאמים לקהל היעד, המנוחים בהם משתמשים במנשק

-ו" אנשים"עדיף להשתמש במילים פשוטות ותיאוריות כמו שפחות מוכרות " ארכיון-"ו" אנשי קשר"במקום במילים " ספריה" . לילדים

והתלבט, צוות עיצוב רצה להציע מנשק הניתן להתאמה אישית :דוגמא.בבחירת המונח בו כדאי להשתמש בכדי למקם את האפשרות הזו באתר

. כייצוג ההולם ביותר עבור ילדים" האתר שלי: "לבסוף נבחר המינוח

11. יש לשים לב במיוחד לכותרות ראשיות ושמות של כפתורים

Page 18: Kids user interface design

דוגמאות לבחירה של מילים מתאימות לאתרי:ילדים

: מתוך הכתבהDesigning Web Registration Processes for Kids

INSTEAD OF…USE…

RegisterSign-up

Log InSign-in

SubmitStart

Name / User NameNickname / Site Name

Me / My / MineYou / Your / Yours

Secret CodePassword

Page 19: Kids user interface design

פרסומות

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

.להבחין בין תוכן רגיל באתר ובין פרסומות ובאנרים

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

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

.עדיף שבאתר המיועד לילדים יהיו מעט פרסומות ככל שניתן .אפ-בכל מקרה מומלץ להימנע לחלוטין מפרסומות מסוג פופ

12

Page 20: Kids user interface design

.אידיאלי- אתר ילדים שאיננו מכיל פרסומות משום סוג

Page 21: Kids user interface design

...מודעות מגוגל, באנרים- אתר ילדים שמכיל פרסומות מסוגים שונים .ילדים יתקשו לזהות שמדובר בפרסומות וישלחו לאתרים אחרים

Page 22: Kids user interface design

איות

נחוץ מאוד, לכן. היכולת לאיית משתנה בהתאם לגיל וליכולת האישית. שבכל אתר לילדים ייכלל מרכיב מסויים של בודק איות

ילדים היו רוצים שהפורטל יתקן באופן אוטומטי את, במצב אידיאליהפורטל חייב, לכל הפחות. שגיאות האיות שלהם ללא שום שלבי ביניים

:למשל(לספק שלב ביניים עם הפנייה אפשרית לאופן הכתיבה הרצוי ?").סמיכה במקום שמיכהאולי התכוונת לכתוב "

13

Page 23: Kids user interface design

שאילתות חיפוש

היה ניתן להניח שמשתמשים צעירים ימצאו שקל יותר לכתוב שאילתותמאשר שישתמשו רק, וקרוב יותר למציאות, חיפוש באופן שלם וטבעי

במילה אחת או במילים בודדות שייצגו את המידע אותו הם רוצים.מצאו שילדים משתמשים בחיפושים במילות מפתח, אך למעשה. למצוא

ילדים צעירים: ילדים אינם נמנעים מחיפוש בשפה טבעית, עם זאתמשתמשים בשאלות לצד שימוש במילות מפתח כשהם מחפשים דבר מה

הם השתמשו במילות המפתח כאשר הנושאים היו. במנוע החיפוש. או כאשר היה להם קל לנסח אותן, מוכרים להם

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

14

Page 24: Kids user interface design

,נותן הצעות שונות לאיות מילת החיפוש Ask Kidsאתר .או צמצום של החיפוש/והצעות להרחבה ו

Page 25: Kids user interface design

ניווט לפי קטגוריות

מוערך כל עוד השמות שנבחרו) ספריות(מידור נושאים לקטגוריות לכותרות הקטגוריות משקפות את מה שהתלמידים עצמם היו מכנסים

. תחת קטגוריות אלו

במיוחד כשהן, לתלמידים יש סבלנות מועטה כשזה נוגע לספריותספריה יכולה להיות, לכן. מצריכות ניווט ברמות היררכיה רבות

.שימושית בתנאי שהיא מאפשרת גישה ישירה לנושא בתכנית הלימודים

חלוקה לקטגוריות היא טובה כל עוד המשתמש אינו צריך לנווט מה שמסבך ומקשה עליו למצוא- לעומק רב מידי בתוך האתר .ילדים אינם סבלנים לחיפושים מסוג זה. את מבוקשו

15

Page 26: Kids user interface design

מאפשר חיפוש לפי שאילתות וגם חיפוש QuinturaKids מנוע החיפוש לילדים .לפי קטגוריות שמופיעות כענן מושגים ומשתנות בהתאם למילת החיפוש

Page 27: Kids user interface design

קטגוריות לניווט לפינושאים שונים באתר

.Pitaraהילדים

Page 28: Kids user interface design

הכנסו לכתבה , דוגמאות+ למידע נוסף על עקרונות נוספים Designing Websites for Kids: Trends and Best Practices באתר

Smashing Magazine.