מושון

תכנית שיעור אחרון ;(

  • ששש
  • חיוכים
  • מה-ניש?
  • בתוכניתנו

חברים וחברות, הגענו לסוף סמסטר. והיום:

הסוציומטרי

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

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

מה הופך תגובה לפחות מוצלחת:

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

מה הופך תגובה ללא רלוונטית למשימת הסוציומטרי:

  • מושון הגיב אותה

8:50 כיופים באינטרנט

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

*תזכורת: אם עוד לא העלתם את השקופיות שלכם עם הקרדיטים לכל המציגים לא יהי לי דרך לתת לכם ציון לזה

9:50 הפסקה

10:10 טעימות וידאו

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

  • 6 סרטוני משתמשים בסמארטפון
  • 6 סרטוני משתמשים בטאבלט
  • 6 סרטוני משתמשים בדסקטופ
  • 6 דוגמאות לסטייל-גיידז

12:10 סיכום שנה

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

אירוע – בריף 5: טרום הגשה

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

המשך הסמסטר

  • שבוע חמישי – 7.6: הגשת ביניים – כוללת גרסת דסקטופ רחב 1366×768
  • שבוע שישי – 14.6: קופת חולים
  • שבוע שביעי – 21.6: הגשה

קודם כל תגובות

תגובה*1 – לעצמכם – על בסיס הפידבק שקיבלתם ו/או קיבלו אחרים בכיתה (הפרמטרים)

תגובה*3+ – לאחרים – גם כן על בסיס הפידבק שקיבלתם ו/או קיבלו אחרים בכיתה (הפרמטרים)

הגשת ביניים

סקרינקאסט לסמארטפון ו/או לטאבלט

  • תקנו את העיצוב שלכם ע״פ הפידבק שקיבלתם
  • סקרינקאסט של תרחיש שימוש באתר המובייל כפי שמדובב מפי אדם כלשהו אשר סביר להניח שישתמש באפליקציה. אתם צריכים לדובב את אותו אדם ואת מחשבותיו.
  • טיפ #1: מומלץ לעבוד על זה בזוגות בכדי לדובב זה את חוויית המשתמש של זה.
  • טיפ #2: כשתנסו לדובב את הדמות שלכם בזמן שהיא משתמשת באתר אתם עלולים לגלות בעיות בפלואו של השימוש שלכם. זה חלק מהרעיון. אם זה קורה, תקנו את הפלואו והקליטו את הסקרינקאסט מחדש.

פרוטוטייפ לדסקטופ

לשבוע הבא תשלימו את העיצוב גם לגרסת דסקטופ רחב ברזולוציה 1366×768 (יחס 16:9). לשיקולכם ניתן יהיה לבחור גם רזולוציה גבוהה מזה ע״פ הרזולוציות המקובלות. מבחינת תרחיש המשתמש קחו בחשבון את ההקשר הנכון לחוויית הדסקטופ, שיכול להיות גם תוך כדי עבודה, ומתחרה לרוב עם כל הדברים האחרים שאתה יכול/אמור לעשות כשאתה על המחשב. במקביל יש ברזולוציה הגבוהה גם יתרונות מבחינת הצגה של תוכן רב יותר ודגש על דימויים גדולים וגם אופציה לטיפוגרפיה גדולה. במקביל יש גם אתגרים כיוון שגושי טקסט, שבמובייל ובטאבלט יכלו בכיף ליתפרש על כל רוחב המסך, עלולים להרגיש רחבים מדי על מסך הדסקטופ. במקביל יש נטייה לפחד מהחלל הריק שעלולה להפוך את העיצוב לדסקטופ לעמוס מדי, נסו לשים לב לזה. עוד דגש לעיצוב לדסקטופ שלא היה לנו במובייל הוא השימוש במצבי ״הובר״ – מעבר עכבר. גם אותם תצטרכו לעצב במסגרת הפרוטוטייפ שתבנו לדסקטופ.

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

בהצלחה!

מושון

תכנית שיעור – 10

  • מובייל פירסט
  • שמות?
  • אז מה שלומכם?

איזה כיף באינטרנט

עם ________+_________

*זכרו: אם לא העלתם לאתר את המצגת שלכם, כאילו לא עשיתם…

מה זה בכלל סקרינקאסט?

אופציות לסקרינקאסט + אירוח וידאו:

Recordit

Screenr

QuicktimeCamstudio + YouTube / Vimeo

והאירוע הבא

  • סבב אירועים
  • פרמטרים חדשים

ואם יהיה זמן אתן לכם הרצאה

מושון

אירוע- בריף 4: טאבלט עומד

תגובות

1 לעצמכם

3+ לחבריכם

לשבוע הרביעי של הפרויקט – 31.5

בעוד שבועיים תציגו לנו תיקונים לגרסת המוביילים והטמעה של הסטייל גייד גם על גרסאת הטאבלט האנכי 768*1024 (portrait – עומד) ע״פ תרחיש השימוש שתואם לו (lean-back אבל במידה). נסו להשתמש בשבועיים הללו כדי באמת לעדות התקדמות משמעותית. את התרחיש החדש גם כן יש להציג בפדרך פרוטוטייפ בסגנון InVision. 

בהצלחה!

מושון

תכנית שיעור 9

  • שקט תקשורתי
  • שמות?
  • אז מה שלומכם? איך היה בכנס?

אדמיניסטרציה

  • כל המכייפים באינטרנט – ודאו שהמצגת שלכם באתר, שהיא מסווגת תחת קטגוריית "איזה כיף באינטרנט" ושהקרדיטים של שניכם בפוסט

איזה כיף באינטרנט

ביקורות לכל (לרוב)

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

IMG_6075
ומעבר לזה:

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

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

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

אירוע בריף 3: בואו נראה את זה בסמארטפון

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

תגובות תחילה

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

לשבוע הבא

פרוטוטייפ מלא של תרחיש שימוש באתר המובייל (!)

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

  • המשתמש נתקל בפוסט+לינק בפייסבוק (מה כתוב בפוסט? מה הן הציפיות שהפוסט יוצר?)
  • נכנס לדף הראשי
  • בוחר לקרוא את הטקסט
  • מציץ בתמונה, בוידאו מצורף
  • בודק מי מגיע
  • בודק שוב תאריך
  • מציץ במפה
  • מחליט להצטרף, מסמן אטנדינג
  • מוסיף את האירוע לקאלנדר שלו
  • עד יום ב' נרצה לראות את המוק אפ של המצבים השונים דרכם עובר המשתמש.
  • אני רוצה שתתנסו בעיצוב פרוטוטייפ באינוויז׳ן. אם תרשמו בטופס הזה תוכלו לקבל חשבון מתקדם בחינם לשנה (קשרים(
  • הציגו את מלוא התכנים (גם אם מדובר בגלילה ארוכה, אנחנו רוצים לראות מה יראו בכל שלב)
  • לא הכל חייב להיות לחיץ, אתם יכולים לבחור ולהפעיל את הכפתורים לפי הפלואו שבחרתם

לשיעור עצמו

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

איזה כיף יהיה באינטרנט

עם ________+_________

מושון

תכנית שיעור – 8

  • שקט תקשורתי
  • שמות?
  • אז מה שלומכם?

איזה כיף באינטרנט

עם ________+________

כמה מילים על עיצוב רספונסיבי ("מגיב")

או בקצרה ובפאסון:

תוכנות לעיצוב רספונסיבי

Macaw

Webflow


Atomic

סבב ביקורות

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

בריף 7: אירוע רזה אבל בסטייל

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

הוציאו את השלד מהארון

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

iPhone_5iPhone_5_Sketching_Template מבית Stanfy.

iPadiPad Sketching Template גם הוא מבית Stafny.

בעת הצורך הדפיסו יותר מדף אחד ונסו לתאר דרכו את מבנה באתר. זכרו, השלד אמור להיות פונקציונלי, הוא לא בהכרח צריך להיות ״יפה״ (למרות שאנחנו לא נגד ״יפה״)
סרקו את התבנית, התאימו את הגודל של התמונה לרוחב מקסימלי של 1000px ופרסמו באתר.

סטייל טיילז

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

ביומיים הקרובים

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

איזה כיף יהיה באינטרנט עם…

נועם + מאי

מושון

תכנית שיעור – 7

  • טלפוניכם?
  • שמותיכם?
  • שלומכם?

כיופים

הפירוקים משבוע שעבר

בואו נראה איפה אנחנו עומדים היום

קווים לדמותו של מר מובייל פירסט

כמה פניני חוכמה על איך ולמה לפנות לשיטת המובייל פירסט

והאירוע הבא

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

מה הם אריחי סגנון (StyleTil.es)?

בריף

מה מתוכנן לשבוע הבא