איטס אמייזינג: למה הלקוח שופט אותך לפי הטופס - לא לפי המנוע
70-75% מהמשתמשים שופטים את אמינות העסק לפי עיצוב הממשק - לא לפי האוטומציה שמאחורי הקלעים. נתנאל היבש לימד בסשן הזה את מה שרוב אנשי האוטומציה מפספסים: הלקוח לא רואה את הבק-אנד המטורף שבנית, הוא רואה רק את הטופס - ושופט לפיו את כל הרצינות שלך. הוא נתן את כל הדרך להפוך טופס מ"מעפן" לחוויה שגורמת לוואו: עקרונות UX, מיתוג בצבעי הלוגו, כל טקסט דרך Claude, פנייה מגדרית אישית, וארכיטקטורת טופס-אחד עם Airtable. 7 הפרומפטים למטה הופכים אתכם מ"מהנדסי מנוע" ל"בוני חוויה".
בנית אוטומציה מטורפת. סצנריו של חלומות. והלקוח... לא מרוצה. למה? כי מה שהוא רואה זה טופס אפור עם פונט דיפולטי מכוער, בלי כותרות ובלי הסברים. נתנאל היבש הגיש את הסשן ה-27 של אוטוטיוזדיי על האמת שכואבת לכל איש אוטומציה: אתה מהנדס, אבל הלקוח שופט אותך כמעצב. הפרונט-אנד - מה שהלקוח חווה - הוא מה שקובע אם כל העבודה שלך תיראה רצינית או חובבנית. וזה בדיוק המקום שאיש האוטומציה הכי מזניח.
המסע: 7 תחנות
כל תחנה = מה קרה בסשן + הפרומפט שאורז את זה בשבילכם
עקרונות חוויית משתמש לטופס שגורם לוואו
נתנאל פתח מהפער המהותי: רוב אנשי האוטומציה חושבים כמו מתכנתים - מתמקדים בבק-אנד ומתלהבים מסצנריו מורכב שהלקוח לא רואה ולא מבין. הלקוח רואה רק את הפרונט-אנד, ושופט לפיו את כל האמינות. נתנאל הביא את המחקר: כ-70-75% מהמשתמשים שופטים את אמינות העסק לפי עיצוב הממשק - כמו ספר עם כריכה מכוערת שנעיף לכל הרוחות גם אם הסופר גאון. ואז פרש את העקרונות: עיצוב נקי (אפס רעש, מינימום תמונות מיותרות), ניווט אינטואיטיבי, התאמה למובייל (רוב האנשים בטלפון), זמני טעינה מהירים (תמונות כבדות ו-prefetch מאיטים), ומשוב מיידי דרך conditional logic - כמו שיחת בוט שמגיבה למה שכתבת. ובצד הקופי: שפה ידידותית, אפס ז'רגון, ולהסביר בכל שלב למה אנחנו מבקשים את המידע. התובנה: הטופס הוא לא 'אחרי' - הוא הפנים של העסק.
ההמשך המלא של הפרומפט שמור לחברי אוטוטיוזדיי פלוס יחד עם ההקלטה והתמלול המלאים של הסשן
שורות ההמשך כוללות את כל ההנחיות המדויקות והדוגמאות שהוצגו בשידור החי מול הקהילה
אבחון טופס קיים והפיכתו לחוויה
ואז נתנאל נתן רשימת אבחון להפוך טופס קיים מ'מעפן' לחוויה. הוא עבר סעיף-סעיף: מיתוג (האם הצבעים מהלוגו, לא אקראיים? האם הפונט אמיתי, לא הדיפולטי המכוער?), ניקיון (האם יש רעש ותמונות מיותרות להעיף?), כותרות וסדר (היררכיה קבועה, שדות מאורגנים לוגית), הסבר ה'למה' (האם לפני כל קבוצת שאלות מוסבר למה אנחנו מבקשים?), קופי (שפה מחייכת, אפס ז'רגון), פיצול לעמודים (טופס ארוך מפוצל עם תחושת התקדמות - 'שלב 1 מתוך 4' - במקום סקשנים קולפסיבילים מכוערים), מובייל, ושדות ראדיו במקום דרופ-דאונים מכוערים. נתנאל לימד לבחור את שלושת התיקונים בעלי ההשפעה הגבוהה ביותר. כי לא צריך לבנות מחדש - צריך לזהות איפה הטופס מאבד את הלקוח.
ההמשך המלא של הפרומפט שמור לחברי אוטוטיוזדיי פלוס יחד עם ההקלטה והתמלול המלאים של הסשן
שורות ההמשך כוללות את כל ההנחיות המדויקות והדוגמאות שהוצגו בשידור החי מול הקהילה
ניסוח כל טקסטי הטופס דרך Claude
פה נתנאל חשף שיטת עבודה אישית: שום טקסט בטופס לא נכתב בלי Claude. הוא לימד לנסח דרך ה-AI את כל רכיבי הקופי - קודם לתת ל-Claude את מטרת הטופס, הקהל, מה כואב לו, ומה הטון הרצוי (שמח וקופצני, או רגיש ומכבד - טופס לאנשים חולים דורש רגישות, לא 'וואו' צעקני). ואז, שלב אחרי שלב: טקסט פתיחה שמקבל בחום ומבטיח ליווי, פסקה לפני כל קבוצת שאלות שמסבירה את ה'למה', ניסוח כל שאלה בצורה חמה ואנושית, מיקרו-קופי לכפתורים שמייצר התקדמות ('עוד שתי שאלות וסיימנו'), והודעות שגיאה ותודה שגורמות לחיוך. משפטים קצרים ונקיים, לא פסקאות צפופות. התובנה: הקופי הוא לא 'מילוי' - הוא מה שהופך טופס למשהו שאנשים נהנים למלא.
ההמשך המלא של הפרומפט שמור לחברי אוטוטיוזדיי פלוס יחד עם ההקלטה והתמלול המלאים של הסשן
שורות ההמשך כוללות את כל ההנחיות המדויקות והדוגמאות שהוצגו בשידור החי מול הקהילה
פיצול זכר/נקבה ופנייה אישית
נתנאל עבר לאחד הדברים שהכי 'קונים' את המשתמש: פנייה אישית ומדויקת מגדרית. הוא לימד שני מהלכים. הראשון - לכל טקסט (כותרת, שאלה, הסבר) לייצר שתי גרסאות טבעיות, אחת בזכר ואחת בנקבה (לא 'את/ה' מסורבל אלא ניסוח זורם), ולהציג את הנכונה לפי שדה המגדר - במקום לשכפל את כל הטופס. השני - שאלת מגדר חכמה כשדה ראדיו מוקדם בטופס, ובמקרים רגישים גם 'מי ממלא את הטופס - אתה בעצמך או מישהו מטעמך?', כדי לשנות את הטון. ונתנאל חזר על העיקרון שמנחה את הכל: המטרה היא חיוך. אם גרמנו למשתמש לחייך, קנינו אותו. פנייה אישית היא לא גימיק - היא הרגע שבו הטופס מרגיש כמו בן אדם, לא כמו טופס.
ההמשך המלא של הפרומפט שמור לחברי אוטוטיוזדיי פלוס יחד עם ההקלטה והתמלול המלאים של הסשן
שורות ההמשך כוללות את כל ההנחיות המדויקות והדוגמאות שהוצגו בשידור החי מול הקהילה
ארכיטקטורת טופס אחד + תוכן ב-Airtable
וכאן נתנאל נתן לקח שהוא למד בדרך הקשה, וזה הלב ההנדסי של הסשן: אל תנהל תוכן בתוך הטופס. אם תבנה טופס נפרד לכל שיעור/מודול, ותכפיל הכל לזכר ונקבה, תקבל 'בלאגן אטומי' בלתי-אפשרי לתחזוקה (לשנות מילה = לעבור על אלפי טפסים). הדרך הנכונה: טופס אחד בלבד, עם prefetch (קריאת API לפני שהטופס נטען) שמושך את התוכן הספציפי מ-Airtable ומאכלס דינמית. כל התוכן מנוהל ב-Airtable - רשומה לכל שיעור/פריט, עם שדות (שם, כותרת, תיאור, קישור לסרטון כ-URL, שאלות), רוצים לשנות - משנים ב-Airtable, לא בטופס. נתנאל לימד להגדיר את סכמת הטבלה, את ה-URL parameters שמעבירים את ה-record ID, ולשקול את עלות הביצועים (כל prefetch מאיט - למזער). זה ההבדל בין מערכת שמתחזקים בדקה למערכת שקורסת תחת המשקל של עצמה.
ההמשך המלא של הפרומפט שמור לחברי אוטוטיוזדיי פלוס יחד עם ההקלטה והתמלול המלאים של הסשן
שורות ההמשך כוללות את כל ההנחיות המדויקות והדוגמאות שהוצגו בשידור החי מול הקהילה
מיתוג הטופס: צבעים מהלוגו ופונט אמיתי
נתנאל ירד לפרקטיקה של מיתוג - איך מלבישים טופס בזהות המותג במקום שייראה גנרי. הדבר הראשון שהוא עושה בכל טופס: לוקח את הצבעים מהלוגו של העסק - דוגם את הקוד ההקסדצימלי המדויק (עם color picker בדפדפן) ומשבץ את הצבע הראשי לכותרות ולכפתורים (ושווה לשקול איזה גוון מתאים פסיכולוגית לקהל - כחול מרגיע לטופס רגיש). והדבר השני: מחליף את הפונט הדיפולטי המכוער בפונט האמיתי של המותג - בודק באתר של העסק איזה פונט בשימוש (לחיצה ימנית, Inspect), ואם זה פונט חינמי כמו Rubik - מצוין. נתנאל נתן גם דגש על גודל טקסט לפי הקהל (גדול יותר לקהל מבוגר), ולהימנע מתמונות רקע כבדות שמלכלכות. מיתוג הוא לא קוסמטיקה - הוא מה שאומר ללקוח 'מישהו רציני עומד מאחורי זה'.
ההמשך המלא של הפרומפט שמור לחברי אוטוטיוזדיי פלוס יחד עם ההקלטה והתמלול המלאים של הסשן
שורות ההמשך כוללות את כל ההנחיות המדויקות והדוגמאות שהוצגו בשידור החי מול הקהילה
מיצוב איש האוטומציה ותיאום ציפיות
ואת הסשן נתנאל סגר במקום הכי כן, וזו שיחה על יושרה עסקית: איך לא ליפול במלכודת ההבטחה. המלכודת - אנחנו מעולים בבק-אנד אבל לא בהכרח בעיצוב ובקופי, ובדיוק שם הלקוח שופט אותנו. ועם עסקים קטנים ש-'one man show' שרוצים שמישהו ייקח אחריות על הכל, אנחנו נוטים להבטיח מוצר שלם כדי לסגור - ואז בונים מנוע מושלם, אבל הטופס נראה מעפן, והלקוח לא מרוצה. נתנאל לימד לנסח שיחת תיאום ציפיות ברורה: 'אני אבנה לך את המנוע הכי טוב, אבל חוויית המשתמש - עיצוב וקופי - היא תחום בפני עצמו. או שתהיה מעורב, או שניקח קופירייטר ומעצב, או שנסגור חבילה משותפת.' ולהכניס לתמחור ולסקופ את הנראות והקופי, לא רק את הלוגיקה. זו בדיוק ההגנה מפני over-promising - להבטיח את הגודל הנכון, לא את הכל.
ההמשך המלא של הפרומפט שמור לחברי אוטוטיוזדיי פלוס יחד עם ההקלטה והתמלול המלאים של הסשן
שורות ההמשך כוללות את כל ההנחיות המדויקות והדוגמאות שהוצגו בשידור החי מול הקהילה
🎯 מה עושים עם זה עכשיו?
קראת איך זה נעשה. עכשיו קחו את הכלים ותעשו את זה בעצמכם - כל הפרומפטים של הסשן, מוכנים להריץ על העסק שלכם. פלוס ההקלטה המלאה והתמלול.
הצטרפו לאוטוטיוזדיי+· 49 ש״ח בחודשעוד לא בשלים? בואו ללייב הבא בחינם ←רוצים לעבוד על התמלול הנקי?
העתיקו אותו ותעבדו איתו איך שנוח לכם.
🔒 התמלול המלא שמור לחברי אוטוטיוזדיי+. עם המנוי אתם מעתיקים אותו בקליק ועובדים איתו איך שנוח לכם.
לפתוח את התמלול · 49 ש״ח בחודששאלות ששאלתם (וה-AI ישאל גם)
למה חוויית המשתמש כל כך חשובה באוטומציה?
כי 70-75% מהמשתמשים שופטים את אמינות העסק לפי עיצוב הממשק. הלקוח לא רואה את הבק-אנד המורכב שבנית - הוא רואה רק את הטופס, ושופט לפיו את כל הרצינות שלך. טופס מכוער = כל העבודה נראית חובבנית.
מה הטעות הכי נפוצה בבניית טפסים?
לנהל תוכן בתוך הטופס - לבנות טופס נפרד לכל שיעור/מודול ולהכפיל הכל לזכר ונקבה. זה בלאגן בלתי-אפשרי לתחזוקה. הדרך הנכונה: טופס אחד עם prefetch שמושך את התוכן מ-Airtable דינמית.
איך ממתגים טופס נכון?
לוקחים את הצבעים מהלוגו (דוגמים את הקוד ההקסדצימלי המדויק) ומשבצים את הצבע הראשי בכותרות ובכפתורים, ומחליפים את הפונט הדיפולטי המכוער בפונט האמיתי של המותג (בודקים באתר עם Inspect).
מה עושים כשעיצוב וקופי הם לא החוזקה שלי?
מתאמים ציפיות עם הלקוח בכנות: 'אני אבנה את המנוע הכי טוב, אבל חוויית המשתמש היא תחום בפני עצמו - או שתהיה מעורב, או שניקח קופירייטר ומעצב.' לא מבטיחים מוצר שלם רק כדי לסגור עסקה.
💬 הדיון על הסשן
שאלות, תובנות, מה יישמנו - השרשור של הקהילה.
עוד אין תגובות - תהיו הראשונים לפתוח את הדיון 👇