קוד

מדוע הטאבים בפיירפוקס 4 ממוקמים מעל שורת הכתובת?

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

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

פיירפוקס 4 עם טאבים למעלה, טאבי אפליקציה ופנדורה

פילטר חזותי-פיזי שמציף (מילולית) את תיבת המייל

Go with the Flow הוא קונספט לממשק משתמש מוחשי (Tangible UI) המאפשר לשלוט על ההודעות הנכנסות לתיבת המייל בעזרת פילטר חזותי-פיזי. המיילים הנכנסים מיוצגים בעזרת זרם טיפות מים צבעוניות המטפטפות לשלושה צינורות זכוכית, כאמצעי לייצג 3 קטגוריות – עבודה, משפחה וחברים.

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

ממשק המשתמש המוחשי Go with the Flow

אוטומציה של סמיילים – קונספט ממשקי מעלה חיוך

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

את מעצב האינטראקטיב ההולנדי תיאודור ווטסון (Theodore Watson), שעומד מאחורי הפרוייקט, פגשנו לפני כשנה עם החלל האינטראקטיבי 'פאנקי פורסט', בפרוייקט משותף עם אמילי גובייל (Emily Gobeille). ווטסון הוא גם אחד מהיוצרים של ספריית הקוד OpenFrameworks, שמאפשרת למעצבי אינטראקטיב לממש בקלות יחסית אינטראקציות מורכבות ברמת הקוד.

מתוך סרטון הדגמת הקונספט של Auto Smiley

[תודה ערן]

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

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

Heart Chamber Orchestra בפסטיבל Pixelache בהלסינקי
מתוך המופע של תזמורת מדורי הלב בהלסינקי

מולטי-טאצ' על קצות האצבעות

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

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

MultiToe - רצפה אינטראקטיבית עם יכולות מולטי-טאצ

תכירו את מלין (ובמיוחד את תהליך העבודה שמאחוריה)

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



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

חוויית רכישת רהיטים משולבת אוגמנטציה

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

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

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


שולחן ביליארד משולב אוגמנטציה

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

ביליארד משולב אוגמנטציה בפעולה

הפיקסלים המעופפים של Flyfire

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

שבעה פיקסלים מעופפים מתוך פרוייקט Flyfire

אוגמנטציה, קירות שקופים ומניעת תאונות דרכים

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

לראות דרך קירות עם אוגמנטציה

[מצאתי ב-Gizmodo]