Kids user interface design

Preview:

Citation preview

1

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

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

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

2

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

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

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

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

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

3

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

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

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

4

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

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

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

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

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

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

מסתמכים עליו

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

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

סורקים טקסט

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

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

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

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

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

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

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

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

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

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

מעט גלילה

5

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

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

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

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

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

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

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

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

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

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

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

לאינטרנט 6

שם האתר

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

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

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

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

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

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

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

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

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

מטרות האתר

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

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

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

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

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

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

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

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

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

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

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

9

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

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

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

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

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

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

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

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

טרמינולוגיה

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

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

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

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

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

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

: מתוך הכתבה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

פרסומות

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

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

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

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

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

12

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

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

איות

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

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

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

13

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

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

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

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

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

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

14

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

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

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

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

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

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

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

15

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

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

.Pitaraהילדים

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

Smashing Magazine.