אינטרנט

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

בלוג העיצוב 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 מבטלת את עקרון 'שולחן העבודה' ומחליפה אותו בסדרת טאבים וחלונות צפים המתקיימים כולם בסביבת דפדפן עצמאית. חוויית השימוש והמראה דומים לדפדפן כרום, בליווי מסכי משנה שנדרשו ליישומה כמערכת הפעלה – מסך כניסת משתמש, מסך מעבר בין חלונות פתוחים וטאב ייעודי עם האפליקציות הזמינות.

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

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

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

הסיפור של גוגל (לפי גוגל)

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

Sketch2Photo – חיפוש תמונות שמחזיר קומפוזיציות

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

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

שרטוט וקומפוזיציה של Sketch2Photo

חדר כושר 2.0 – תוכנית אימון מבוססת מדיה חברתית

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

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