[img src="https://veit.uno/tech/amandine/wp-content/uploads/2011/12/pufferfish360.jpg" caption="" credit="" https://veit.uno/tech/amandine/follow/topics /bit.ly" target="_self" data-ga-click="1" data-ga-label="$text" data-ga-item="text-link" data-ga-module="content_body">Bit.ly, מציאת דרך להגביר את המוצר הפשוט והחיתוך שלו היה אתגר איך כלי אינטרנט קטן יכול להשפיע חזותית בצורה מתחשבת?

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

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

האם יש קמע בלתי נשכח שאי אפשר להוציא מהראש? ספר לנו בתגובות.

שאלות ותשובות עם ניל ורל, סמנכ"ל חווית משתמש ב-Betaworks

מה ההיסטוריה מאחורי בחירת הלוגו?

Bit.ly היה אחד המוצרים הראשונים שעבדתי עליהם כאן. הייתי כאילו עובד מספר שני ב-Betaworks ועבדתי על Bit.ly מההתחלה.

[CTO של Bit.ly] טוד לוי ואני הסתובבנו, ובנו את המוצר בצורתו הגולמית - מקצר קישורים. ואז עלתה ההצעה, "למה שלא נעשה קמע?" ראשית אמרתי, "מה, האם אנחנו צריכים קמע עבור מקצר קישורים?" אבל החלטנו לנסות. זרקנו כמה רעיונות ואז חשבתי, אנחנו מכווצים ומרחיבים דברים, איזו חיה עושה את זה? דג הנפוח עלה בראש, ובהתחלה היינו כמו, "כן, זה נראה כמו מתאים."

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

איך התפתח דג הנפוח?

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

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

איך היה האייקון כדימוי מותג עבור החברה?

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

מה היו החלטות העיצוב הראשוניות עבור הפחזנית?

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

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

איך השתנה דג הנפוח?

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

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

איך לדעתך דג הנפוח עוזר לזהות המותג של Bit.ly? האם זה אייקון מוצלח?

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