The role of design with large organizations is expanding, spreading across product teams and influencing decision-making at higher and higher levels. This scale makes it increasingly challenging to align designers and product teams to deliver cohesive, consistent experiences across a customer journey.

A design system is a framework of practices that bring designers and products together. It is a platform to identify, decide on, and document what to share, whether a visual style, design patterns, front-end UI components, and practices like accessibility, research, content strategy.

This workshop exposes you to the broad range of those considerations – the kinds of parts, products, people and practices involved—and equips you with tools and activities to start, spread, and sustain a system yourself.

Why You Should Attend

All too often, organizations have multiple products that are disjointed and inconsistent. With a design system, your teams will have a framework to align on standards and processes.

Multiple design teams and development teams suffer from doing duplicative work, resulting in a customer journey that’s meant to be cohesive but ends up expensive or impossible to align and evolve together. Design systems save organization time and money, and foster positive energy among those who value efficiency and reuse.

With the system as a backdrop, you will see designers, developers, and product managers aligning and motivated to bridge the gap between products. All of that leads to the ultimate goal: creating a cohesive experience for your customers.

Who Should Attend

• Teams making system(s)
• UX and visual designers
• Front-end engineers
• Design and engineering leaders

Additional people to consider:

• Product Managers
• Researches
• Executive sponsors

What You’ll Learn

Over the course of a day, we’ll introduce design systems, practice how to get started, discuss how style guides help us spread it to our organization, and plan for how to sustain a system over time.

We’ll learn about and practice how to:

• Define your system’s scope, people who contribute, and products to which it applies
• Plan an approach to start a system from scratch or reboot an existing effort
• Deconstruct system into its parts like a visual language, UI components, and layouts
• Organize a library that articulate standards across diverse topics and disciplines
• Align your development, product, and marketing teams work with your system’s roadmap
• Document components and other system features effectively
• Prioritize the processes you’ll develop for your system’s makers, users, and community of contributors
• Articulate your system’s objectives aligned with measurable key results

Workshop Program

Nathan's Past Workshop Clients

2018

• Google
• Fidelity
• Liberty Mutual
• Cvent
• George Mason
• Air New Zealand
• Digital Arts Network (New Zealand)
• Clarity
• UIE's UI23
• Invision, Munich
• Invision, Denver
• Enterprise UX
• Invision, New York
• DS Conference Helsinki
• Webstock New Zealand
• Chicago Systems Meetup

2017

• Target
• Citi
• Carmax
• Pitney Bowes
• Juvenile Diabetes Research Foundation
• Universal Services Administration
• IDEXX
• UIE's UI22
• Clarity
• Enterprise UX
• SmashingConf San Francisco
• UX Charlotte

2016

• Fitbit
• Morningstar
• Wells Fargo
• World Bank
• Wikia UIE's UI21
• SmashingConf Freiburg
• IXDA Oslo
• Enterprise UX
• UXLX

And many more

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

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

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

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

למה כדאי להשתתף?

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

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

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

עבור מי הסדנה?

הסדנה מיועדת לכל מי שעוסק בהגדרת מוצרים ואפיון חוויית משתמש – מאפיינות ומאפיינים, מנהלי מוצר ו-UX/UI.

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

מה תלמדו בסדנה?

• תהליך החשיבה המוצרי – מודל היהלום הכפול
• דרכים חדשות להתמודד עם אתגרים יצירתיים
• מתודולוגיות חדשנות מעולמות תוכן שונים, חלקם מתוך ארגז הכלים של- design thinking, כגון:
  • Crazy 8’s – חשיבה עם בעלי תפקידים שונים
  • Big ideas – יצירת רעיונות משוגעים ובניה על רעיונות של אחרים
  • Dead end challenge – אילוצים כדרך לחשיבה מקורית
  • Hyper Focus – התמקדות באספקט אחד של המוצר כדרך להגיע למגוון פתרונות
  • Empathy map & the 5 Whys – הבנת המוטיבציות הפנימיות של המשתמשים
  • Imitation as a tool for innovation – השראה חוצת הקשרים
  • The single button approach – מציאת הפתרון האידיאלי
  • ועוד…
• לאחר שהגענו למגוון פתרונות – מטריצת ההחלטה לבחירת בפתרון הטוב ביותר
• תתרגלו את הכלים שתלמדו בסדנה באופן מעשי, בזמן הסדנה, לבד ועם משתתפים אחרים בקבוצה
• תרכשו הבנה מתי כדאי להשתמש בכל שיטה

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

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

"אם רק היו לי עוד שעתיים לעבוד על המסך הזה… הוא היה נראה באמת טוב".

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

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

הכלים שתלמדו בסדנה

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

1. בניית מערכת טיפוגרפית עקבית ורציפה
   • שימוש נכון ביחסי ניגודיות
   • מטאפורת ארגז הכלים
   • היררכיה ויזואלית מבוססת-חשיבות
   • הגדרת ריווחים עקביים
2. בניית מערכת צבעים לוגית ומדויקת
   
   • הגדרת סגנונות ופונקציונאליות לצבע ראשי ומשני, כולל וריאנטים
   • שימוש בצבעים כפונקציות למותג
   • היררכיה צבעונית לרכיבים
   • הגדרת סגנונות בהירים וכהים ושימוש בהם בהתאם לפונקציונאליות הנדרשת
   • שיטות מתקדמות ויעילות לבניית מערכת צבעים
3. גריד מקצועי: לא מה שחשבתם
   
   • גריד 4x וגריד 8x
   • עבודה עם גריד baseline
   • הגדרת גדלי רכיבים במדרגות על-בסיס baseline משותף
   • לשבור את הגריד: איך לעשות את זה נכון
   • להתאים גריד כסגנון
   • התנהגות רספונסיבית: איך למקסם את יכולות ה-Layout
4. יצירתיות: איך לקבל השראה בלי להעתיק
   
   • איך למצוא את ההשראה הנכונה?
   • איך לשלב כמה רפרנסים לתוצאה אחת?
5. שמישות (usability): קונטרסט, מטרות ל-touch, ריווחים ועוד

למה כדאי להשתתף?

בסדנה תלמדו שיטה שתאפשר לכם להיות מעצבים טובים יותר. תלמדו איך:

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

עבור מי הסדנה?

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

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

לפטופ חובה

* חובה להביא לפטופ לסדנה עבור התרגולים, שמותקן עליו Sketch, אפשר גם Figma

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

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

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

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

למה כדאי להשתתף?

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

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

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

עבור מי הסדנה?

הסדנה מיועדת לכל מי שעוסק בהגדרת מוצרים ואפיון חוויית משתמש – מאפיינות ומאפיינים, מנהלי מוצר ו-UX/UI.

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

מה תלמדו בסדנה?

• תהליך החשיבה המוצרי – מודל היהלום הכפול
• דרכים חדשות להתמודד עם אתגרים יצירתיים
• מתודולוגיות חדשנות מעולמות תוכן שונים, חלקם מתוך ארגז הכלים של- design thinking, כגון:
  • Crazy 8’s – חשיבה עם בעלי תפקידים שונים
  • Big ideas – יצירת רעיונות משוגעים ובניה על רעיונות של אחרים
  • Dead end challenge – אילוצים כדרך לחשיבה מקורית
  • Hyper Focus – התמקדות באספקט אחד של המוצר כדרך להגיע למגוון פתרונות
  • Empathy map & the 5 Whys – הבנת המוטיבציות הפנימיות של המשתמשים
  • Imitation as a tool for innovation – השראה חוצת הקשרים
  • The single button approach – מציאת הפתרון האידיאלי
  • ועוד…
• לאחר שהגענו למגוון פתרונות – מטריצת ההחלטה לבחירת בפתרון הטוב ביותר
• תתרגלו את הכלים שתלמדו בסדנה באופן מעשי, בזמן הסדנה, לבד ועם משתתפים אחרים בקבוצה
• תרכשו הבנה מתי כדאי להשתמש בכל שיטה