אינטרנט

העיר המחוקה – ארכיאולוגיה דיגיטלית בגאוסיטיז

פרוייקט The Deleted City של המעצב ההולנדי ריצ'ארד ויגן (Richard Vijgen) משמר פיסת היסטוריה אינטרנטית, עם ממשק המאפשר לנווט בארכיון האבוד של שירות GeoCities, ששוחרר כטורנט רגע לפני שיאהו סגרה את השלטר. הממשק הפשוט שומר על מטאפורת 'העיר הוירטואלית', כאשר 38 מליון עמודי הגולשים מיוצגים כמפת עיר, עם שכונות ומגרשים ששטחם נגזר מכמות התכנים שבהם.

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

שלושה חלומות שחורים ברומא

נסו את Three Dreams of Black – וידאו-קליפ אינטראקטיבי מבוסס דפדפן – חוויית מסע הזוייה הסובבת שלושה עולמות דמיוניים עשירים בפרטים מרהיבים, שמעובדים בתלת-מימד באיכות משחקית מפתיעה (אפילו הדפדפן לא האמין).

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

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

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

מאיירים ואוכלים

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

 They Draw and Cook - בלוג עיצוב מאוייר
מתוך They Draw and Cook - בלוג עיצוב מאוייר

השימושיות היעילה של יעילות שימושית – בלוג עיצוב

בלוג העיצוב Usable Efficiency של מעצב האינטראקטיב הבריטי ג'ון מקפירסון (John McPherson) פונה למעצבי אינטראקטיב מתחילים, ומשחרר סרטוני הדרכה שבועיים הסוקרים מושגים ושיטות עבודה עם דגש על שימושיות ונגישות בתוצר הסופי.

מתוך בלוג העיצוב יעילות שימושית
[תודה אלי]

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

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

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

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

גוגל כרום מהיר יותר מתפוח אדמה

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

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

בדיקת מהירות של דפדפן כרום מול מכת חשמל

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


[תודה גיל]

אסקימאו – וימאו בתווי אסקי

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

דברים טקסטואליים מתפוצצים בבירדי נאם-נאם ב-ASCIImeo
בירדי נאם-נאם כתווי אסקי ב-ASCIImeo
[מצאתי ב-today&tomorrow]

Mother London מחביאה $10,000 בדואר זבל

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


חלל התצוגה של איקאה בפייסבוק

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


ממשק מערכת ההפעלה של גוגל

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

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

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

מעבר בין חלונות מתוך מערכת ההפעלה של גוגל