



האתגר
כמות המידע שאנו נחשפים אליו כיום רק הולך וגדל אנשים קוראים וצופים בכתבות באפליקציות השונות על בסיס יום יומי.
אחד מהאינטרסים של החברות אלו זה להשאיר את המשתמש כמה שיותר זמן באתר על מנת שיחשף לכמה שיותר פרסומות ותוכן ממומן.
האתגר של חברת Taboola זה לספק תוכן שיתאים למשתמש האקראי,ויגרום לו התעניין בעוד מידע שמוצע לו ולהשאיר את המשתמש כמה שיותר זמן באתר.
התוכן צריך להתאים לתחומי עניין של המשתמש, ומכיוון שהמשתמש אנונימי ולא עבר הרשמה או כל דבר אחר שיכול לעזור למערכת של Taboola לזהות נתונים עליו, הממשק של Taboola צריך לגרום למשתמש ללחוץ על הכתבות ובעזרת הבחירות של המשתמש יהיה אפשר להתחיל לבנות את הפרופילו שלו.
תאור הבעיה
כיום לא קיים בFeed של Taboola פונקציונאליות שיכולה לגרום למשתמש ללחוץ על הכתבה או התוכן המוצע לו.
על מנת שTaboola יוכלו לבנות פרופיל בצורה טובה יותר למבקר האקראי הם צריכים לפתות אותו בפעולות שונות שיכולות לעניין אותו ואז דרך הפעולות האלו להציע לו את התוכן הרלוונטי.
פעולות כמו Like או Unlike יכולות בצורה מהירה לעזור לאלגוריתם להבין אם המשתמש אהב את התוכן או לא.
פעולה כמו שיתוף או לקרוא לאחר מכן עוזרים לנו להבין עם המשתמש התעניין במידע ואולי ממש אהב שבחר לשתף עם חברים.
ואם נציג כמה שיתופים או לייקים נעשו לכתבה אלו נתונים שייצרו אצל המשתמש ביטחון ורצון לעשות זאת.
תגובה מעניינת שזכתה להתעניינות מהרבה גולשים זה עוד נתון שיכול לגרום למשתמש סקרנות לגבי התוכן המוצע.
מחקר
בשלב ראשון של המשימה התחלתי בתהליך מחקר
הדבר הראשון שהתחלתי לעשות זה לחפש של Taboola באתרים השונים ולהתחיל לנתח את הממשק המוצע כיום מכיוון שבשביל לשפר ממשק צריך לדעת קודם כל את איך הוא עובד כיום
הממשק של Taboola זהו ממשק שנמצא בתוך אפליקציות שונות ולכן המראה או הסדר שלו יכול להשתנות לפי הבחירה של בעלי האתר.
ולכן תפקידי ליצור ממשק שיוכל להתאים את עצמו ולהיות דינמי.
השימוש בTaboola הוא די אקראי ומהיר המשתמש מתחיל לבחון את הדף שמלא בכתבות שונות שמושכות את העין.
הדברים שהכי מושכים את העין במסכים אלו זה התמונות השונות והכותרות הראשיות או תמונות שזזות בצורה מסוימת
ולכן הגדרתי בתכנון שלי שאם ארצה למקם פעולה מרכזית מאוד בכרטיסייה זה יהיה באזורים המרכזיים האלו.
השלב הבא היה להתחיל לחקור ממשקים שונים שיכולים לעזור לי למצוא פתרונות לממשק שעליי לבנות.
הממשקים העיקריים שחקרתי הם של אפליקציות:
Facebook, Medium, Airbnb, Pinterst
המטרה שלי במחקר של אפליקציות אלו זה להבין את כל הדרכים שהם בחרו על מנת לגרום למעורבות בממשק שלהם כדי לקבל מידע שיעזור להם לשפר את התוכן שהם למשתמש.
לאחר תהליך המחקר הגעתי לכמה נקודות עיקריות:
1. הפעולות שהמשתמש יצטרך לבצע יהיו פעולות נגישות ומידיות מובנות וקלות לשימוש ללא פעולות שיאתגרו את המשתמש ואת ההבנה שלו.
2.על מנת לגרום למשתמש לבצע פעולות אני צריך לתפוס את תשומת ליבו ולגרום לו להבין שכל פעולה שהוא מבצע משפרת עבורו את התוכן המוצע לו.
3.יש לי מספר שניות של תשומת הלב של המשתמש ולכן עליי לסדר את הגריד של המידע בצורה שתציג כמה שיותר תכנים אך בדרכים מתוחכמות ושלא יעמיסו על המשתמש ויגרמו לחוסר פוקוס.
4.כל הצלחה של הממשק עם משתמש יכול לקדם את ההצלחה מול המשתמש אחר לדוג':
אם משתמש סימן שהוא אוהב את התוכן או שיתף אותו, נציג זאת למשתמש שבא אחריו
מכיוון שפעולות אלו מעוררות את הסקרנות והביטחון של המשתמש במידע המוצג לפניו.
5. אחד האתגרים זה למצוא דרך יצירתית שתגרום לחוויה מהנה עבור המשתמש שהוא מבצע פעולה עבורנו שימוש באנימציות או Gamification שתעניק לו חוויה ייחודית ומהנה שהוא ירצה לשחזר ושתהיה קיימת רק בממשק של Taboola.
6. תמונות או סרטוני וידאו אלו הדברים הראשונים שתופסים את תשומת הלב של המשתמש ולכן צריך להשקיע בתמונות ובגודל התמונה כמו כן הכותרות מאוד חשובות ובעזרת טקסטים טובים אפשר לגרום להרבה התעניינות מצד המשתמש.
Wireframes
לאחר שסיימתי את תהליך המחקר התחלתי בשלב שבו אני מתחיל להשתמש בכל הידע שצברתי ומתחיל לתכנן את הממשק פי המידע הקיים ברשותי
בשלב הזה חשוב לי מאוד להגדיר את המטרות שאני רוצה להשיג בעזרת הממשק שאצור:
המטרה הראשונה .
ליצור כרטיסייה שתכיל פעולות שונות שיעודדו את המשתמש לעזור לאלגוריתם לבחור עבורו מידע בגלל אופי השימוש שהוא אקראי וחסר סבלנות עליי ליצור כפתורים נגישים וכמה שפחות להקשות על המשתמש במידה וירצה לבצע אחת מהפעולות.
המטרה השנייה.
ליצור היררכיה מסודרת של המידע שיהיה מובן וברור ולבחור מהו המידע החשוב לי ביותר שיכול לתרום למטרות השונות.
המטרה שלישית.
לנצל כמה שיותר את השטח שבו הממשק צריך להיות מוצג ולחשוב על דרכים מתוחכמות להעביר למשתמש כמה שיותר תוכן שרלוונטי עבורו.
המטרה רביעית.
למצוא דרך ייחודית לביצוע פעולות עיקריות בממשק שיתפסו את תשומת ליבו של המשתמש לחשוב על אנימציה מעניינת או פעולה שתעשה בדרך ששונה מהרגיל.
לאחר שהגדרתי את המטרות התחלתי לשרטט בעיפרון סוגים שונים של ממשקים ולהתחיל תהליך שבו אני מנסה ליצור מבנה שלדעתי יכול לעבוד.
אחד מהאתגרים במשימה זה השטח הקטן שבו כל המידע והפעולות אמורים להיות.
לאחר שיצרתי כמה פתרונות אפשריים התחלתי ליצור את הWireframes
מבנה הממשק



מבנה הכרטיסייה
תמונה
בחלק העליון של הכרטיסייה תהיה תמונה איכותית שתעביר למשתמש בצורה מהירה את נושא הכתבה.
תמונות מושכות מאוד משתמשים וגורמים להם להתעניין בכרטיסיה הרבה יותר מכרטיסייה שמציגה רק טקסט ולכן בחרתי ש1/3 מהכרטיסייה תהיה תמונה.
Like או Unlike
כמו שהגדרתי במטרות, לגרום למשתמש לסמן לי אם Like או Unlike את התוכן חשובה ביותר עבורי ולכן בחרתי ליצור שני כפתורים מרכזיים ובולטים שאחד מהם מציג לב שלם והשני לב שבור.
המשתמש מבין שהוא יכול לבחור אם אהב את התוכן או לא אהב וזה נגיש מאוד, ובהקלקה אחת קטנה הוא מבצע את הפעולה.
המשתמש יכול ללחוץ על הכפתור או למשוך אותו ובסיום הפעולה תהיה אנימציה שתציג לו שהפעולה בוצעה.
הפתרון לLike או Unlike בולט בממשק מכיוון שזו פעולה שאני מאוד רוצה שהמשתמש יעשה.
הכפתורים מוצגים בדרך שונה מהרגיל בצורת לשוניות שנכנסות משתי צידי הכרטיסייה ויוצרים סקרנות למשתמש שלא רגיל לראות כפתורים שנראים כך והפעולה הבאה שלו תהיה לחיצה עליהם
ברגע הזה עלי ליצור עבור המשתמש חוויה שהוא ירצה מאוד לשחזר וגם לעזור לו להבין איך הוא תורם לעצמו בפעולה הזו.
מתחת לתמונה בחרתי להציג את המידע על התוכן שמוצע למשתמש
התגית תופיע ראשונה ותעזור למשתמש לפני הכל לזהות את סוג התוכן המוצע לו.
שיתוף וקריאה במועד מאוחר יותר
מצד ימין יהיו שתי פעולות משניות של שיתוף וקריאה במועד מאוחר יותר
בחרתי למקם פעולות אלו מצד ימין באזור נגיש וברור לעין
ובמידה והכרטיסייה תצטרך להתכווץ יהיה להם הרבה שטח להתמקם בו.
תגובה מרכזית
בחלק התחתון של הכרטיסייה מיקמתי את התגובה מכיוון שבכל מקום אחר טקסט ייצור עומס והרגשה של צפיפות בכרטיסייה
מימין לטקסט שמתי אייקון של תגובה על מנת לעזור למשתמש להבין שזוהי תגובה של משתמשים אחרים.
גריד
לאחר שיצרתי את הכרטיסיות הייתי צריך לחשוב איך אני הולך למקם אותם בשטח שמוגדר לי.
מכיוון שכל חברה שמשתמשת במוצר יש אפשרות להגדיר איך הם רוצים שזה יוצג אני רק מציג את החשיבה שלי.
אחד הדברים שהכי חסרים לי במוצר היום זה שהתוכן יחולק לקטגוריות שונות שיגרמו למשתמש לחשוב שמישהו חושב עלו אישית ומציע לו את הידע הזה במיוחד בשבילו.
הוספה של קטגוריות כמו "מומלצים עבורך" או "אולי יעניין אותך" יוצרים סדר בתוכן והמשתמש יכול לקבל ארגון של התוצאות ולדעת איזה סוג של תוכן מוצג בפניו.
הכרטיסיות מוצגות בצורה שתאפשר לפלטפורמה לנסות "לקלוע" לכמה שיותר תכנים ככל שנכניס יותר תכנים ביותר שטח ככה הסיכוי "לקלוע" לתוכן רלוונטי עבור המשתמש גבוה יותר.
שימוש ב "סקרול" של כרטיסיות מאפשר ליצור אצל המשתמש סקרנות לגבי איזה עוד תוכן קיים ולדפדף ביניהם וגם מותן למערכת אפשרות לערבב כמה סוגים של תוכן ולראות במה המשתמש מתעניין יותר.
עוד אפשרות היא שבמידה וקיימת התאמה ממש גבוהה לגבי סוג תוכן מסוים יהיה אפשר להציג אותו בצורה בולטת יותר ולמשוך את תשומת הלב של המשתמש.
הגריד משתנה בין משתמש למשתמש ולפי הצריכה שלו בתוכן ולכן זה צריך להיות משהו דינמי
שמתחשב בבחירות ושימושיות של המשתמש.
שפה גראפית
אחד מהאתגרים במשימה זו היה ליצור כרטיסייה מובנת וקלה לשימוש שתעביר את המידע העיקרי בצורה מהירה ולגרום כמה שיותר למעורבות המשתמש לבצע פעולות שונות על גבי הכרטיסייה גם אם לא התכוון מראש לבצע אותם.
המטרה היית לגרות אותו וכמה שיותר באמצעות מציאת הפעולות האפשריות שיכולות לעניין אותו ולמצוא דרך ייחודית שתגרום לו לחוויה מהנה ולרצות לחזור על זאת שוב.
השתמשתי במשקלים שונים של פונט בפלטה של צבעים ובאייקונים על מנת להפוך את הממשק למשהו חי ומתקשר ושיראה ממשק מזמין עם חוויה כיפית
Mobile


Web wireframe

Web Design

