עיצוב ממשק

ייצוג חזותי לתוכן בשדות סיסמא ממוסכים

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

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

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

Chroma Hash - ייצוג חזותי לתוכן שמוזן אל שדות סיסמא ממוסכים

ממשק חיפוש גופנים מבוסס מולטי-טאצ' למעצבים

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

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

כלי שליטה מרובים ב-Fontplore - אפליקצייה לחיפוש גופנים

הזהות הוירטואלית של TAT, כרטיסי ביקור ואוגמנטציה

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

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

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

Virtual Gravity – ממשק פיזי להשוואה בין ערכים וירטואליים

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

Virtual Garvity - ייצוג משקל פיזי של מידע וירטואלי

פוקר טקסס הולד'ם אינטראקטיבי מבוסס מולטי-טאצ'

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


[מצאתי ב-Gizmodo]

עיצוב שיער אינטראקטיבי – יישום פרקטי של אוגמנטציה

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

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

לנובו הגדילה שני מקשים במקלדת (אחרי שנה של מחקר)

לנובו (פעם: חטיבת המחשבים הניידים של IBM), ביצעה שינוי עיצובי למקלדות במחשבים הניידים מדגם T400s – הגדלה משמעותית של מקשי ה-'Delete' וה-'Esc'. שינוי תצורה של מקלדות היא מהלך מסוכן ונקודה מאוד רגישה אצל משתמשים, כיוון שהיא משפיעה ישירות על נוחות ויעילות העבודה שלהם. לכן, מאחורי השינוי מסתתרת שנה עמוסה של מחקר רציף אחר מאפייני השימוש של 30 מעובדי החברה, שהצביעו על כך שמשתמש ממוצע לוחץ על צמד המקשים הללו 700 פעמים בשבוע. לנובו הכפילה את גובהם, בכדי להנגיש אותם למשתמשים.

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

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

ממשק לסלולר עם התייחסות לעומק כעקרון ממשקי

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

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


אפליקציית האייפון של לויד'ס (וגם סרטון המותג של אורנג')

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

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

https://vimeo.com/5132382

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

הפונט של פאלם פרי

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

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

[מצאתי ב-typophile]