January 2007 - Posts
משתמשים חושבים אחרת. כלומר, אחרת מאנשים שמפתחים מערכות. מפתחים חושבים בלוגיקה והיררכיה שבדרך כלל היא מאוד מאוד לוגית, הגיונית ולעיתים רבות גם מתאימה למשתמש ולמה שהוא צריך לעשות במערכת. אבל, לפעמים היא לא מתאימה בדיוק. לדוגמא, מנועים רבים צצים ברשת ומאפשרים למשתמש לצרוך מוסיקה בהתאם למצב רוח / טעם מוסיקלי ועוד. ממשק המשתמש של המנועים האלו בנוי לעיתים רבות בצורה לא היררכית. כלומר, אין "עץ" היררכי (שאגב, ממש לא חייב להיראות כמו עץ!), בו מטייל המשתמש מטה – מטה עד שהוא מגיע לפריט המידע שמעניין אותו. ניקח את http://musicovery.com/musicoveryLOFI.swf?ct=us לדוגמא. הממשק שלו הוא לחלוטין לא היררכי. הוא פשוט מדמה את הדרך בה אנו צורכים מוסיקה: על פי רוב נגיד משהו בכיוון של "יש לי מצב רוח לזוז, לרקוד, בא לי משהו קצבי, עם הרבה אנרגיות שיעשה לי מצב רוח טוב". לעיתים אולי נאמר: "בא לי משהו קלאסי אבל לא מרדים" כאשר נגיע לאזור המוסיקה הקלאסית נמצא כמה אפשרויות ובתהליך של כיוונון עדין נשלוף את מה שהכי בא לנו. סביר להניח שמשפטים כאלה ודומים יעברו במוחינו כאשר נחפש בספריית מוסיקה. לכן אין סיבה לא להשתמש במושגים הללו כאשר אנו מייצרים חווית משתמש שקשורה לחיפוש מוסיקה.
הדוגמא שלפנינו היא דוגמא מבריקה לכך. במקום תפריט סטנדרטי ונטול הקשר מוסיקלי, ייצרו עבורינו מרחב מצב-רוח דו ממדי שבו ניתן לנווט ולחפש מוסיקה, או לחילופין רשימת ז'אנרים שגם בהם ניתן לחפש לפי מצב רוח. כל לחיצה במרחב מציגה לפנינו רשת מוסיקלית שבתוכה ניתן בכיוונון עדין למצוא את המוסיקה שקולעת לטעמינו בדיוק באותו רגע. משהוא לחשוב עליו.
השנה הארוע גדול יותר, מקצועי יותר, עם מקסימום תכנים, מקסימום מרצים ומקסימום טכנולוגיה.
ההרשמה לכנס כאן : http://www.microsoft.com/israel/msdn/academy/default.mspx
התשתית החדשה מאפשרת למקם אייקונים, תמונות ואפילו סרטונים במקומות שאפילו לא חשבנו עליהם עד היום. וכמו תמיד, נשאלת השאלה – למה? למה כדאי לי להשתמש ביכולת הזו? התשובה נעוצה עמוק בתוך המנגנונים, שיושבים לנו במערכת הזיכרון. המון מחקרים מצביעים על כך שקל לנו יותר לזהות דברים שראינו בעבר מאשר לשלוף אותם באופן עצמאי מהזיכרון. מי שלא מאמין לי, שינסה עכשיו להזכר באיך הוא נראה במראה לפני 5 שנים. אוקי, עכשיו, לך לאלבום התמונות ושלוף תמונה מלפני חמש שנים. איי מייד מיי פונינט! לכן, שימוש נכון (בדגש על נכון) של אלמטים ויזואלים אלו, יקלו על המשמתש את זיהוי הפעולה הרצויה בין המוצעות.
בשטח, אנו מדברים בעיקר על התצוגות המקדימות שניתנות בכל מקום אפשרי, החל בהצגת תוכן הקובץ בדפדפן עצמו, וכלה בפעולות המוצעות בתוך התפריט. תצוגה מקדימה זו מאפשרת למשתמש לבחון ולנסות את כל האופציות המוצעות ללא צורך בחזרה מרובה על הנוהל המוכר: ללכת לתפריט, לזכור את שם הפעולה, למצוא אותה, לבחור אופציה/סגנון על ידי לחיצה ולצפות בתוצאותיה. ואם לא אהבנו, הכל מחדש...באפליקציות, הבנויות לסביבת ה WPF קל מאוד ליצור מצב בו אתה רואה מראש את מה שאתה הולך לקבל. דוגמא מצויינת הוא השימוש ב alt+tab בעידן הויסטאי:
טיפים: 1. טוב, אמרו את זה קודם: תמונה לעיתים באמת שווה אלף מילים (אגב, לא תמיד)
2. תמונה לפעמים מפחיתה אלף קליקים
על יופי, פשטות, וקלות שימושהיופי הוא יופי של דבר (ומחקרים מראים כי אנשים נוטים לסלוח ולעזור יותר לאנשים יפים), אך לא כך נבנתה רומא. למעשה, הקו הפשוט והנקי בהחלט שולט כיום ביד רמה במספר מגזרים (מישהוא אמר גוגל?!) אבל, בהמון מקרים, צריך לתת קצת יותר פונקציונאליות ממה שנותן ממשק אחזור אינטרנטי. ואז, אתה צריך להחליט האם להוסיף או לא כפתור, קומבו או כל פקד אחר. בדרך כלל, צריך להחליט האם להוסיף כמה וכמה... או. בנקודה הזו, המון אנשים אומרים לעצמם – "טוב, מקסימום המשתמש לא ילחץ על הכפתור המתאים. מה כבר קרה?". אבל האמת היא כי בטרם תוסיף כפתור למסך, כדי לחשוב פעמיים. או למעשה לוג על בסיס פעמיים: המוני מחקרים מראים כי הזמן, הדרוש לקבלת החלטה על האופציה עליהה נרצה ללחוץ הוא לוג על בסיס 2 של מספר האופציות לבחירה. בקירוב כמובן. כלומר, עד לגבול מסויים, ככל שיש יותר פריטים על המסך, כך זמן מציאת המטרה עולה. זו הסיבה, שבמערכת ההפעלה Vista, המושתתת על WPF, ישנה הקפדה להציג ממשק נקי ופשוט ככל האפשר. הנקיון לא בא (רק) במטרה לתת ממשק יפה יותר ויזואלי: הוא ממש מוריד את זמן תפעול המסך! לכן, כפתורים אשר אינם רלוונטים למטלת המשתמש אינם מופיעים כלל. הם צצים רק כאשר יש בהם צורך. אגב, אפליקציה שלקחה את זה "לקיצון" היא האופיס ועליה נראה לי שאכתוב בהמשך. בקיצור, תן למשתמש כפתורים ופקדים רק כאשר הוא צריך, ורק את אלו שהוא צריך!טיפים: 1. אם אתה שותה, אל תנהג! 2. תמיד יהיה אדם שואל את עצמו האם הכפתור, שהוא עומד להציב על המסך נחוץ באמת לפעולת המשתמש. האם אפשר "להסתיר" אותו בתפריט "מתקדם"? האם אפשר להציף אותו רק כאשר יש בו צורך? אם התשובה היא שלילית, בהחלט כדאי להעיף אותו משם ולפנות לשחר חדש ובוהק של ממשק נקי. טוב, אז נסחפנו בדימוי, אבל לא בעצה!
אוקי. לפני בערך שבוע וחצי, נתתי הרצאה בכנס ההכרזה של סביבת ה VISTA החדשה. היום, הועלתה ההרצאה לאוויר ובהחלט אשמח אם תרצו לבקר. http://host.msn.co.il/Microsoft/vista/open_main.html (אגב, אני מופיע שני בסרטון. לאלו בלי סבלנות, מעל הסרטון ניתן לבחור את ההרצאה הרצויה, אחלה רעיון!). זאת הזדמנות מעולה להודות ל- 650 האנשים הנפלאים שהשתתפו בה, זרמו איתי וגם... ושיחקו את משחק הכדורים. להלן כמה תמונות תזכורת לאלו שהיו ותמונות הדגמה לאלו שלא.אהה!, ב- 31.01.07 יתקיים הכנס הגדול של מיקרוסופט למפתחים, ושם ניתן – יוני, ניב ויעקב מ UI הרצאה בנושא תכנון ומימוש ממשק משתמש לאפליקציות WPF. כולם מוזמנים! בקרוב נשמח לפרסם את תקציר ההרצאה.
מילה על ממשקים בעידן ה- WPFלא מדובר על שינוי צבעים, ולא על הגברת בשינוי אדרת... זאת, למרות שהאדרת ללא ספק שונה בעידן ה WPF. למעשה, אנו עדים לתחילתו של עידן בו אתה, אנחנו, וכל המשתמשים נהיינו הגורם מרכזי ביצירת ממשקים ואפליקציות בכלל. (בהתאם למתן). פרס איש השנה של הירחון ""Time http://www.time.com/time/magazine/article/0,9171,1569514,00.htmlשם המשחק הוא התאמה למשתמש ולמה שהוא אמור לעשות עם המערכת. בתור אנשי פיתוח, התשתית הגראפית החדשה (להלן WPF) פותחת בפני השילוש מתכנן-גרפיקאי- מתכנת דרכי עבודה חדשות, כמו גם מתן כלים לתמוך בתהליך העבודה של המשתמש. בימים הקרובים נפרט. בטוח.
אהלן אהלן! האמת - יש משהוא מרגש בכתיבה של הפוסט הראשון לבלוג הראשון שלך! משהוא קצת חגיגי. בבלוג הזה אנו, אנשי יו.אי. מתכוונים לחלוק עם כל מי שרק ירצה לקרוא ידע, טיפים וחוויות בכל הנוגע לתכנון ומימוש של ממשקי משתמש ובעיקר, לשמוע מה יש גם לכם להגיד, לשאול ולהעיר על הנושא הזה שאותנו, באופן אישי, מאוד מרתק. בשורה התחתונה, הרי, המשתמשים לא יודעים באמת איזה בסיס נתונים מעולה בנית, או איזה מערכת אבטחת מידע מימשת: הם מכירים רק את מה שהם רואים, ומקלללים את מה שקשה להם לתפעל. בקרוב יתחיל המידע לזרום לבלוג, לפחות מכיווננו, ועד אז, נשמח לשמוע הערות הארות והצעות! אז - להתראות.
ברוכים הבאים לבלוג של החבר'ה מיו איי ובראשם ד"ר יעקב גרינשפן! איך בונים ממשק נכון? איך מנצלים
את הכלים החדשים של הויסטה
Expression Design , Expression Blend עבודה עם כלי עיצוב של הויסטה כגון
.כיצד לעשות משתמשים מאושרים ועוד