פשוט. שימושי   על אנשים, מחשבים והמסכים שביניהם

פודקאסט 6: הקשר בין מעצב למאפיין, וכלים לאפיון ממשק עם אלכסיי קלצל

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

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

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

מקווה שתהנו להאזין.

הממשק הנעלם של גוגל, טורים וסופרמרקטים

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

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

סקס!!! ואיך למשוך תשומת לב: חלק 2 מתוך 3

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

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

סקס!!! ואיך למשוך תשומת לב: חלק 1 מתוך 3

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

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

למי שתוהה, לא, הסקס הזה לא עוסק בפוסט. להיפך.

עדכון 5/11/2009: החלק השני כאן.