SlideShare une entreprise Scribd logo
1  sur  34
Siri
Kinect
Visual FUI Infographics by Nathan Shedroff and Christopher Noesse
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני
מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני

Contenu connexe

En vedette

מאפיינים מנגה מתכנתים ממאדים
מאפיינים מנגה מתכנתים ממאדים מאפיינים מנגה מתכנתים ממאדים
מאפיינים מנגה מתכנתים ממאדים Lior Yair
 
מְשַפֵּר הסיפורים: ספרים לטאבלט
מְשַפֵּר הסיפורים: ספרים לטאבלט מְשַפֵּר הסיפורים: ספרים לטאבלט
מְשַפֵּר הסיפורים: ספרים לטאבלט Lior Yair
 
אפיון חווית משתמש למטרו
אפיון חווית משתמש למטרו אפיון חווית משתמש למטרו
אפיון חווית משתמש למטרו Lior Yair
 
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמהTen-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמהLior Yair
 
UX Storytelling - מה הסיפור שלך?
UX Storytelling - מה הסיפור שלך?UX Storytelling - מה הסיפור שלך?
UX Storytelling - מה הסיפור שלך?Lior Yair
 
בניית תיק עבודות למעצבים ומאפייני חווית משתמש
בניית תיק עבודות למעצבים ומאפייני חווית משתמשבניית תיק עבודות למעצבים ומאפייני חווית משתמש
בניית תיק עבודות למעצבים ומאפייני חווית משתמשLior Yair
 
How to create the best wireframes
How to create the best wireframesHow to create the best wireframes
How to create the best wireframesLior Yair
 
להציג אפיון ועיצוב ללקוחות
להציג אפיון ועיצוב ללקוחותלהציג אפיון ועיצוב ללקוחות
להציג אפיון ועיצוב ללקוחותLior Yair
 
לעצב באריחים
לעצב באריחיםלעצב באריחים
לעצב באריחיםLior Yair
 
הכינותי מראש: תבניות UI לטאבלט
הכינותי מראש: תבניות UI לטאבלטהכינותי מראש: תבניות UI לטאבלט
הכינותי מראש: תבניות UI לטאבלטLior Yair
 
Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies Lior Yair
 
מה לי ולחווית משתמש?
מה לי ולחווית משתמש?מה לי ולחווית משתמש?
מה לי ולחווית משתמש?Lior Yair
 
Windows phone user experience
Windows phone user experienceWindows phone user experience
Windows phone user experienceLior Yair
 
אפיון ועיצוב עמודי נחיתה
אפיון ועיצוב עמודי נחיתהאפיון ועיצוב עמודי נחיתה
אפיון ועיצוב עמודי נחיתהLior Yair
 
The right way to present your designs
The right way to present your designs The right way to present your designs
The right way to present your designs Lior Yair
 

En vedette (15)

מאפיינים מנגה מתכנתים ממאדים
מאפיינים מנגה מתכנתים ממאדים מאפיינים מנגה מתכנתים ממאדים
מאפיינים מנגה מתכנתים ממאדים
 
מְשַפֵּר הסיפורים: ספרים לטאבלט
מְשַפֵּר הסיפורים: ספרים לטאבלט מְשַפֵּר הסיפורים: ספרים לטאבלט
מְשַפֵּר הסיפורים: ספרים לטאבלט
 
אפיון חווית משתמש למטרו
אפיון חווית משתמש למטרו אפיון חווית משתמש למטרו
אפיון חווית משתמש למטרו
 
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמהTen-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
Ten-Foot User Experience | אפיון ועיצוב חווית משתמש לטלויזיה החכמה
 
UX Storytelling - מה הסיפור שלך?
UX Storytelling - מה הסיפור שלך?UX Storytelling - מה הסיפור שלך?
UX Storytelling - מה הסיפור שלך?
 
בניית תיק עבודות למעצבים ומאפייני חווית משתמש
בניית תיק עבודות למעצבים ומאפייני חווית משתמשבניית תיק עבודות למעצבים ומאפייני חווית משתמש
בניית תיק עבודות למעצבים ומאפייני חווית משתמש
 
How to create the best wireframes
How to create the best wireframesHow to create the best wireframes
How to create the best wireframes
 
להציג אפיון ועיצוב ללקוחות
להציג אפיון ועיצוב ללקוחותלהציג אפיון ועיצוב ללקוחות
להציג אפיון ועיצוב ללקוחות
 
לעצב באריחים
לעצב באריחיםלעצב באריחים
לעצב באריחים
 
הכינותי מראש: תבניות UI לטאבלט
הכינותי מראש: תבניות UI לטאבלטהכינותי מראש: תבניות UI לטאבלט
הכינותי מראש: תבניות UI לטאבלט
 
Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies Responsive Design - New UX Methodologies
Responsive Design - New UX Methodologies
 
מה לי ולחווית משתמש?
מה לי ולחווית משתמש?מה לי ולחווית משתמש?
מה לי ולחווית משתמש?
 
Windows phone user experience
Windows phone user experienceWindows phone user experience
Windows phone user experience
 
אפיון ועיצוב עמודי נחיתה
אפיון ועיצוב עמודי נחיתהאפיון ועיצוב עמודי נחיתה
אפיון ועיצוב עמודי נחיתה
 
The right way to present your designs
The right way to present your designs The right way to present your designs
The right way to present your designs
 

Plus de Lior Yair

מנהלים את הדור החדש
מנהלים את הדור החדשמנהלים את הדור החדש
מנהלים את הדור החדשLior Yair
 
אפיון טראנסיוריסטי של ממשקי גאואמורטיזציה אינקרמנטלית
אפיון טראנסיוריסטי של ממשקי גאואמורטיזציה אינקרמנטליתאפיון טראנסיוריסטי של ממשקי גאואמורטיזציה אינקרמנטלית
אפיון טראנסיוריסטי של ממשקי גאואמורטיזציה אינקרמנטליתLior Yair
 
לאפיין את המאפיין - להיכנס לתחום חווית המשתמש
לאפיין את המאפיין - להיכנס לתחום חווית המשתמשלאפיין את המאפיין - להיכנס לתחום חווית המשתמש
לאפיין את המאפיין - להיכנס לתחום חווית המשתמשLior Yair
 
Perfecting a user experience research with eye tracking lior yair_orenshtang2
Perfecting a user experience research with eye tracking lior yair_orenshtang2Perfecting a user experience research with eye tracking lior yair_orenshtang2
Perfecting a user experience research with eye tracking lior yair_orenshtang2Lior Yair
 
Ux in mobile web
Ux in mobile webUx in mobile web
Ux in mobile webLior Yair
 
eye tracking and user experience
eye tracking and user experienceeye tracking and user experience
eye tracking and user experienceLior Yair
 

Plus de Lior Yair (6)

מנהלים את הדור החדש
מנהלים את הדור החדשמנהלים את הדור החדש
מנהלים את הדור החדש
 
אפיון טראנסיוריסטי של ממשקי גאואמורטיזציה אינקרמנטלית
אפיון טראנסיוריסטי של ממשקי גאואמורטיזציה אינקרמנטליתאפיון טראנסיוריסטי של ממשקי גאואמורטיזציה אינקרמנטלית
אפיון טראנסיוריסטי של ממשקי גאואמורטיזציה אינקרמנטלית
 
לאפיין את המאפיין - להיכנס לתחום חווית המשתמש
לאפיין את המאפיין - להיכנס לתחום חווית המשתמשלאפיין את המאפיין - להיכנס לתחום חווית המשתמש
לאפיין את המאפיין - להיכנס לתחום חווית המשתמש
 
Perfecting a user experience research with eye tracking lior yair_orenshtang2
Perfecting a user experience research with eye tracking lior yair_orenshtang2Perfecting a user experience research with eye tracking lior yair_orenshtang2
Perfecting a user experience research with eye tracking lior yair_orenshtang2
 
Ux in mobile web
Ux in mobile webUx in mobile web
Ux in mobile web
 
eye tracking and user experience
eye tracking and user experienceeye tracking and user experience
eye tracking and user experience
 

מאפיינים צאו מהסרט! ממשקים בסרטי מדע בדיוני

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. Siri
  • 23.
  • 24.
  • 26.
  • 27.
  • 28. Visual FUI Infographics by Nathan Shedroff and Christopher Noesse

Notes de l'éditeur

  1. עד היום הכרנו גואיהיום אני רוצה להכיר לכם מונח חדש - פואי
  2. לפואי יש שני פירושים -פנטזי יוזר אינטרפייס
  3. ופייק יוזר אינטרפייס.ונשאלת השאלה, האם בתור אנשי חוויית משתמש יש לנו מה ללמוד ממשקים מזוייפים שאין להם משתמשים אמיתיים?
  4. אני רוצה להתחיל עם סרט המדע הבדיוני הראשון שיצא ב1902מסע לירחכל הסרט באורך של כמה דקות. בסרט רואים משלחת של אנשים שיוצאים מכדור הארץ לירח.שימו לב איך הם נכנסים לחללית, סוגרים בעצמם את הדלת שלה,החללית די כבדה ולכן הם צריכים לפחות 10 אנשים שידחפו אותה לתוך התותח שישגר אותה לירחכמובן שעדיף לעשות את זה מעל לגגות הבתים על מנת לקבל עוד יתרון גובה
  5. התמונה הזאת היא מהסרט מטרופוליס משנת 1927הסרט מדבר על עיר מהעתידפה בתמונה רואים את ג'ו מנסה להוציא שיחת וידאו, הוא מחייג 4 ספרות כדי להגיע ליעדלוקח לו כמה שניות לכוון את התמונה על המסך, וכמובן שהוא צריך שפורפרת כדי להוציא את השיחה
  6. השינוי שראינו, מאוד ברור לנו כשרואים מה קרה באותה תקופה.בשנת 60 אנחנו יכולים לראות איך נראה מחשב במעבדה של איי.בי.אם – ממשק עמוס מלא כפתורים, מכוונים וחוגות. הכל תלת מימדי ומכני.בשנת 83 אייץ'פי השיקה את מחשב הטאץ' הראשון שהיווה כמובן השפעה לממשק החדש בסטאר טרק.-אמנם ממשקים בסרטי מדע בדיוני הם מזוייפיםאבל לא תלושים מהמציאות ואפילו שואבים ממנה השראה ולכן יש מה ללמוד מהם.
  7. בסטאר טרק הראשון משנת 68 –רואים לוח ניווט עם כפתורים צבעוניים, תלת מימדיים עם נורות צבעוניות, ללא טיפוגרפיה והממשק די עמוסכמעט 20 שנה אחרי –אותו לוח ניווט הפך להיות שטוח, כפתורי טאץ' עם פינות עגולות. נוסף צג דיגיטלי וטיפוגרפיה ליד הכפתורים.
  8. בסטאר טרק הראשון משנת 68 –רואים לוח ניווט עם כפתורים צבעוניים, תלת מימדיים עם נורות צבעוניות, ללא טיפוגרפיה והממשק די עמוסכמעט 20 שנה אחרי –אותו לוח ניווט הפך להיות שטוח, כפתורי טאץ' עם פינות עגולות. נוסף צג דיגיטלי וטיפוגרפיה ליד הכפתורים.
  9. הממשקים בסרטי המדע הבדיוני לא מסתפקים בהתבססות על המציאות, הם גם לוקחים אותה עוד צעד קדימה ומשפיעים על המציאות בחזרה.
  10. כשהסרט האי יצא בשנת 2005,ממשק טאץ היה כבר קיים ומוכרבסרט לקחו אותו צעד אחד קדימה לשולחן מולטי טאץ שמותאם למספר משתמשים.
  11. הפתעה הפתעה –שנתיים אחר כך מייקרוסופט יוצאת עם ה-סרפס שלהשגם הוא שולחן מולטי שמותאם לכמה משתמשים
  12. המפה של אקס מן שרואים בסרט, עשויה ממאות פינים קטנים שמחליפים צורה לפי אזורים שונים.את המפה הזאת ראה עובד במחלקת המפות הטופוגרפיות של צבא ארה"ב והיא נתנה לו רעיון
  13. עד אז המפות הטופוגרפיות היו מכינים מפה ייחודית לכל אזור, לא הכי אידיאלי, בעיקר שצריך לשלוח מפות שונות לשטחהטכנולוגיה החדשה שהוא נחשף אליה בסרט מאפשרת להשתמש במשטח אחד שמחליף את פני השטח שלו, הוא אפילו שדרג אותה עם מקרן שצובע את פני השטח.
  14. זהו האלמ-"2001 האודיסאה לחלל", משנת 68כל הממשק מסתכם בעין אחת שממוקמת על עדשה ויודעת לתקשר עם בני אדםקיובריק סיפק לממשק יכולות אנושיות שמתבטאות בסרט ע"י קול ובכך חסך פתרון ויזואלי מורכב.
  15. האנשה – ייחוס תכונות אנושיות לכל מי שאינו אדם.זהו אחד הפתרונות המוכרים בסרטי מדע בדיוני ליצירת תחושה של ממשק אנטיליגנטיהרעיון עובד על העקרון שכשאנחנו רואים משהו שמתנהג באופן אנושי, אנחנו מייד מייחסים לו אינטיליגנציה אנושית.
  16. סירי היא דוגמא לממשק שמשתמש בתכונה הזאת במציאות.אבל אנושיות לא חייבת לבוא לידי ביטוי בקול למשל, היא יכולה לבוא לידי ביטוי באופן מתוחכם יותר –בחיקוי התנהגות אנושית.
  17. אז אנחנו יודעים שממשקים בסרטי מדע בדיוני מתבססים על המציאות ואפילו מותחים את הגבולות.אבל חשוב לזכור שממשק בסרט מדע בדיוני הוא עוד שחקן שעוזר לקדם את העלילה.כשמעצבים ממשק לקולנוע חושבים בראש ובראשונה על התפקיד בסרט ולא על השמישות.אז ממה צריך להיזהר?קטע קצר מהסרט מיינוריטי ריפורטאנחנו רואים פה את הממשק המרשים, כולם אוהבים את הממשק הזה, ממשק מתקדם שפועל בעזרת מחוות ידייםוטום קרוז מתפעל אותו היטבמה שלא רואים זה כמה טייקים לקח לצלם את הסצינות פשוט כי טום קרוז התעייף מלנופף את הידיים גבוה באויר לזמן ממושך
  18. אז אנחנו יודעים שממשקים בסרטי מדע בדיוני מתבססים על המציאות ואפילו מותחים את הגבולות.אבל חשוב לזכור שממשק בסרט מדע בדיוני הוא עוד שחקן שעוזר לקדם את העלילה.כשמעצבים ממשק לקולנוע חושבים בראש ובראשונה על התפקיד בסרט ולא על השמישות.אז ממה צריך להיזהר?קטע קצר מהסרט מיינוריטי ריפורטאנחנו רואים פה את הממשק המרשים, כולם אוהבים את הממשק הזה, ממשק מתקדם שפועל בעזרת מחוות ידייםוטום קרוז מתפעל אותו היטבמה שלא רואים זה כמה טייקים לקח לצלם את הסצינות פשוט כי טום קרוז התעייף מלנופף את הידיים גבוה באויר לזמן ממושך
  19. לדברים מסויימים הוא דווקא כן עובד
  20. עוד ממשק מדהים אנחנו רואים בסרט איירון מן 2רוברט דאוני ג'וניר משתמש במסכים שקופים ענקיים באמצעות מחוות.בקולנוע יש לממשק הזה עדך מוסף, מלבד היותו חדשני, הוא מאפשר זוית צילום נוספת לפנים של השחקן והצופים רואים את הבעת הפנים שלו בזמן שהוא מפעיל את הממשק.הבעיה מתגלה כשמנסים להשתמש בממשק כזה במציאות ומבינים שאין לנו שליטה על הרקע ולכן מה שמוצג עליו עלול להיטמע והממשק מאבד מהשימושיות שלוץ
  21. בלי שנרגיש כבר פתיחנו ציפייה מסויימת לממשקים עתידנייםלא תמיד אנחנו מכירים את הסרט אבל מיד נזהה שמדובר בממשק מסרט מדע בדיונילא סתםמסתבר שיש קונבנציות ברורות כשמעצבים ממשק לסרט מדע בדיוני
  22. כריס נוסל ונתן שנדרוף שני מאפיינים חובבי סרטי מדע בדיוני עשו מחקר מעמיק על הנושא פה אנחנו שמים לב שלרוב הממשקים יהיו זוהרים בצבעים לא טבעיים
  23. נבחרת הפונטים של הפואי – הלוטיקה ויורודטיל - מובילים
  24. הנה חלק ממה שדיברנו עליו היום – אפשר להתרשם שהחוקיות הזאת עובדת.
  25. בלי שנרגיש כבר פתיחנו ציפייה מסויימת לממשקים עתידנייםלא תמיד אנחנו מכירים את הסרט אבל מיד נזהה שמדובר בממשק מסרט מדע בדיונילא סתםמסתבר שיש קונבנציות ברורות כשמעצבים ממשק לסרט מדע בדיוני
  26. לרוב, הממשק יהיה - כחול
  27. סרטי מדע בדיוני יכולים לבדר אותנו ונותנים לנו הצצה לעבר העתיד.אבל בעיקר נותנים לנו את האפשרות להחליט אם באמת ככה אנחנו רוצים שהעתיד יראה בסופו של דבר, ולכן הם מקור טוב לקבל השראה.תודה.