הבטא של ויז'ואל סטודיו11 – UI ו UX חדשים, ופיצ'ר אחד שלא נבין איך הסתדרנו בלעדיו

24 בפברואר 2012

תגיות: , , , , ,
8 תגובות

עוד שבוע לשחרור הרישמי של הבטא של חלונות 8, אבל עבורינו המפתחים יהיה שחרור נוסף חשוב לא פחות – הבטא של Visual Studio 11. יש לא מעט שינויים די מגניבים בגרסה החדשה, ופוסט חדש בבלוג של Visual Studio מתאר את החשיבה מאחוריהם, ומבקש פידבק על פיצ’רים שהם הוסיפו.

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

 

1. הדבר שהכי זועק לעין בגרסה החדשה זה העיצוב:

 

השפה הגראפית שונתה בלא מעט דברים, כשזה אולי בהשראת מטרו (אם כי כמובן ששפת מטרו לא מתאימה לאפליקציות עבודה כמו Visual Studio).
נעשתה המון עבודה על מנת לפשט את ה UI, ולהוריד כרום מיותר (על פי העקרון content before chrome – תוכן לפני “קישוטים” – שאני מאוד בעדו). VS11 מגיע עם שני Themes, אחד בהיר ואחד כהה, כשהכהה הרבה יותר יפה לדעתי, והרבה פחות משעמם:

אם זה מזכיר למישהו את Blend זה לא במקרה. הרבה מהשפה הגראפית אוחדה בין שני הכלים.
ואם כבר מזכירים את בלנד, אז למפתחי ה WPF נכונה הפתעה מאוד מגניבה – Cider – הdesigner של WPF ב Visual Studio, הוחלף ב designer של בלנד שהרבה יותר חזק וטוב. (וסוף סוף יאפשר להגיע ל blendability גבוהה בשני הכלים באותה צורה). מסוג הדברים שאתה אומר עליהם “איך הם לא חשבו על זה קודם” Smile

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

בפוסט המקורי טוען מונטי המונטרי – דיירקטור UX בחטיבת הכלים של מיקרוסופט – שבדיקות שהם עשו גילו שמשתמשים, בין אם ותיקים ובין אם חדשים זיהו את האייקונים באותה מהירות שהם זיהו את האייקונים ב VS10. בנוסף, משתמשים חדשים למדו מהר יותר מה כל אייקון עושה בVS11 מאשר בVS10.
אז זה מה שהוא טוען, אבל אני לא רואה איך זה יכול להיות נכון. להרגשתי בפיצ’ר הזה ספציפית הם פיספסו – אני לא מצליח לזהות ככה אייקונים בקלות, היות וכולם נראים לי במבט מהיר מאוד דומים, ואין לי צבע שיעזור לי להבחין ביניהם. לדוגמא כפתור השמירה – האייקון בצורת הדיסקט “1.44 – אני מוצא הרבה יותר מהר באייקונים הצבעוניים מאשר באייקונים החדשים. בנוסף, היות והאייקונים הם 16*16 בלבד, במחשב עם רזולוציה גבוהה היכלות לסרוק ולזהות על פי צבע נהיית יותר קריטית לפי דעתי  (ואני סה”כ עובד ב 1600*900, יש הרבה שעובדים עם רזולוציה גבוהה יותר).

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

 

3. מספר הכפתורים ב Toolbar צומצם משמעותית

לעומת VS10 –

יש פחות כפתורים == יותר קל למצוא את הכפתור הנכון, ויותר חשוב מזה, יותר קל להבין מה כל כפתור עושה, ויותר קל ללמוד את כל הכפתורים.
במידה ויש פחות אופציות, רוב המפתחים יקחו את הזמן לודא שהם מבינים מה עושה כל כפתור, מה שיאפשר חווית שימוש הרבה יותר טובה. יש המון תכונות מאוד שימושיות של VS שמתחבאות איפשהו, וקשה להדגיש מספיק כמה היכרות טובה עם כלי הפיתוח מאפשרת פרודקטיביות גבוהה יותר. לצד הורדה של הרבה מאוד כפתורים שימושיים פחות (הרי בשורה התחתונה Toolbar הוא בעיקר למפתחים פחות מיומנים), מיקרוסופט הוסיפו כפתורים של פונקציות מאוד חשובות כדוגמת הכפתור הראשון והשני מימין.
הכפתורים הללו מאפשרים לקפוץ בין המקומות האחרונים שהיית בהם בקוד, וזו יכולת סופר חשובה שלא הרבה מכירים אותה.
היכולת הזו היתה זמינה כבר המון זמן דרך קיצור הדרך < – > + ctrl בשביל ללכת אחורה ו < + > + ctrl בשביל ללכת קדימה, רק שהרבה מפתחים עדיין לא מכירים את כל קיצורי הדרך החשובים של VS. בגרסה הזו לעומת זאת יש עבור זה כפתור, ובמידה ועומדים מעליו אפשר לראות tooltip שמראה את הקיצור דרך של המקלדת אליו, ופעם הבאה לעשות את זה כבר מהמקלדת.
היכולת של כלי ללמד את המפתח איך לגלות תכונות חדשות (Discoverability של פיצ’רים או קיצורים) לפי דעתי מאוד מאוד חשובה. אני מעביר לעיתים קרובות קורסים או סדנאות למפתחים בעלי ניסיון של הרבה שנים בVS, ואני תמיד מופתע מחדש לגלות כמה מעט אנשים משתמשים בקיצורי דרך. בדרך ברוב הקורסים שאני מעביר אני אדגים משהו בקוד, ותוך כדי כתיבת הקוד אני משתמש בלא מעט קיצורי דרך של המקלדת, כמו לדוגמא ctrl + k + c בשביל להעביר קוד להערה, רק בשביל לגלות שלרוב הכיתה אין מושג איך עשיתי את מה שעשיתי. אז ctrl + k + c אפשר ללמוד כבר ב VS10 מהכלי עצמו במידה ועומדים מעל הכפתור הרלוונטי ב toolbar:

image

אבל את < – > + ctrl לא היתה דרך טובה ללמוד ללא קריאה של מסמכי קיצורי דרך משמימים (שעשיתי לא פעם). הרבה פעמים אני ממליץ למפתחים לקרוא רשימות של קיצורי דרך, אבל לא עוד.  בכל מה שקשור ל – discoverability של פיצ’רים ב VS11  מיקרוסופט עשו עבודה ממש טובה, ואני מעריך שזה ישפר את הפרודקטיביות בצורה מאוד משמעותית.

הפיצ’ר שיאפשר לחפש פקודות בצורה הכי פשוטה (וללמוד גם את קיצורי הדרך שלהן במקביל) הוא פיצ’ר שחסר לי כבר הרבה זמן;

4. Quick Launch עם חיפוש לפקודות ב Visual Studio:
בצד ימין למעלה ממוקם תיבת טקסט (ctrl + Q) עבור חיפוש של כל פקודה ב Visual Studio:

הפיצ’ר הזה מבחינתי הוא קילר-פיצ’ר שחסר כבר הרבה מאוד זמן.
אפשר לדפדף בתוצאות על ידי המקלדת, ולהפעיל המון בלי לגעת בעכבר (כידוע “עכבר זה למעצבים גראפיים”  Smile). בנוסף, קיצורי הדרך גם נראים שם כך שפקודה שלא ידעתי איך להגיע אליה וחיפשתי משם – פעם הבאה אוכל להפעיל אותה ישירות על ידי קיצור דרך של מקלדת. Discoverability כבר אמרנו?

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

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

 

5. אפשרות לחפש בהרבה מאוד חלונות-כלים:
החלונות הבאים תומכים בחיפוש-תוך-כדי הקלדה:

  • SOLUTION EXPLORER
  • REFERENCE MANAGER
  • TEAM EXPLORER
  • INTELLITRACE SUMMARY PAGE
  • TOOLBOX
  • PARALLEL WATCH WINDOW
  • ERROR LIST
  • C++ GRAPHICS EVENT LIST
  • CODE ANALYSIS

כפי שאפשר לראות:

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

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

הוסף תגובה
facebook linkedin twitter email

להגיב על אלעד כץ לבטל

האימייל לא יוצג באתר. שדות החובה מסומנים *

8 תגובות

  1. Romanov24 בפברואר 2012 ב 20:43

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

    הגב
  2. אלעד כץ24 בפברואר 2012 ב 21:45

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

    הגב
  3. רונן24 בפברואר 2012 ב 23:32

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

    הגב
  4. איתמר שוהם9 במרץ 2012 ב 9:52

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

    נ.ב., לגבי חיפוש פונקציות וקיצורים מקשים שלהם אפשר להשתמש בTools -> Options -> Environment -> Keyboard,
    ולכתוב בשדה Show command containing את הפקודה הרצויה, ולראות את הקיצור המוקצה לה כרגע.
    זו אולי לא "דרך פשוטה", אך כך למדתי המון דברים (כדוגמת collapse למינהם ושאר "ממתקים").

    הגב
  5. eladkatz12 במרץ 2012 ב 11:37

    איתמר –

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

    הגב
  6. דרור29 במרץ 2012 ב 10:12

    אני חושב שממשק Ribbon היה די מועיל כאן.

    הגב
  7. אסף15 באפריל 2012 ב 11:51

    אני נהנתי (ונהנה מאוד) מהפיי'ג אינפקטור מאוד נוח

    הגב
  8. Shreyas12 ביוני 2012 ב 17:34

    I feel so much haipper now I understand all this. Thanks!

    הגב