• Twitter
  • Facebook
  • Google+
  • Instagram
  • Youtube

מה, מי, מו

בשביל מה כל זה בעצם

קצת על עצמי

אשחר זיכלינסקי

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

תאריך לידה: לא אומר לזרים
טלפון: ספריית בצלאל, הר הצופים
פייסבוק: https://www.facebook.com/eshcharz
דוא״ל: esh2005@gmail.com

פרופיל

Deepak Bhagya

קצת על הכל

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

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

על קצה המזלג

כל הבריפים על ציר זמן

  • תרגיל 3

    חורי הצצה

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

  • תרגיל 4

    טי שירט מתקשר

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

  • תרגיל 5

    סיפור לא ליניארי

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

  • הקדמה

    אינטר- אק-טיב?

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

  • תרגיל 1

    זה מקולקל

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

  • תרגיל 2

    זה מתוקן

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

  • תרגיל 6

    דיוקן עצמי וירטואלי

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

כלים ואמצעים

84%
קצת מבויים
תיעוד
98%
כן, הרבה
זמן חשיבה
100%
עיצוב תעשייתי
שימוש בעזרים

אינטר-אק-טיב? איך מאייתים...

הקדמה

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




תסתכלו טוב, זה מקולקל

תרגיל מס׳ 1


לפני הכל, חובה לצפות בסרטון הבא (סה״כ 2 דק׳):



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

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

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

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

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

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

לפניכם סרטון המתעד את הבעיות (״צרות בבצלאל״) ;




תסתכלו טוב, זה מתוקן

תרגיל מס׳ 2

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

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

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

פתרון מס׳ 1 - ״מדומטר״, מתקן עזר המייעל את השיטה הקיימת -

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





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


פתרון מס׳ 2: אפליקציית גרידים QR -

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

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


בתיאבון!

תרגיל מס׳ 3

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



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



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





iShirt

תרגיל מס׳ 4

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


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

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

התגובות -









זהבה והדובים

תרגיל מס׳ 5

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

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

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



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


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

►

״הוא יודע למה התכוונתי״

תרגיל מס׳ 6

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

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



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


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



יצירת קשר

עצות, דעות, בקשות, טענות

כתובת

אקדמיה ׳בצלאל׳, הר הצופים

טלפון

ספריית ׳בצלאל׳, הר הצופים

פייסבוק

https://www.facebook.com/eshcharz