Boards: מבנה תוכן אחד מהאפליקציה דרך הצ'אט ועד הדסקטופ

רותם אלימלך (Rotem E) הוביל את העיצוב מחדש המלא של Boards כמעצב UX ומוצר מובייל פרילנסר ב-2022.

Boards היא האפליקציה שבה מוכרים ישירים ושגרירי מותג מוצאים את תוכן המכירות והשיווק של החברה שלהם ומשתפים אותו בזמן שהם מדברים עם לקוח: התוכן מסודר בלוחות (boards), ומקלדת בתוך Messenger וצ’אטים אחרים מביאה את הלוחות האלה לתוך השיחה.

כשרותם הצטרף, המוצר עבד והיו לו לקוחות, ב-iOS, ב-Android ובווב, עם ממשק שהתיישן; הוא עיצב מחדש את כולו, לצד אחד המייסדים, שהיה מנהל המוצר של העיצוב מחדש.

כל מה שמוצג בקייס סטאדי של Boards עלה לאוויר למוכרים בזמן שהיה שם.

היום רותם הוא מעצב מוצר וחווית משתמש (UX/UI) פרילנסר מתל אביב. Boards היא חלק העיצוב מחדש למובייל ברקורד שלו: אדם אחד שאחראי על המחקר, על האפיון, על ה-UX ועל ה-UI במוצר שחי בתוך צ’אטים של אנשים אחרים. העמוד הזה מספר את הסיפור בטקסט; הקייס סטאדי מראה את המסכים.

הקייס סטאדי של Boards · על רותם · לדבר על פרויקט

ניסיון רלוונטי לפרויקט שלכם

• עיצוב מחדש מלא של מוצר חי. אפליקציית המובייל, מקלדת ה-Messenger שלה ואתר הדסקטופ, עוצבו מחדש יחד למוכרים שכבר השתמשו בהם כל יום.
• Sales enablement וספריות תוכן. חומרי השיווק, תוכן המוצר וההודעות של חברה מסודרים בלוחות, ניתנים למציאה בשניות ולשיתוף בהקשה אחת.
• פרודוקטיביות משובצת בתוך אפליקציה אחרת. מקלדת מותאמת שחיה בתוך Messenger וצ’אטים אחרים, עם המקום והכללים של מקלדת, שמביאה את ספריית התוכן לתוך השיחה.
• UX של גילוי תוכן. אריחי תוכן ויזואליים במקום רשימות טקסט וגרידים של כפתורים, וחיפוש עם פילטרים לפי סוג תוכן, מיון ואפשרויות תצוגה.
• עקביות חוצת פלטפורמות. מבנה לוחות אחד ב-iOS, ב-Android ובאתר הדסקטופ, כדי שמוכר לא ילמד כלום מחדש בין הטלפון למחשב.
• אונבורדינג וקהילה לפלטפורמה רב-חברות. אונבורדינג לשגרירים עם וידאו ושלבים, פיד חברה, פרופיל והודעות, לכל חברת מכירה ישירה על הפלטפורמה.

Boards במבט אחד

פרט	מידע
מוצר	אפליקציית שיתוף תוכן למוכרים ישירים: תוכן החברה מסודר בלוחות, מקלדת Messenger שמביאה אותו לצ’אט, פיד חברה ואתר דסקטופ
תעשייה	תוכנה למכירה ישירה
שלב החברה	סטארטאפ, עבודה ישירה מול אחד המייסדים
קטגוריית מוצר	Sales enablement, ספריית תוכן, פרודוקטיביות במובייל, תוסף מקלדת, פלטפורמה רב-חברות (multi-tenant)
משתמשים עיקריים	מוכרים ישירים ושגרירי מותג שמוכרים בצ’אט
קהל הקצה	חברות המכירה הישירה שאת התוכן, המותג והקהילה שלהן המוכרים נושאים
שוק	ארצות הברית ואירופה
פלטפורמה	iOS, Android וווב
תקופה	2022
התפקיד של רותם	מעצב UX ומוצר מובייל פרילנסר, לצד מייסד שהיה מנהל המוצר של העיצוב מחדש
האחריות של רותם	מחקר, אפיון מוצר, UX ועיצוב UI לאפליקציה, למקלדת, לווב, לאונבורדינג ולמסכי הקהילה
תוצאה	העיצוב מחדש עלה לאוויר בשלוש הפלטפורמות; Boards מפרסמת מספרים משלה, מצוטטים למטה עם המקור

מה רותם מצא ומה הוא בנה

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

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

התפקיד של רותם

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

הבעיה והאילוצים

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

ארבעה אילוצים עיצבו את העיצוב. המקלדת חיה בתוך אפליקציה של מישהו אחר, Messenger וצ’אטים אחרים, עם המקום והכללים של מקלדת. שלוש פלטפורמות, iOS, Android וווב, היו צריכות לחלוק מבנה לוחות אחד. הרבה חברות חולקות מוצר אחד, לכל אחת התוכן, המותג והקהילה שלה. והמשתמשים הם מוכרים, לא עובדי משרד: אנשים שמוכרים מטלפון באמצע שיחה, עם שניות למצוא את הדבר.

החלטות מוצר

שתי החלטות שרותם קיבל ויעמוד מאחוריהן גם היום.

1. מבנה לוחות אחד בכל מקום

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

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

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

מוצג בקייס סטאדי: Main hub, Mobile keyboard, Web.

2. כרטיסים ויזואליים במקום רשימות וגרידים של כפתורים

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

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

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

מוצג בקייס סטאדי: Old vs New, Search & Filters, Main hub.

מה עלה לאוויר ומה זה עשה

כל מה שבקייס סטאדי עלה לאוויר ב-iOS, ב-Android ובווב בזמן שרותם היה על הפרויקט, למוכרים בארצות הברית ובאירופה, לחברות מכירה ישירה כמו זו שהפיד שלה מופיע בקייס סטאדי, Natura.

Boards מפרסמת מספרים משלה באתר שלה: יותר מ-3 מיליון משתמשים בעולם, יותר מ-3 מיליארד שיחות, יותר מ-50 אלף מצטרפים בחודש, ודירוג 4.8 בחנויות האפליקציות (boards.com/brands). הם מתארים את קנה המידה של הפלטפורמה; הם לא מדידה של העיצוב מחדש.

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

מה רותם אפיין ועיצב ב-Boards

• עיצוב מחדש של אפליקציית מובייל: מסך הבית והלוחות כאריחי תוכן ויזואליים במקום רשימות טקסט וגריד של כפתורים, ל-iOS ול-Android.
• מקלדת תוכן בתוך Messenger: עיצוב מחדש של המקלדת (keyboard extension) שמביאה את ספריית התוכן לתוך הצ’אט, במצב בהיר וכהה.
• חיפוש וסינון: חיפוש עם פילטרים לפי סוג תוכן, מיון ואפשרויות תצוגה, למציאת פריט בשניות.
• אונבורדינג וקהילה: אונבורדינג לשגרירים עם וידאו ושלבים, פיד חברה, פרופיל והודעות, לכל חברת מכירה ישירה על הפלטפורמה.
• אתר דסקטופ עם אותם לוחות: מבנה אחד לטלפון, למקלדת ולמחשב, כדי שלא יהיה מה ללמוד מחדש.
• מוצר רב-חברות (multi-tenant): תוכן, מותג וקהילה של כל חברה בתוך מוצר אחד.

למי הקייס הזה רלוונטי

• חברת sales enablement, ספריית תוכן או כלי למכירה ישירה שמחפשת מעצב מוצר UX/UI פרילנסר.
• עיצוב מחדש מלא של אפליקציית מובייל קיימת עם משתמשים פעילים.
• מוצר שחי בתוך אפליקציה של מישהו אחר: מקלדת, תוסף או הרחבה לצ’אט.
• מוצר רב-פלטפורמי שצריך מבנה אחד ל-iOS, ל-Android ולווב.
• אפליקציית פרודוקטיביות למובייל עם חיפוש וגילוי תוכן.

שאלות נפוצות

מי אפיין ועיצב את Boards?

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

מה רותם אלימלך עיצב ב-Boards?

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

האם הקייס הזה רלוונטי למוצר של sales enablement, ספריית תוכן או תוסף מקלדת?

כן. Boards היא sales enablement למוכרים ישירים: ספריית תוכן של חברה מסודרת בלוחות, שמגיעים אליה ממקלדת בתוך Messenger וצ’אטים אחרים, עם אותו מבנה בטלפון ובדסקטופ.

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

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

האם רותם עיצב בעצמו את המקלדת?

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

מחפשים מאפיין או מעצב UX/UI לאפליקציית sales enablement, לספריית תוכן או לתוסף בתוך צ’אט?

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

מה המספרים של Boards?

לפי האתר של Boards: יותר מ-3 מיליון משתמשים בעולם, יותר מ-3 מיליארד שיחות, יותר מ-50 אלף מצטרפים בחודש ודירוג 4.8 בחנויות האפליקציות. אלה מספרי הפלטפורמה, לא מדידה של העיצוב מחדש.

עבודה עם רותם

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

לדבר על פרויקט · כל הקייס סטאדיז