שם הפרויקט: Springo
תעשיה: מנועי חיפוש
הבית החם: www.springo.com
צוות העבודה: זיו, ליאור, נטלי, יונתן, אורון, רן, עמנואל, רותם הראל ורותם בונדר
באשמתנו: מחקר ואסטרטגיה, פיתוח קונספט, אפיון, ממשק משתמש, מיתוג, עיצוב ופיתוח צד קדמי
תחילת עבודה: פברואר 2008
השקה: יוני 2009
תוצאה: שרות חיפוש חדשני לשוק האמריקאי

חברת Netex המפתחת טכנולוגיות חיפוש ופרסום ממוקדים ומפעילה שירותי חיפוש מקומיים, כגון שירות Netex.co.il בשוק הישראלי ושירות Au.ru בשוק הרוסי, פנתה אלינו בבקשה שנחשוב ונבנה ביחד איתה שרות חיפוש חדש לשוק האמריקאי המתבסס על הטכנולוגיה הקיימת. מטרת הפרוייקט היתה לפתח קונספט אשר ידגיש את היכולות של הטכנולוגיה הקיימת והוספת חידושים אשר ישפרו את השרות. האתגר המרכזי שלנו היה לתרגם את היתרונות של אופן החיפוש השונה לחווית שימוש יעילה ומהנה יותר מהשרותים המתחרים.

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

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

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

חשבנו רבות על איך שהעמוד יראה וציירנו סקיצות רבות לממשק המשתמש אבל דווקא סקיצה אחת, שצוירה על דף בלילה חורפי אחד (בחושך, בפינה…), היא זו שהובילה אותנו לפתרון:

הסקיצה הראשונה

העיצוב הסופי

מלבד הצגת תוצאות חיפוש, Springo מציע למשתמשים יכולות נוספות כמו:
א. סיוע לחיפוש מדוייק בכל שאילתה ע"י צמצום החיפוש ל-תת נושאים או הרחבת החיפוש לנושאים דומים.
ב. אפשרות שליחת תוצאת חיפוש לחבר ובעתיד גם שמירה למועדפים באזור אישי באתר.
ג. התעדכנות בשינויים בהרגלי הגלישה של קהל הגולשים (ראו טאב Movers & Shakers) בדף הבית.
ד. Toolbar להורדה אשר מאפשר חיפוש משורת הכתובת והצעות לאתרים נוספים בתחום החיפוש.

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

עמוד הבית: מציג קישורים פופולאריים בתחומים שונים ושינויים בהרגלי הגלישה של קהל הגולשים בארה"ב.

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

לוגואים: אופציות שונות ללוגו לצד הלוגו הנבחר.

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

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

הפוסט הזה נכתב ביום יום ראשון, 07 ביוני 2009, בשעה 10:48 am, והוא שייך לנושא חווית משתמש, עיצוב, צבע טרי, שימושיות. את כל התגובות והטראקבאקים אפשר לקרוא ב-RSS 2.0‏. אפשר להגיב על הפוסט כאן בבלוג הזה, או לשלוח טראקבאק מבלוג אחר.‏