לומדים ביחד
ממשק הרשמה לקבוצות למידה
דף נחיתה וממשק הרשמה אוטומטי לקבוצות הלמידה ב-WhatsApp. התפקיד שלי בפרויקט כלל אפיון ועיצוב.
דף נחיתה וממשק הרשמה אוטומטי לקבוצות הלמידה ב-WhatsApp. התפקיד שלי בפרויקט כלל אפיון ועיצוב.
הפרויקט נבנה במטח בהזמנת משרד החינוך.
מטח (מרכז לטכנולוגיה חינוכית) - ארגון ללא מטרת רווח בתחום החינוך, המשלב פדגוגיה, עיצוב ופיתוח טכנולוגי.
תוכנית ״לומדים ביחד״ נועדה לתת מענה לתלמידים ותלמידות שצריכים עזרה בלימודים ובשיעורי בית. הלמידה מתבצעת בקבוצות למידה בוואצאפ - בכל קבוצה יש מורה שמעביר דרך הצ׳אט שיעורים, עונה על שאלות ועוזר בשיעורי בית.
בהתחלה ההרשמה הייתה דרך טופס ייעודי וההוספה של כל תלמיד ותלמידה התבצעה באופן ידני. בנוסף לעבודה הסיזיפית, גם תהליך הצטרפות לא היה שקוף ותלמידים לא ידעו מתי יוסיפו אותם ופנו כמה פעמים לתמיכה לבירורים.
עם התרחבות התוכנית נוצר צורך במנגנון אוטומטי דרכו ניתן להירשם לקבוצות למידה ב-WhatsApp.
ליצור שקיפות וביטחון בצד התלמידים בתהליך ההרשמה, ולחסוך שעות עבודה בצד המדריכים
תלמידים ותלמידות של כיתות ז-י מכל המגזרים (כולל עברית וערבית) - מבודדי קורונה או אלו שצריכים תגבור בשעות אחה׳׳צ.
מדובר על פרויקט שהוא Mobile First והשימוש העיקרי יהיה במובייל - מבדיקה שעשינו כ-94.5% כניסות בטופס הקיים היה דרך המובייל.
יחד עם זאת לדף הנחיתה יש מטרה שיווקית מאחר ותלמידים יכולים להראות אותו להורים (שנכנסים דרך דסקטופ), וגם המורים יכולים להיכנס לבדוק מידע לפני שממליצים על התוכנית לתלמידים. לכן חשוב שדף הבית יהיה מותאם במיוחד לדסקטופ.
בתוכנית הנוכחית תלמידים כל הזמן מצטרפים לקבוצות למידה בוואצאפ ואז יוצאים ומצטרפים לקבוצה אחרת. כדי לבטא דינמיקה זאת מנהלת התוכנית דלית ומנהל המוצר רן הגיעו אלי עם קונספט הרכבות:
הממשק כמו אפליקצית חיפוש רכבות בסגנון מוביט.
המורה = נהג
הקבוצות = מסלולי נסיעה
נושאים = תחנות
התלמיד יכול לעלות באמצע הדרך (= להצטרף לקבוצה) או לרדת מהנסיעה.
מצד אחד קונספט של רכבות שיקף דינמיקה של קבוצות למידה והרעיון די מגניב, והוא גם אושר ע׳׳י משרד החינוך, אבל מצד שני היה לי חשש שהמשתמשים יסתבכו ולא יבינו מושגים.
אחרי פגישת התנעה החלטנו, שנשאיר רכבות כסיפור עוטף, אבל המונחים שנשתמש בהם יהיו ברורים ונגישים.
רציתי להכיר את קהל היעד וביצעתי מחקר קצר:
מתוך תוצאות סקר שעשו לקראת האקתון משחקים רפואיים (המון תודה על שיתוף ל-Ifat Yaakobi).
בעקבות המחקר הקצר שעשיתי הבנתי, שעבור בני נוער רלוונטיים העקרונות עיצוב ושמישות בסיסים שיתאימו גם לקהל יעד אחר, אבל במקרה של בני נוער הכל אמור להיות הרבה יותר מוקפד ואפילו בהגזמה.
אין לבני נוער סבלנות. יש להציג מידע במנות קטנות.
שימוש בשפה ברורה, עם הסבר מדויק מה קורה בכל שלב.
צריכת תוכן אקטיבי - פעולות קצרות, פידבקים, טריוויות, משחקים.
הצורך בגירוי ויזואלי מתמשך - גרפיקה, איורים, צבעים בוהקים.
מביך לשאול בכיתה, מפחדת שישפטו אותי. כשאני עושה שיעורי בית אין במי להיעזר.
ראיתי פלייר בביה׳׳ס על התוכנית, מילאתי טופס הצטרפות לקבוצות למידה, אבל לא יודעת מתי מצרפים אותי לקבוצה.
לא עברנו על כל החומר בגלל הקורונה ואני צריך תגבור ממורה שישלים לי את הידע.
חבר סיפר על התוכנית ואז חשבתי להצטרף לקבוצות למידה בווצאפ, אבל אין לי סבלנות לכל הטפסים האלו.
עשיתי מיפוי הדרך שעל המשתמש לעבור כדי להירשם לקבוצה.
יצרתי ויירפריימים כדי למפות פונקציונליות לכל מסך:
כדי לחבר קונספט הרכבות, קבוצות למידה והתאמת העיצוב לקהל יעד התחלתי לחפש השראה ולחשוב על הקונספט העיצובי:
בעיצוב דף הבית רציתי להשתמש בכוח של הסיפור:
המשתמש הוא הגיבור שרוצה להשיג משהו, אבל נתקל בבעיות והתוכנית היא זאת שתעזור לו להצליח
הגדרה ברורה מהי התוכנית ומי ״הגיבור״ או ״הגיבורה״ - הפניה לתלמידים וגם לתלמידות.
התוכנית היא זאת שתעזור לגיבור ולגיבורה להתגבר על הבעיות:
הגיבור או הגיבורה יקבלו תמיכה מדמות מוסמכת, שתעזור להם להצליח
מה יקרה בלי עזרה מהתוכנית
ולהצליח במשימה בעזרת התוכנית
ואם עד עכשיו לא השתכנעו - כמה מספרים וציטוטים מהסקר
משפט המקשר בין הסיפור העוטף של הרכבות לבין הסיפור הכללי.
אחרי הזדהות ומילוי פרטים אישיים מתחיל השלב החשוב - בחירת מסלולי למידה שלפיהם יותאמו קבוצות ווצאפ.
כאן יישמתי עקרונות עיצוב שגיבשתי עבור קהל היעד - במקום טופס ארוך יש חלון צף, שעולה מלמעלה עם שאלות בצורת טריוויה. המעבר לשלב הבא אוטומטי - כדי לאפשר מענה מהיר וחוויה קצת משחקית (אם המשתמש טעה ניתן לחזור ולתקן בחירה). איור של הרכבת ״זזה״ עם כל שלב כדי לתת גירוי ויזואלי מעניין.
אחרי בחירת מסלול הלמידה, שנעשתה במסך הקודם, עוברים לתצוגת הקבוצות בוואצאפ. ניתן לראות את נושאי הלמידה בקבוצות לפי תאריכים, להצטרף לקבוצה או לקבל רשימה של ״הקבוצות שלי״ ולצאת מהן.
אומנם הפרויקט הוא mobile first, אבל לדף הבית יש מטרה שיווקית ולכן דף הבית מותאם במיוחד לדסקטופ.
עבור מסכים נוספים לדסקטופ עשיתי התאמות קטנות.
כאן הסתיים שלב א׳ בפרויקט, ובהמשך מתוכננות אפשרויות נוספות שתלמיד יוכל לבצע (היסטוריה של הקבוצות, למשל) וגם ממשק מיוחד למדריכים ומורים.
