עיצוב UI

עיצוב UI בעברית — למה RTL-native זה לא "להפוך את הכפתורים"

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

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

טיפוגרפיה עברית — האומנות שרוב המעצבים מזלזלים בה

בחירת פונט לממשק בעברית היא לא "לבחור את הפונט העברי של גוגל ולסיים". טיפוגרפיה עברית טובה דורשת תשומת לב ל-Line Height (גבוה יותר מאנגלית בגלל אותיות סופיות), ל-Letter Spacing (שונה מאנגלית), ולקריאות במסכים קטנים. אנחנו עובדים עם פונטים עבריים מקצועיים — לא רק Heebo ו-Assistant, אלא גם פונטים מותאמים שנותנים למוצר שלכם אופי ייחודי.

כל מערכת העיצוב שלנו כוללת סולם טיפוגרפי עברי מקצועי — מ-H1 ועד Body Text — שנבדק על מסכי מובייל, טאבלט ודסקטופ. אנחנו מקפידים על Contrast Ratio שעומד בתקן WCAG AA (4.5:1 לטקסט רגיל), ועל קריאות גם בתנאי אור קשים — כי ישראלים גולשים בשמש.

מערכת עיצוב (Design System) — עקביות שחוסכת כסף

Design System הוא ההשקעה שמשתלמת הכי הרבה לטווח הארוך. אנחנו בונים עבור כל לקוח מערכת עיצוב מלאה בפיגמה: Design Tokens (צבעים, ריווח, טיפוגרפיה, צללים), ספריית קומפוננטים עם Variants לכל מצב (Default, Hover, Active, Disabled, Error), וגריד מותאם RTL. כל קומפוננט תומך בעברית כברירת מחדל — מ-Input Fields עם Label בצד ימין ועד Breadcrumbs שקוראים מימין לשמאל.

היתרון הגדול: כשצוות הפיתוח שלכם מקבל את ה-Design System, הוא לא צריך "לפענח" כל מסך. הוא בונה מקומפוננטים מוכנים, כמו לגו. זה מקצר את זמן הפיתוח ב-30-50% ומבטיח עקביות ויזואלית לאורך כל המוצר — גם כשמוסיפים מסכים חדשים שנה אחרי שהפרויקט הסתיים.

Mobile-First לקהל הישראלי — 73% מובייל

73% מהגלישה בישראל נעשית ממכשירים ניידים. זה אומר שגרסת המובייל של המוצר שלכם היא לא "תוספת" — היא הגרסה העיקרית. אנחנו מעצבים Mobile-First: מתחילים מהמסך הקטן ביותר, מוודאים שכל פעולה קריטית ניתנת לביצוע בנגיעת אצבע אחת, ואז מרחיבים לטאבלט ודסקטופ.

גישת Mobile-First מאלצת החלטות עיצוביות טובות יותר: מה באמת חשוב? מה אפשר לדחות לגרסת Desktop? כפתורי Touch צריכים להיות לפחות 48px (דרישת גוגל), ניווט צריך להיות נוח לשימוש ביד אחת, וטפסים צריכים להיות קצרים ככל האפשר. כשמעצבים נכון למובייל, גרסת הדסקטופ כמעט מעצבת את עצמה.

Handoff לפיתוח — מעיצוב לקוד בלי אובדן תרגום

Handoff הוא הרגע שבו העיצוב עובר למפתחים — וזה הרגע שבו הרבה מוצרים נפגעים. "מה התכוונת כאן?", "זה לא התאים למובייל", "לא הבנתי את האנימציה" — כל שאלה כזו עולה שעות פיתוח ופוגעת בנאמנות לעיצוב. אנחנו מוסרים קבצי פיגמה מאורגנים לפי מבנה קבוע: Styles מוגדרים, קומפוננטים עם Naming Convention ברור, Flow Diagrams לכל אינטראקציה, ו-Specs מדויקים לכל רכיב. צוות הפיתוח הישראלי שלכם מקבל את הכל מסודר, בעברית, מוכן לעבודה.

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