פנייה בממשק עברי בלי להסתבך: רבים, סלאש, ניטרלי או בחירת משתמש?
עברית היא שפה יפה, מדויקת ולעיתים גם קשוחה מאוד למי שכותב ממשקים. פעולה פשוטה כמו “המשך”, “שמירת פרטים” או “הצטרפות” יכולה להפוך לדיון ארוך: האם לכתוב…
כל המדריכים
מאמרים
40 מדריכים בעברית על UX, UI ועיצוב מוצר, מהחדש לישן. אפשר גם לבחור נושא:
בדיקות A/B לעיצוב UX/UI: מה באמת אפשר ללמוד מהן, ומה הן לעולם לא יוכיחו
בדיקות A/B נשמעות כמו פתרון נקי: מציגים שתי גרסאות של מסך, כפתור, טקסט או תהליך, מודדים מה עובד טוב יותר, ומקבלים החלטה. בעיצוב מוצר זה מפתה…
התראות שלא מעצבנות: UX למובייל עם תזמון חכם, ניסוח ברור והרשאה בזמן הנכון
התראה טובה מרגישה כמו עזרה קטנה ברגע הנכון. התראה גרועה מרגישה כמו מישהו שנכנס לחדר בלי לדפוק בדלת. ההבדל ביניהן לא נמצא רק בטקסט של ההודעה,…
מצב כהה ב־UI/UX: רקעים, הצללות וקריאות שלא מתפרקות בעברית
מצב כהה נראה לפעמים כמו פעולה פשוטה: לקחת מסך בהיר, להפוך את הלבן לשחור, את השחור ללבן, ולסמן משימה כגמורה. בפועל, זו אחת הטעויות הנפוצות בעיצוב…
material ui בלי להינעל על גוגל: מה לקחת מ‑Material Design ומ‑Human Interface Guidelines לעיצוב מוצר טוב יותר
כשמחפשים material ui, קל להגיע מהר מאוד לעולם של ספריות, קומפוננטות וטכנולוגיה. אבל מתחת לשכבה הזו נמצאת שאלה הרבה יותר מעניינת למעצבי מוצר: מה אפשר ללמוד…
ארכיטקטורת מידע ב-UX: מיון כרטיסים, ניווט ושמות לתפריטים שאנשים באמת מבינים
ארכיטקטורת מידע היא אחד המקומות שבהם UX מצליח או נכשל עוד לפני שהמסך נראה “מעוצב”. המשתמש לא שואל את עצמו אם עץ התוכן שלכם אלגנטי; הוא…
סקר משתמשים שלא משקר: ניסוח שאלות, סולמות והטיות נפוצות במחקר UX
סקר משתמשים טוב לא “מוכיח” את מה שכבר חשבנו. הוא עוזר לגלות איפה המשתמשים מבולבלים, מה מפריע להם להשלים פעולה, אילו מילים הם באמת מבינים, ואילו…
אב טיפוס בפיגמה: כך מחברים מסכים, מוסיפים אנימציות ובודקים בטלפון לפני שמישהו כותב קוד
אב טיפוס בפיגמה הוא אחד הכלים הכי יעילים להוריד אי־ודאות ממוצר דיגיטלי לפני שמתחילים פיתוח. במקום להסביר במסמך ארוך איך משתמש אמור לעבור מהרשמה למסך בית,…
עיצוב כפתורים וטפסים ב־UI/UX: מצבים, שגיאות, גדלי מגע ותוויות שעובדים באמת
כפתור טוב וטופס טוב כמעט לא מורגשים. המשתמש מבין מה צריך לעשות, איפה להתחיל, מה יקרה אחרי הלחיצה, ומה לתקן אם משהו השתבש. דווקא בגלל זה,…
עומס קוגניטיבי בממשק: למה פחות אפשרויות מייצרות UX טוב יותר לפי חוק היק
כשמסך מציע יותר מדי בחירות, המשתמש לא תמיד מרגיש “חופשי”. לעיתים הוא מרגיש תקוע. הוא קורא, משווה, חוזר אחורה, חושש ללחוץ על האפשרות הלא נכונה —…
מצבים ריקים ב־UX: כך הופכים “אין נתונים” להזמנה חכמה לפעולה
מצב ריק הוא אחד הרגעים הכי פחות נוצצים בממשק, אבל לעיתים הוא הרגע שמכריע אם המשתמש יבין מה עושים עכשיו או ינטוש בתחושת תקלה. במסך שיש…
מדדי UX שמגלים את האמת: שיעור השלמת משימה, זמן למשימה ו-SUS בעיצוב מוצר
מדדי UX טובים לא נועדו לקשט מצגת. הם נועדו לענות על שאלה פשוטה וקשה: האם אנשים מצליחים להשתמש במוצר בלי להיתקע, להתבלבל או לוותר באמצע. כשמדברים…
טפסים במובייל בלי כאב ראש: UX נכון למקלדת, מילוי אוטומטי, עברית ותאריכים
טופס במובייל נראה כמו דבר קטן: כמה שדות, כפתור המשך, אולי הודעת שגיאה. בפועל, זה אחד המקומות שבהם חוויית המשתמש נופלת הכי מהר. מקלדת לא מתאימה,…
צבע בממשק UI/UX: איך לבחור צבע ראשי, צבעי מצב וניגודיות בלי להפיל את המשתמש
צבע בממשק הוא לא קישוט. הוא כלי עבודה. הוא אומר למשתמש מה חשוב, מה ניתן ללחיצה, מה השתנה, מה דורש תשומת לב ומה כדאי לעזוב רגע…
תיעוד רכיבים במערכת עיצוב: מתי להשתמש, מתי לא, ודוגמאות של עשה ואל תעשה
תיעוד רכיבים הוא אחד המקומות שבהם מערכת עיצוב הופכת מקובץ יפה בפיגמה לנכס עבודה אמיתי. כפתור, שדה טופס, כרטיס Dashboard UI או תפריט ניווט יכולים להיראות…
וויירפריימים בלי רעש: איך בוחרים רמת נאמנות, מה להכניס למסך ומתי עוברים לעיצוב UI
וויירפריימים הם אחד הכלים הכי יעילים באפיון UX, דווקא בגלל שהם לא מנסים להיות יפים מדי. הם מאפשרים לבדוק מבנה, היררכיה, זרימה ותוכן לפני שנכנסים לצבעים,…
פרסונות ב-UX: מתי הן עוזרות, מתי הן פוסטר על הקיר ואיך בונים אחת מנתונים
פרסונה היא אחד הכלים הכי מוכרים במחקר משתמשים, וגם אחד הכלים שהכי קל להשתמש בהם לא נכון. כמעט כל מי שנגע פעם ב-UX, אפיון UX או…
Auto Layout בפיגמה תוכנה: ריווח, יישור ופריסה שמתנהגת כמו האתר האמיתי
אם פתחתם את פיגמה תוכנה כדי לעצב מסך, כרטיס מוצר, טופס הרשמה או דאשבורד, כנראה שכבר נתקלתם ברגע הזה: הכול נראה מצוין בגודל אחד, ואז משנים…
עיצוב דשבורד dashboard ui: אילו נתונים שמים בראש, מתי לבחור כרטיסים או טבלאות ואיך לא להציף את המשתמש
עיצוב דשבורד טוב מתחיל בהחלטה אחת לא נוצצת: מה המשתמש צריך לדעת עכשיו, ומה יכול לחכות. כשמדברים על dashboard ui, קל להיסחף לגרפים, צבעים וכרטיסים יפים,…
עשרת עקרונות השמישות של נילסן: כך מזהים UX טוב במסכים ישראליים יומיומיים
כששואלים מה זה UX, קל לברוח למילים גדולות: חוויה, רגש, זרימה, אמפתיה. בפועל, UX טוב מורגש דווקא ברגעים קטנים מאוד: כשמבינים אם תשלום עבר, כששדה תעודת…
הודעות שגיאה טובות ב-UX: מה קרה, למה זה קרה ומה עושים עכשיו
הודעת שגיאה היא רגע קטן בממשק, אבל מבחינת המשתמש היא יכולה להיות ההבדל בין פעולה שהושלמה לבין נטישה. טופס הרשמה, תשלום, העלאת קובץ, התחברות, הזמנה או…
Jobs to Be Done בעיצוב מוצר: לשאול מה המשתמש מנסה להשיג, לא מה הוא רוצה ללחוץ
אם שואלים משתמש “איזה כפתור חסר לך?”, מקבלים בדרך כלל תשובה על כפתור. אם שואלים “מה ניסית להשיג ברגע הזה?”, פתאום מתגלה סיפור אחר לגמרי: לחץ…
מסכי פתיחה ואונבורדינג באפליקציה: כמה מסכים באמת צריך, מתי לבקש הרשאות ומתי לתת לדלג
מסכי פתיחה ואונבורדינג הם מהרגעים הרגישים ביותר ב־UX למובייל. המשתמש כבר הוריד את האפליקציה, אבל עדיין לא בטוח שהיא שווה את הזמן, ההרשאות או ההרשמה שלו.…
עיצוב RTL נכון ב-UI/UX: אייקונים שמתהפכים, מספרים, טקסט מעורב ומה אסור להפוך
עיצוב מימין לשמאל הוא לא “להזיז הכול לצד ימין”. זו שכבת חשיבה שלמה: כיוון קריאה, היררכיה, תנועה, אייקונים, מספרים, תאריכים, שדות טופס, כפתורים, הודעות מערכת ואפילו…
טוקנים בעיצוב UI/UX: איך צבע, ריווח וטיפוגרפיה הופכים משדות אקראיים לשפה מוצרית
טוקנים בעיצוב הם אחת הדרכים הכי יעילות להפוך מערכת ממשק מבולגנת לשפה עקבית, ניתנת לתחזוקה וברורה לצוותי מוצר, עיצוב ופיתוח. במקום לדבר על צבע כ־“כחול 427”,…
תרשימי זרימה של משתמש: כך ממפים את הדרך מהכניסה ועד היעד בלי לפספס שגיאות ומקרי קצה
תרשימי זרימה של משתמש הם אחד הכלים הכי שימושיים באפיון UX, דווקא בגלל שהם נראים פשוטים. הם עוזרים לראות מה המשתמש עושה מרגע הכניסה למסך, לעמוד…
בדיקת שמישות בחמישה משתמשים: כך מגלים בעיות UX לפני שהן הופכות למוצר מתסכל
בדיקת שמישות בחמישה משתמשים היא אחת הדרכים היעילות ביותר להבין איפה ממשק נתקע באמת: לא בדיון פנימי, לא בתחושת בטן, אלא מול אנשים שמנסים לבצע משימה.…
ספריית פיגמה חכמה: קומפוננטות ווריאנטים לבניית כפתור אחד לכל המסכים
כפתור נראה כמו רכיב קטן, אבל בתוך ספריית פיגמה הוא אחד המקומות שבהם מתגלה מיד אם מערכת העיצוב מסודרת או מאולתרת. כפתור שמופיע במסך הרשמה, בתשלום,…
היררכיה ויזואלית ב־UI: איך גודל, משקל, צבע ומיקום גורמים לעין להבין מיד מה חשוב
היררכיה ויזואלית היא אחד הכלים הכי בסיסיים והכי חזקים בעיצוב ממשק. היא קובעת מה המשתמש רואה קודם, מה הוא מבין בשנייה הראשונה, ומה הוא מפספס גם…
מה זה UX: חוויית משתמש שמתחילה במטרות, ממשיכה במשימות ונמדדת בתוצאות
כששואלים מה זה UX, התשובה הקצרה היא “חוויית משתמש”. אבל התשובה המועילה יותר היא זו: UX הוא האופן שבו אנשים מצליחים — או לא מצליחים —…
כתיבה לממשק בעברית: איך לנסח כפתורים, כותרות, הודעות שגיאה ופנייה מגדרית בלי להסתבך
כתיבה לממשק בעברית היא לא “תרגום של מסך”. היא חלק מה־UX, מה־UI ומהדרך שבה אנשים מבינים מה קורה עכשיו, מה מצופה מהם, ומה יקרה אחרי הלחיצה.…
תהליך עיצוב מוצר: מגילוי הבעיה ועד השקה — Double Diamond בלי ז׳רגון
עיצוב מוצר טוב לא מתחיל במסך יפה. הוא מתחיל בשאלה הרבה פחות נוצצת: איזו בעיה באמת שווה לפתור, ולמי. הרבה צוותים קופצים מהר מדי לפיגמה, למסכים,…
UX לאפליקציות מובייל: אזור האגודל, ניווט תחתון ומחוות שמשנות את כל חוויית המשתמש
אפליקציית מובייל לא מתנהגת כמו אתר מוקטן. היא מוחזקת ביד אחת, נפתחת ברגעים קצרים, מתחרה בהסחות דעת, ולעיתים משמשת אנשים כשהם עומדים בתור, נוסעים באוטובוס או…
פונטים עבריים לממשק: איך לבחור טיפוגרפיה שקריאה באמת במסך
בחירת פונט עברי לממשק היא לא החלטה אסתטית בלבד. היא משפיעה על קצב הקריאה, על הבנת הפעולות, על אמון המשתמשים ועל היכולת של מסך צפוף להישאר…
מה זו מערכת עיצוב: טוקנים, רכיבים, תיעוד, אחריות — ומתי פשוט מוקדם מדי
מערכת עיצוב היא לא “ספריית פיגמה יפה” ולא אוסף כפתורים מסודר בצבעים נעימים. היא הדרך שבה צוות מוצר מחליט, מתעד ומיישם את השפה החזותית וההתנהגותית של…
אפיון UX שמפתחים באמת משתמשים בו: מה כולל המסמך, מי קורא אותו ואיך כותבים אותו נכון
אפיון UX הוא לא “מסמך יפה” שמצרפים לפרויקט כדי לסמן וי. זהו כלי עבודה שמחבר בין צורך עסקי, משתמשים אמיתיים, מסכים, מצבים, החלטות מוצר ודרך הביצוע…
ראיונות משתמשים ב־ux research: איך שואלים נכון, כמה אנשים צריך ומה עושים עם כל התשובות
ראיונות משתמשים הם אחד הכלים הכי שימושיים ב־ux research, דווקא כי הם לא דורשים מעבדה, מערכת מורכבת או מצגת נוצצת. הם דורשים משהו הרבה יותר קשה:…
קורס פיגמה למתחילים: התקנה, פריימים, Auto Layout ופרויקט ראשון במדריך חינמי מלא
אם חיפשת קורס פיגמה שמתחיל ממש מהמסך הראשון ולא מדלג ישר למילים כמו קומפוננטות, וריאנטים ו־Design System, זה המדריך בשבילך. פיגמה היא תוכנה לעיצוב ממשקים, אפיון…
מה זה UI: רכיבים, היררכיה ויזואלית, מרווחים ומצבים — המילון הבסיסי של עיצוב ממשק
מה זה UI? בקצרה: UI הוא כל מה שהמשתמש רואה, קורא, לוחץ עליו, גורר, ממלא או מזהה במסך. זה הכפתור שמוביל להמשך, השדה שמבקש מספר טלפון,…
UX ו-UI: מה ההבדל, איך הם עובדים יחד ומה כל אחד מהם מחליט בפועל במסך
UX ו-UI מופיעים כמעט תמיד יחד, אבל הם עונים על שאלות שונות. הסבר מלא עם דוגמאות — מה כל אחד מחליט במסך, איפה הם נפגשים, ואיך מזהים אם בעיה היא של חוויה או של ממשק.