iTest Exam Software

הסביבה לבחינות מתוקשבות

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

2021

Heuristic evaluation,
wireframes,
UX Design,
UI Design
01

רקע מקדים

הפרויקט נבנה במטח בהזמנת משרד החינוך.

סביבה לבחינות מתוקשבות iTest - התוכנה שמתקינים על המחשב ובעזרתה ניתן לבצע, להגיש ולתרגל בחינות מתוקשבות ללא חיבור לאינטרנט.

הסביבה נוצרה בשנת 2010 וכרגע מותקנת ביותר מ-2,000 בתי ספר בארץ עם יותר מ-50,000 נבחנים בשנה (נכון ל-2022).

02

יוצאים לדרך

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

בעיות שמישות ונראות

1

בעיות שדווחו מהשטח

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

2

בעיות שמישות

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

3

הוספת פיצ׳רים

הממשק הישן לא היה מוכן להכיל פיצ׳רים ודרישות חדשות התווספו.

4

ממשק במראה מיושן

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

יעד הפרויקט

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

קהל יעד

הסביבה מיועדת עבור תלמידי י-יד דוברי עברית וערבית (בחינות בגרות ובחינות גמר הנדסאים).

אתגר והגבלות

03

אפיון

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

מי ומתי משתמשים במוצר

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

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

1

בחינות ללקויי למידה

הנבחנים עם הזכאות להשמעת שאלה או הקלטת התשובה.

2

בחינות בגרות

בחינות בגרות ובחינות מדיה הבודקות ידע ושימוש בתוכנות.

3

תרגול לקראת בגרות

תרגול בחינת בגרות, המתבצע בזמן השיעור.

4

בחינות לא לבגרות

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

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

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

מקווה שהמבחן יעניק לי כלים נוחים ולא יקשה עליי להיבחן. 

סאלח, תלמיד י׳

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

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

שירה, תלמידת יד׳

ארכיטקטורת המידע

מיפיתי את כל הפיצ'רים הקיימים במוצר דרך מפת מסע של המשתמש:

בדיקת כלים דומים

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

השראה ופאטרנים מקובלים

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

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

Wireframes

כדי להדגים רעיון יצרתי ויירפריימים לכל המסכים.

04

העיצוב

מסכי כניסה

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

כניסה למערכת

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

בדיקת שמע

המסך שהיה לפני השידרוג היה מאוד מבלבל:

דיווח מהשטח
אין שמע - קוראים למדריך

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

הכנסת סיסמה

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

דיווח מהשטח
החלפת עמדת מחשב לפני הבחינה

איורים ופרילואדר

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

עשינו עם האנימטור כמה אנימציות קלות למסכי טעינה:

סביבת הבחינה

זה המצב שהיה במוצר הישן:

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

חילקתי סביבת הבחינה לאיזורים לפי סוגי הפעולות:

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

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

Multitasking

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

בחינת בגרות תיכון רוטברג
מאת Omrihayu - נוצר על־ידי מעלה היצירה,  CC BY-SA 4.0

הכלי במצב שהיה לא איפשר מולטיטסקינג - ניתן היה לפתוח טיוטה רק כחלון צף שמסתיר את התוכן:

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

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

וככה הגעתי לפתרון הבא:

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

ניתן למזער החלונות האלו ולחזור אליהם לפי הצורך בבחינה.

ניווט

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

מאחר והניווט לבחינה הוזן ידנית בכל בחינה ע׳׳י עורך הבחינה, היה חשוב מאוד לשמור על המבנה.

במוצר הישן זה הופיע בצורה הבא:

וזה הפתרון:

מפות

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

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

הקלטה

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

במוצר הישן הרכיב היה לא ידידותי - חלון צף שמסתיר תוכן וכל פעולה כמו שמירה או מחיקה הייתה מעלה חלון צף נוסף על החלון הזה…

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

מסכי סיום מבחן

שיפור עיקרי שהיה צורך לבצע היה במסכי ההגשה. במוצר הישן אחרי לחיצה על כפתור ״הגשת הבחינה״ התלמיד היה מקבל חלון צף:

דיווח מהשטח
התלמידים הגישו בטעות את הבחינה

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

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

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

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

ושלב האחרון עם הודעת אזהרה לפני ההגשה:

05

מילת סיום

המוצר יצא לפיילוט בבתי הספר נבחרים במרץ 2022. כבר מהדמיה ראשונה לקראת בגרות התחלנו לקבל פידבקים מהמורים. מתוך התכתבות בקבוצת ווצאפ של מורים במהלך הדמיה ראשונה:

תלמידה שלי שהיתה כל כך מבוהלת, היום יצאה עם תחושה אחרת!

גם אצלינו הבחינה זורמת בנחת. רוב התלמידים סיימו את הבחינה.

היה מעולה! מי שהספקתי לשאול אמר שאפילו נהנה.

בוקר טוב! התחלנו בדיוק ב-9:00. הכל עובד. שקט מופתי בכיתה.

פרויקטים נוספים

הסטודיו - מערכת SaaS ליצירת תוכן לימודי
לומדים ביחד - ממשק הרשמה לקבוצות למידה