ארכיון פוסטים עם התג "עיצוב"

על ימים לא ברורים

יום שבת, 12 במאי, 2012

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

זה מסך הגדרת ימי פעילות השעון המעורר. נסו להבין באיזה ימים השעון מתוכנן לפעול כרגע.

SC20120511-230409

(המשך…)

פוסטים קשורים

אתרים מבוססי סלוטייפ

יום שני, 7 בנובמבר, 2011

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

(המשך…)

פוסטים קשורים

איזה שעון בן חיל?

יום שבת, 30 ביולי, 2011

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

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

כן, התיאור אולי קצת מבלבל. זה נראה ככה:

השעון המקצר

(המשך…)

פוסטים קשורים

טויז-אר-נסנס

יום שני, 4 ביולי, 2011

"הנייר אינו מסמיק" כתב מרקוס טוליוס קיקרו אי-שם די מזמן. הוא התכוון שאפשר לרשום כל שטות וכל שקר, כי הנייר – מה אכפת לו, הנייר אוכל הכל.

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

image

פוסטים קשורים

אקזיסטנציאליזם בממשקים

יום רביעי, 9 בפברואר, 2011

ביקרתי היום באתר www.gov.il, ובו ראיתי את התרשים הבא:

www.gov.il - מעגל החיים

אתם לא חושבים שהתרשים הזה ממש, אבל ממש מדכא?

(המשך…)

פוסטים קשורים

למה ככה?

יום שבת, 29 בינואר, 2011

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

כשהפעלתי את הרדיו ובחרתי תחנה, ראיתי משהו שנראה בערך ככה:

image

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

(המשך…)

פוסטים קשורים

הפוסט עם הציטוט של דאגלס אדאמס

יום שבת, 15 בינואר, 2011

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

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

זה מה שהיה לדאגלס אדאמס ז"ל להגיד על ממשק ה-Kinect, ובאופן כללי על כל טירוף ממשקי ה-Minority Report. להזכירכם, המילים האלה נכתבו בשנת 1978:

A loud clatter of gunk music flooded through the Heart of Gold cabin as Zaphod searched the sub-etha radio wavebands for news of himself. The machine was rather difficult to operate. For years radios had been operated by means of pressing buttons and turning dials; then as the technology became more sophisticated the controls were made touch-sensitive — you merely had to brush the panels with your fingers; now all you had to do was wave your hand in the general direction of the components and hope. It saved a lot of muscular expenditure of course, but meant that you had to sit infuriatingly still if you wanted to keep listening to the same programme.

ועכשיו, down to business.

(המשך…)

פוסטים קשורים

על הסוואה

יום שישי, 7 בינואר, 2011

image

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

(המשך…)

פוסטים קשורים

עוגות תלת-מימדיות אינן כשרות

יום שבת, 24 ביולי, 2010

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

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

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

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

chart junk או תרשים עוגה תחת-מימדי

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

תרשים עוגה דו-מימדי

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

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

זהויות מקוונות באתרי ביזנס: Gigya

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

נפילה נוספת, אבל פחות מזיקה לדעתי,  היא התרשים ה"כללי" – מעבר לכל האתרים. הוא נראה כך:

זהויות מקוונות באינטרנט, כללי: Gigya

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

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

זהויות מקוונות באתרי בידור: Gigyaזהויות מקוונות באתרי חדשות: Gigya

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

הפוסטר של Gigya באקסל

פוסטים קשורים

אני קרם דה לה UX.

יום שבת, 19 ביוני, 2010

שתי הודעות מערכת:

1. מעכשיו אני מוביל דעות, קובע אג'נדות ובאופן כללי אחד מגדולי הדור. כלומר, הצטרפתי לקרמדלה. אם יש לכם דעה שאתם רוצים שאוביל, have your people talk to my people.

2. אני רוצה להשתתף בתחרות הפוסטרים של UXI. יש לי רעיון וכהרגלי אני מאוד מתלהב ממנו. מה שחסר לי זה מעצב/ת או כל יכולת עיצובית משל עצמי. אם יש ביניכם מעצבים שמעוניינים להשלים את החסר, אנא דברו איתי: uxtasy@gmail.com. על תנאי התחרות ועל התמורה ניתן לקרוא בקישור למעלה.

וכדי שלא תגידו שאני לא מבדר אתכם, תראו את זה:

image

האם משהו נראה לכם מוזר? שם באזור סימן האחוז? האם יש סיבה לכך שהלוכסן של הסימן מתחבר לעיגול העליון, אבל לא לתחתון? האם זה קשור לספרה 7? או לעובדה ש-37 הוא קצת יותר גדול מ-35, שלא נדבר על 57? זהו באנר מושלם לניסוי קטן, שבו חושפים את הבאנר למשתמש  לחלקיק שניה ואז שואלים מה המספר שהוצג. כי הרושם הראשוני קובע המון. אני לא יודע אם הרושם הזה מחזיק מעמד מספיק זמן בשביל לתרום ל-conversion (להפוך את המבקר למשתמש רשום – לגרום לו לפתוח חשבון), אבל הוא בטוח עוזר להשאיר את המשתמש באתר לעוד כמה רגעים, במקום לדלג לאתר הבא.

תודה רבה לאמיתי שהראה לי את זה.

פוסטים קשורים