• אלירן מאור-טריפמן

חמשת הטיפים ללומדה המושלמת שלך

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

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

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


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

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


1. הנפשות תנועה מתוזמנות

הסטוריליין נותן לנו אפשרויות רבות לערוך את הנפשות התנועה (בואו נקרא להן פשוט Motion Path, סבבה? )שמופיעות לנו על הסלייד, אבל לפעמים, בדיוק כמו המילניאלים, אנחנו רוצים עוד! אם ניסיתם לתזמן את ה-Motion Paths ייתכן וגיליתם שזה קצת יותר מסובך מאיך שזה נראה - על גבי הטיימליין האובייקט יופיע, אבל באמצעות הטריגרים אנחנו נקבע מתי ה-Motion Path יתחיל, ולא תמיד הם מתוזמנים. אם צריך ש-Motion Path אחד יופיע מיד אחרי השני, אנחנו יכולים להכנס לחישובים מיותרים של תזמונים, הרבה Previews ובזבוז מיותר של זמן כדי לתזמן את ההנפשות האלו.

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

בואו נניח שיש לי שני ריבועים על המסך, Rectangle 1 ו-Rectangle 2. לשניהם יש Motion Paths ואני רוצה שה-Motion Path של Rectangle 1 יתחיל רק כאשר ה-Motion Path של Rectangle 2 תגמר. לשם כך, סמנו את Rectangle 1 ולחצו על הדף הלבן באיזור הטריגרים כדי לקבוע טריגר חדש.

הטריגר שלכם צריך להראות כך:


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

הטריק המעניין מופיע בחצי השני של הטריגר - באפשרות ה-When. באפשרות הזו סימנתי שהטריגר יקרה כש-Animation Completes וסימנתי את ה-Motion Path של Rectangle 2.


במילים פשוטות, וכדי שיהיה נוח - אתם יכולים לקרוא את הטריגר מצילום המסך מהחלק התחתון כלפי מעלה, אני אומר לסטוריליין שרק כאשר ה-Motion Path של Rectangle 2 יגמר, הסטוריליים יוכל להפעיל את ה-Motion Path של Rectangle 1.


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


2. הכירו את Convert to Dial

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

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

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


לחצו על Convert to Dial ותראו כיצד האובייקט שלכם הופך להיות Dial מן השורה!

מגניב, נכון? :)


3. הכניסו Slide Numbers בעת הצורך

אופציה זו חדשה מהניילונים ויצאה לפני מספר שבועות בודד בעדכון האחרון של Articulate 360. עד אז, אם היינו רוצים להכניס מספרי סליידים לתוך הסטוריליין, היינו צריכים להכניס ידנית או לייצר Variable שיספור את הסליידים ויעשה לנו כאב ראש.

הפעם Articulate הוציאו את העדכון והוסיפו את האופציה הזו תחת טאב Insert!

תראו עד כמה זה פשוט:

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


4. תבנו שאלות בעזרת Freeform

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

ובכן, יש דרך פשוטה יותר.

הסטוריליין מציע לנו לבנות ולעצב סלייד, רגיל, כך שתוצג בו השאלה, ורק לאחר מכן יהיה ניתן להפוך אותו לשאלה המכילה את הטריגרים האוטומטיים של השאלה (Submit interaction, אפשרויות ה-Hover מעל תשובה אפשרית וכו'). האפשרות הזו מעולה ברגע שהשאלה שלכם היא ויזואלית, למשל Drag and drop או Pick Many (בחירה מרובה).

איך עושים זאת?

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

בסיום, לכו ללשונית Insert ולחצו על Convert to Freeform Slide (כפתור שני משמאל).


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

הסלייד שאני הכי אוהב להשתמש באפשרות הזו בשבילו הוא סלייד מסוג Drag and Drop . מי שמכיר את ה-D&D הדיפולטיבי יודע שהוא, ובכן, איך להגיד? מכוער מאוד. המלבן האפור שמתחבר לעוד מלבן אפור גם הוא...לא עובדים יחד. לא בשנת 2019. אפשר לעצב אובייקטים כך שישמשו כ-D&D מעולים! למשל כרטיס אשראי (Drag) הנכנס לתוך בנקט (Drop) אם אתם באים מהעולם הפיננסי, כבל (Drag) שמתחבר למקום מסוים בתוך ראוטר (Drop) אם אתם באים מעולמות האינטרנט והטכני וכו' וכו'. האפשרויות כאן באמת נפתחות הרבה מעבר למה שאפשר לדמיין :)


5. השקיעו מעט (אבל באמת מעט) זמן ב-Javascript

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

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

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

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

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


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

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


**

מכירות טיפים נוספים?

אשמח שתשתפו אותי בתגובות! :)

נתראה בפוסט הבא,

אלירן

נעים להכיר!

שמי אלירן מאור-טריפמן, ואני מנהל ומפתח הדרכה כבר למעלה מ-8 שנים.

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

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

קריאה מהנה!

  • Facebook
  • Instagram
  • LinkedIn Social Icon

©2019 by MisterBrainy

אין לעשות כל שימוש בתכנים באתר ללא אישור מפורש בכתב