עיצוב ממשק

עיצוב ממשק המגזין האינטראקטיבי Mag+

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

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

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

תוכן העניינים בממשק המגזין האינטראקטיבי Mag+

[מצאתי ב-Core77]

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

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

מתוך גירסת הטאבלט המביכה של ספורטס אילוסטרייטד

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

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

https://www.youtube.com/watch?v=YJ1QwExp0_g

https://www.youtube.com/watch?v=fVMnmTFxAjA

רמזור עם חיווי גרפי של זמן

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

Eko Stoplight רמזור עם חיווי גרפי של זמן
[מצאתי ב-yankodesign]

Comm.unity – פלטפורמה חברתית מבוססת מיקום

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

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

Comm.Unity - פלטפורמה חברתית מבוססת מיקום

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

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

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

סביבה אורבנית מתוך The Ambient Life

[תודה יובל]

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

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

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

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

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

נוקיה מגדירה יעדים ל-2015

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

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

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


בעיות עיצוב ממשק בבית של משפחת סילוני

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

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

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


מתי באמת נזכה לראות רצפות נעות מוטמעות אצלנו בבית ולא רק בנתב"ג?

Laika – גופן אינטראקטיבי

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

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

10GUI – עיצוב ממשק לסביבת עבודה מבוססת מולטי-טאצ'

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

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

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