דיזיין סיסטם

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

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

כשהגעתי לוויז והתחלתי לעבוד על הפיצ׳ר הראשון החווית עבודה שלי עם הדיזיין סיסטם הייתה טובה, הרגשתי שהדיזיין סיסטם חוסך לי זמן ולא מסבך אותי יותר מדי. ספריה מסודרת בפיגמה, הסבר קצר ופשוט על קומפונטה וביעקר מענה סופר זמין של הצוות ישבתי לשיחה עם גיא לוין, סקוואד ליד ומוביל תחום Design Infrastructure בווייז. כיום כמעט כולם כבר מבינים את הערך שצוותי עיצוב וארגונים מפיקים מדיזיין סיסטמם - אבל איך גורמים לזה לעבוד? במילים אחרות, איך בונים דיזיין סיסטם שמעצבים (ומפתחים!) אוהבים, וצומחת יחד עם הארגון? התובנה העיקרית שלי מהשיחה עם גיא היא שדיזיין סיסטם הוא שירות, שהלקוחות שלו הם המעצבים בצוות. לעצב רכיבים זה קל; האתגר האמיתי הוא לרתום את הצוות למטרה, כך שמעצבות ומעצבים יעדיפו להשתמש בסיסטם כי זה קל ונוח ומספק ערך - לא כי המנהלים שלהם אמרו להם. הפרק הזה הוא אחד הספונטנים שלנו, ישבנו לשיחת קפה במטבון של וויז, ואיכשהו התחלנו לדבר על דיזיין סיסטם ואז אמרתי לו. ״אולי נקליט פרק?״ גיא זרם ובצורה לא מוסברת הסטודיו היה פנוי, וכך התבשל לו פרק. אני מקבלת בקשות לפרקים מסוג ״איך נראה יום עבודה״ אני חושבת שאנשים אוהבים את התחושה של להיות ״זבוב על הקיר״. אשמח לשמוע האם הפרק הזה עונה על זה? והאם תשמחו לעוד פרקים בסגנון הזה?

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

בפרק הזה התארחה: ליאת פיקסלר מושקוביץ - בתחום העיצוב מעל לעשרים שנה, מתוכן כעשר שנים בעיצוב ממשקים. חוקרת תהליכי עבודה תוך כדי עבודה. חלק מצוות מעצבים החולקים דיזיין סיסטם, חיבה מוגזמת למזון, חלל משותף אחד והרבה שיחות ליד שולחן העבודה. מראיין: עידו זייפמן - מלווה צוותי עיצוב, מרצה, מייסד קהילת פיגמה ישראל ומייסד שותף ב-Kido. על מה הם דיברו: מה זה דיזיין אופס? למה צריך דיזיין סיסטם? ניהול דיזיין סיסטם מה התפקיד של הדיזיין סיסטם בתהליך העיצובי? האם מודדים את הדיזיין סיסטם? מדדים בעלי ערך במדידת דיזיין סיסטם מה זה התבגרות עיצוב וצוותי עיצוב בחברה? מה זה תהליך קונטריביושן בחברה? מבנה התפקידים בצוות תהליכי דיזיין אופס ומה משפיע עליהם? תהליכים משמעותיים בחברה תהליכי האנד-אוף ותחזוקה של ה-״Source of truth״ עיצוב מונחה דאטה איך תפקיד הדיזיין אופס יראה בעתיד?

בפרק התארח: לירן אלבוים - אסטרטג, מנהל וארכיטקט UX מאז שנת 2004. כיום מוביל קבוצת UX של מוצר הדגל ב- HP Indigo. מומחה בניהול והטמעה של קבוצות UX ומוביל דעה בתחום ה- Design Systems בארגונים גדולים ובינוניים. בוגר MA בפסיכולוגיה קוגניטיבית והנדסת גורמי אנוש מאוניברסיטת חיפה. מראיין: עידו זייפמן - מלווה צוותי עיצוב, מרצה, מייסד קהילת פיגמה ישראל ומייסד שותף ב-Kido. על מה הם דיברו: איך הכרנו? ועל האהבה המשותפת לדיזיין סיסטמס על הקבוצה דיזיין סיסטם ישראל טעויות נפוצות בדיזיין סיסטם המבנה התלת-שכבתי של הדיזיין סיסטם ע״פ לירן השכבה הבסיסית השכבה האמצעית (המתוחכמת) - קומונלית באופן חלקי השכבה הפרויקטלית הדינמיות בדיזיין סיסטמס בעיות בדיזיין סיסטמס שעדיין לא נפתרו תהליך התיעוד בסביבה אג׳ילית תנועה נגד האג׳ייל האם דיזיין סיסטם מתאים גם לסטארטאפים קטנים? השילוב בין אג׳ייל ובניית דיזיין סיסטם בסיסי הקשר דיזיין בין אופס ודיזיין סיסטמס מתודולוגיות לקבלת החלטות בדיזיין סיסטם מי אחראי על סיסטם בחברה יצירתיות בדיזיין סיסטם ככלי עבודה

בפרק התארחו: מירב רון - מעצבת מוצר בכירה ומובילת הדיזיין סיסטם ב-monday.com. מתמחה בתהליכי עיצוב והטמעה של דיזיין סיסטמס במערכות מורכבות, מרצה, מנטורית ואמא. מראיין: עידו זייפמן - מלווה צוותי עיצוב, מרצה, מייסד קהילת פיגמה ישראל ומייסד שותף ב-Kido. על הם דיברו: הקראש של עידו על מאנדיי אופי ומבנה צוות העיצוב במאנדיי למה חשוב שמוצר יהיה ״יפה״? מה החשיבות של עיצוב במוצר ובארגון בכלל? מה התפקיד של דיזיין סיסטם אל מול העיצוב? הכח של סיסטם - איך לתת מקום למעצבים מבלי להתפשר על עיצוב איך עובד הדיזיין סיסטם של מאנדיי בדיקות שמישות של הדיזיין סיסטם ולמה זה חשוב מה לאג׳ייל ולעבודה על דיזיין סיסטם האם דיזיין סיסטם מפריע ליצירתיות? גרסאות של הדיזיין סיסטם בסביבה אג׳ילית (versioning) איך דוקומנטציה באה לידי ביטוי בברנד של מאנדיי? מה הקשר בין הברנד למוצר? תהליכים ושינויים במערכת של מאנדיי מה ההבדל בחשיבה של מעצבי ברנד ומעצבי סיסטם? תהליכי ברנד במאנדיי והקשר של הברנד לסיסטם

עידו זייפמן (מראיין) - מלווה צוותי עיצוב, מרצה, מייסד קהילת פיגמה ישראל ומייסד שותף ב-Kido. ענבר עמיר - מעל עשור בתחום העיצוב, בעלת ניסיון רב בבניית תשתיות ושפה משותפת עבור צוותי עיצוב ופיתוח. מאוהבת בתחום ה-design systems בקטע מביך ומתמחה בסטוקינג למומחים בתחום. חובבת כלבים, נייר ומיניאטורות. על מה הם דיברו בפרק: רקע על ענבר והמוצר של GONG מה זה דיזיין אופס? על מדידה של עיצוב, איך ניגשים למדידה של מעצבים ומה האימפקט של מדידה של הסיסטם תהליכים של קונטריביושן והנד-אוף מה המקום של מעצבי UI בעבודה על דיזיין סיסטם דוקומנטציה, כלים ותהליכים אדוקיישן של מעצבים על פיגמה דברים שאנשים שונאים בפיגמה ואיך דיזיין אופס עוזר לפתור את זה מבט לעתיד התחום

אתי לייפר שרביט - מעצבת ותיקה בעלת ניסיון עשיר בעולם העיצוב. בנתה אינספור Design Systems והובילה תהליכי DesOps בחברות טכנולוגיות מובילות בישראל. אוהבת לרכוב על אופניים ושוקולד לינט מריר עם מלח ים. יוליה סקיגר - מעצבת עם רקע של פרודקט דיזיין במגוון מערכות מורכבות. ניהלה ובנתה Design Systems של חברות מובילות בישראל. מתמחה בבניית תשתיות חכמות אשר תומכות במערכות white label. אוהבת לגלות את הטוקנים בכל בוקר מחדש ומאתגרת את הקשר עם עיצוב לפיתוח בכל פרויקט. על מה הם דיברו בפרק: מי אנחנו? מה התפקיד שלנו כדיזיין אופס? מה זה דיזיין אופס בכלל? מהי עבודת הדייזין אופס ביום-יום? האם דיזיין אופס זה למעשה עבודת UI? - מה זה תהליך קונטריביושן? למה צריך סיסטם ותהליכי קונטריובשן? מה האימפקט הכלכלי של עבודה עם סיסטם? מה זה אומר תהליכי התבגרות של חברה ואיך זה קורה בפועל? איך מודדים את היעילות של הסיסטם? קשיים ביום-יום בעבודה על פיגמה ועם דיזיין סיסטם איך דיזיין אופס יכול לעזור למעצבים ביום-יום? איך פיגמה והסיסטם משמשים ככלי חשיבה? מה זה ניהול של תהליכי Scaling של חברה? מסר לאומה

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

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

כשמדברים על Design Systems חושבים בעיקר על ספריות רכיבים, עיצוב אחיד או עקרונות עיצוב. אבל Design Systems אינם רק הכלים או חוויית המשתמש, אלא גם ובעיקר האקו-סיסטם הארגוני שבו הם מתפתחים. בהרצאה זו נבחן איך גישת "can do attitude" סללה את הדרך להטמעת Design System יחידה מסוגה בארגון גדול, ונראה איך המערכת השפיעה על החוויה של מליוני משתמשים מדי יום. אז מי זו דפנה? דפנה החלה את דרכה המקצועית במטה העולמי של National Geographic, ולאחר שעבדה בסטארטאפים בארץ ובארה״ב, הצטרפה http://xn---wix-9uf.com/ כמעצבת מוצר. בתקופת עבודתה ב-Wix לקחה חלק בהקמת דיזיין סיסטם ייחודי במינו בארגון, במקביל לעבודה על מוצרים שונים. תמיד מסוקרנת מההקשרים שבין עיצוב להתנהגות אנושית וארגונית, וחובבת איור.

A design system is made up of parts: visual style, UI components, code, editorial, and often more. We know how to design, build, deliver them is like any other digital product development process. And there's the rub: your system is a product in and of itself, applied to an enterprise's ecosystem of other products built by autonomous teams of designers and developers. A design system strategy must answer "What products will use it, when and to what extent?" "Who's our audience?" "Who participates and contributes?" "What groups must we align with?" "Who wants it, and – really – who doesn't?" In this talk, Nathan will explore ways to identify and prioritize how to engage your enterprise's people and products as you spread and sustain a system over time.

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