הסטודיו
מערכת SaaS ליצירת תוכן
התפקיד שלי כלל מחקר משתמשים, מחקר שוק, בדיקות שמישות, אפיון, קונספט ועיצוב סופי ובנוסף לעבודה ממושכת על המוצר לאחר השקתו.
התפקיד שלי כלל מחקר משתמשים, מחקר שוק, בדיקות שמישות, אפיון, קונספט ועיצוב סופי ובנוסף לעבודה ממושכת על המוצר לאחר השקתו.
הסטודיו - מערכת ליצירת תוכן (CMS) המאפשרת ליצור פעילויות למידה (שיעורי בית דיגיטליים ומבחנים) בעזרת תבניות תוכן מגוונות. הגרסה הראשונה של המוצר נוצרה בשנת 2012 כפתרון לבנייה מהירה של תוכן לימודי ע׳׳י צוות הפדגוגיה של מטח .
הפרויקט נבנה כחלק ממערכת SaaS לניהול למידה במטח (מרכז לטכנולוגיה חינוכית) - ארגון ללא מטרת רווח בתחום החינוך, המשלב פדגוגיה, עיצוב ופיתוח טכנולוגי.
אבל תהליך הזנת התוכן בתוך הסטודיו היה מייאש...
פיתוח תוכן מהיר יותר וחווית משתמש נוחה על ידי שדרוג פונקציונאלי ועיצובי של המערכת
שכפול תוכן קיים והתאמה לתלמיד. המטרה היא לעודד ליצור תוכן.
שימוש בסטודיו
הזנה של עשרות יחידות ביום. משתמשים מתקדמים מאוד.
שימוש בסטודיו
אפיון תוכן לימודי בסטודיו, ביצוע תיקונים בתוכן מוזן.
שימוש בסטודיו
קו עיצובי לתוכן, הזנת תוכן ובדיקת נראות.
שימוש בסטודיו
בסופו של דבר, המגבלה הזאת אפשרה לבצע בדיקות שמישות בשלב מאוד מוקדם ולבצע תיקונים עוד לפני ההשקה
החלטות אפיוניות התקבלו בפגישות משותפות שלי עם ליאור פורת, מנהל המוצר. כשהייתה לנו גרסה עובדת ביצענו עם ליאור בדיקות שמישות.
ביצענו תצפיות במשתמשים של המערכת - בדקנו את סביבת העבודה שלהם, איך הם משתמשים במערכת ומתי, מה תסריטי השימוש האפשריים. אחרי התצפיות ביצענו ראיונות עם המשתמשים כדי לגלות נקודות לשיפור.
להציג Preview של יחידת הלימוד ללא מניפולציות מיותרות.
להראות רק פעולות רלוונטיות ברגע נתון ואת כל השאר להסתיר.
לצוות הפדגוגי היה חשוב לראות את מבנה היחידה במקום אחד.
העיצוב צריך להיות מותאם למסכים לא איכותיים, ולתאורה לא אידיאלית.
מיפיתי כל פיצ׳רים שקיימים בסטודיו הקיים.
בדקתי, ניתחתי וארגנתי מעל 60 כלים להזנת תוכן:
כמה תובנות מתוך חקר שוק:
אחרי איסוף המידע התיישבנו לנתח ולעשות סיעור מוחות, ולאחר מכך יצרתי קונצפט ראשוני להדגמת הרעיון.
הכנתי סקיצות ראשוניות של המסכים כדי לאפשר למתכנתים לבנות שלד ולהתחיל לעבוד. לאחר מכן המשכתי לעבוד על הקו העיצובי וליצירת סקיצות נוספות בהתאם לתסריטי שימוש שונים.
אחרי עבודה אינטנסיבית, תוך חודשיים הייתה לנו גרסה עובדת ועשינו בדיקות שמישות ראשונות למפתחי למידה, צוותים פדגוגיים ומורים.
אחרי בדיקות שמישות ופידבקים תיקנו ושיפרנו את הכלי. בפרק הבא אני אפרט יותר איך השתנה הכלי, וכאן התובנות כלליות:
היה קשה לבדוק משתמשים בקבוצות, בהמשך בדקנו מקסימום שתי משתמשים בו זמנית.
לפעמים הפתרון הכי פשוט הוא הכי טוב - הרגשנו את זה במיוחד אחרי בדיקת סוויצ׳ מגניב.
הזמנו מפתחים לבדיקות שמישות והם הבינו צורך בפיתוח פיצ׳רים קריטיים, למרות לחץ הזמנים.
היו בעיות בשמישות שנבאו מניסוח לא נכון ופתרנו אותם עם כיתוב נכון, גם אם הוא נהיה ארוך יותר.
העיצוב הסופי מתבסס על התובנות מהמחקר, תצפיות ובדיקות המשתמשים.
החלטתי שבממשק החדש של הסטודיו יהיו רק הפעולות הכי חשובות ברגע נתון. הפעולות יתגלו במעבר עכבר ורק עד שתי פעולות עיקריות ונפוצות, כל שאר - בתת-תפריט.
בקונספט הראשון שיצא הפעולות הגלויות היו שיכפול ועריכה:
בעקבות תובנות מהבדיקות, השארנו רק פעולה אחת הכי חשובה - עריכה של הפריט (הפכתי אותו לכפתור בולט עגול). את כל שאר הפעולות הסתרנו מתחת לתת-תפריט וזה מה שעבד!
כדי לפתור את בעיית השיכפול שראינו בבדיקות - הוספנו אנימציה קלה כדי שיבחינו שהפעולה בוצעה:
כדי לתת כלי נוח לארגון הפריטים ביחידה הגדרתי במיוחד מצב של הגרירה בעץ.
הדגמה לאיך הגרירה עובדת בפועל במוצר:
כפתור ״הוספה״ מופיע פעם אחת בעמוד כדי לעודד עבודה לינארית בפיתוח התוכן.
אחרי לחיצה על ״הוספה״ ופתיחת פאנל צדדי הכפתור משתנה לפעולה ״סגירה״ שמאפשר עבודה נוחה ומהירה יותר.
זיהוי פריטים בעץ היה מאוד חשוב להתמצאות לכן הכנתי אייקונים ייעודיים לכל סוג פריט, שמופיעים בעץ הנושאים ובפאנל של הוספת פריטים. פריטים בתוך הקטגוריות התחלקו בעקבות תובנות ממחקר כרטיסיות.
אחרי לחיצה על ״הוספת עמוד״ נפתחת אופציה לתת שם לעמוד - בצורה זאת רצינו לעודד לתת שמות לעמודים כדי לפתח תוכן פדגוגי בצורה יותר נכונה. אם לא יוזן שם, תמיד קיימת ברירת מחדל.
השקעתי גם באפיון ועיצוב אנימציות פונקצינליות כדי לתת למשתמש חוויה חלקה ומונפשת.
כדי לראות שינוי בכלי שלפני השידרוג, היו צריכים לשמור את כל היחידה ואז לפתוח בחלון נפרד תצוגה מקדימה.
הפתרון היה ברור - להתקרב כמה שאפשר לפידבק מיידי. בגלל הגבלות תקציב וזמן, לא היה ניתן לעשות עריכת inline, אבל ניסיתי לתת פתרון הכי קרוב לפידבק מיידי ללא צורך בשמירה של כל היחידה ופתיחת חלונות נוספים.
בתוך חלון עריכה הסתרנו בטאבים כל הפעולות שלא היו נחוצות וככה צמצמנו עומס. המשתמשים מאוד אהבו את החלוקה לטאבים. אבל החלון עבר כמה גלגולים עד שהגיע לצורתו הסופית.
בעקבות התובנות מהבדיקות הוחלט לשנות את המבנה של חלון העריכה ולשים את כפתורי הפעולה למעטה, ו״תצוגה מקדימה״ הפך לאחד הטאבים.
ידענו מההתחלה שחייבים כפתור ״ביטול״, אבל הכפתור לא תוכנן בגלל לחץ זמנים. אחרי הפידבקים של המשתמשים בבדיקות הראשונות ראינו עד כמה זה קריטי וכפתור ״ביטול״ פותח. אחרי חודש מהשקת המוצר הוספנו מחיקה ושיכפול של הפריט מתוך חלון העריכה.
במהלך האפיון והעיצוב ידענו שחייבים שתהיה אפשרות עריכה לא רק דרך העץ, אלא ממש משולבת בתוכן. לצערנו, הדבר לא היה אפשרי בגלל מגבלות זמן.
לשימחתנו, כמה ימים לפני סגירת הגרסה המתכנתים המדהימים הצליחו לממש! זה שיפר משמעותית את החוויה של העריכה כולה, ואפשר להגיד שפעולה זאת לבד היא הסטודיו.
הפתעה הכי גדולה הייתה סוויצ׳ מגניב שפיתחנו בטאב של ״ניהול למידה״.
אז ערכנו עוד ראיונות, בדקנו עוד והחלפנו ל-Radio button ו-Checkbox רגילים ושינינו ניסוחים. וזה עבד!
לפעמים הפתרון הכי פשוט הוא הכי נכון...
במהלך התצפיות ראיתי שיש צורך בשיפור נושא השמירה.
אז רציתי להחזיר למשתמש אמון במערכת - פידבק ויזואלי שהיחידה נשמרה, ובנוסף גם לספק מידע מתי היחידה נשמרה פעם האחרונה.
עובד בצורה הבא:
הוספנו פידבק על ביצוע הפעולה הוספנו גם בחלון העתקת קישור:
בממשק החדש הקפדנו להשתמש בשפה שפונה לכל מגדר ושינינו את כל הניסוחים הקיימים.
במידה והיה צריך לתת הודעה עם בחירה, כתבנו כמה שיותר ברור איזו פעולה תתבצע, גם על חשבון הוספת מלל. וגם - לא הטלנו בספק החלטות של המשתמש ולא שאלנו ״האם אתה בטוח?״:
זאת הייתה הצצה לתהליך שדרוג הסטודיו - כלי ליצירת תוכן לימודי. אבל העבודה טרם הסתיימה. אחרי ההשקה התחילה העבודה האמיתית על המוצר - שיפור בעקבות הפידבקים והוספת פיצ׳רים חדשים.
אחרי שדרוג הכלי המורים התחילו לבנות יותר תוכן לימודי בתוך הסטודיו, ונכון לעכשיו המשתמשים העיקריים של הכלי הם המורים:
הכי כיף זה לקבל פידבקים ממשתמשים מרוצים:
