עיצוב UX UI
ואפיון מערכות_

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

עיצוב שמפתחים באמת בונים

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

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

אפיון ועיצוב מערכות

מערכות שעובדים בהן כל היום

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

מוצרים עם קהל גדול

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

ממשקים למשחקים ולקמפיינים

משחקים ווידאו אינטראקטיבי צריכים UI שמרגיש חי. את זה אנחנו עושים בעיקר בעבודה על פיתוח משחקים, AR ו-VR ועל קמפיין דיגיטלי אינטראקטיבי.

נגישות לפי ת“י 5568

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

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

הרבה יותר זול לתכנן את זה מה-Wireframe הראשון מאשר להוסיף את זה בדיעבד.

עברית, RTL וריבוי שפות

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

איך בוחרים שותף לעיצוב

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

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