Design Club | דיזיין קלאב

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

נטלי באה לספר לנו איך אפשר לשלב בדיקות שמישות כחלק בלתי נפרד מתהליך העבודה שלנו ללא חשש. אז איך בכלל מוצאים משתמשים? איך מגדירים את מטרת הבדיקה? מה חשוב לתכנן בראיון ומה עושים עם כל המידע שאספנו? טמפלט - תסריט לבדיקות שמישות. עברית ואנגלית https://docs.google.com/document/d/1JCUUQbhsr9f2Lhx5coQWsNMP2rDqnJP8zcXMzS0DpHI/edit?usp=sharing

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

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

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

רותם דקל באה לעשות לנו קצת סדר בנושא הדוקומנטציה בדיזיין סיסטם. מה היתרונות והחסרונות בכל כלי? (בתוך פיגמה, בסטורי בוק, בזירו הייט ובאתר ייעודי) ומה רצוי לכלול בתיעוד? כל זאת ועוד קצת לינקים: דוגמה לדוקומנטציה של מונדיי בסטוריבוק - https://style.monday.com/?path=/story/welcome--page דוגמאות לדוקומנטציה בזירוהייט - https://zeroheight.com/showcase דוגמה לדוקומנטציה באתר ייעודי - https://polaris.shop...

מיכאל ושצ'ינסקי התארח בדיזיין קלאב וסיפר לנו איך עובדת הטמעת הדיזיין סיסטם בספריית הקוד בצד הפיתוח. דיברנו על הפערים שיש בין קוד לפיגמה ואיך נוכל לפצות עליהם בדוקומנטציה והאנד-אוף לפיתוח.  קצת לינקים שהזכרנו בפרק: https://storybook.js.org/ https://histoire.dev/?s=08 https://ladle.dev/ וובינר מעולה של ארז רזניקוב שהזכרתי בפרק על ההקבלה של פיגמה לקוד להבין יותר ׳תיכנותית׳ https://www.facebook.c...

הזמנתי את יאנה בליטמן לפרק לגורמים את תהליך בניית דיזיין סיסטם מאפס. דיברנו על תיכנון אסטרטגיה לפני שיוצאים לדרך והתרכזנו ביצירת היסודות - צבעים, טיפוגרפיה ואייקונים שמהם נבנה קומפוננטות. בנוסף, דיברנו על טרמינולוגיה ותיעוד החלטות ולוגיקה בתוך המערכת. קצת לינקים שהזכרנו בפרק: Colors https://observablehq.com/@mateh/palette - ג’נרטור ליצירת מניפה https://m2.material.io/resources/color - כלי של מטריא...

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