خانهتکانی فیسبوک فید: از دکمههای شلوغ تا حبابهای گفتگوی تمیز
فیسبوک با بیش از ۲ میلیارد کاربر تصمیم گرفت بخش کامنتها و فید اصلیاش را بعد از سالها تغییر دهد؛ چطور جابهجا کردن چند خط خاکستری و دایرهای کردن عکسها مکالمات را نجات داد؟

- ناشر منبع
- Facebook Design on Medium
- زمان مطالعه
- ۵ دقیقه مطالعه
- نویسنده منبع
- Ryan Freitas
- تاریخ انتشار منبع
- ۲۴ مرداد ۱۳۹۶
ماجرا از کجا شروع شد؟
در سال ۲۰۱۷، فید فیسبوک یکی از پربینندهترین صفحات تاریخ وب بود، اما به مرور زمان پر از شلختگیهای ریز شده بود: فونتهای خاکستری کمکنتراست که در نور آفتاب خوانده نمیشد، خطوط افقی باریک و متعدد که صفحه را تکهتکه میکرد، و بخش کامنتهایی که شبیه یک انجمن گفتگوی قدیمی دهه ۹۰ میلادی زیر پستها آویزان بود!
رایان فریتاس و تیم دیزاین فیسبوک میخواستند کاری کنند که تعامل در فید به جای احساس خواندن یک تابلو اعلانات اداری، حس یک گفتگوی زنده، روان و دوستانه را داشته باشد.
چه تصمیمی گرفتند؟
تیم طراحی فیسبوک سه تغییر اساسی در فید اعمال کرد:
- تبدیل کامنتها به حبابهای چت (Chat Bubbles): تا قبل از این تغییر، کامنتها متنهایی بدون کادر بودند که مرز پاسخ دادن در آنها معلوم نبود. با قرار دادن هر کامنت درون یک حباب خاکستری نرم، مشخص شد چه کسی به چه کسی پاسخ داده و نرخ بحثهای چندنفره جهش کرد.
- دایرهای شدن تصاویر پروفایل: عکسهای مربعی جای خود را به دایره دادند تا چهره افراد بهتر در مرکز کادر بنشیند و از فرم مستطیلی عکسهای پستها متمایز شود.
- افزایش کنتراست رنگها برای استانداردهای بینالمللی: خاکستری متنها تیرهتر شد و اندازه آیکونهای لایک و اشتراکگذاری بزرگتر شد تا لمس آنها روی موبایل با خطای کمتری همراه باشد.
در آپدیتهای قبل، دکمه بازگشت در بالای صفحه یک فلش باریک خاکستری بود که خیلی از کاربران مسن پیدایش نمیکردند. تیم آن را به یک فلش بولد درون دایره مشخص تبدیل کرد که حتی در یک نگاه گذرا هم قابل تشخیص بود.
چی شد که جواب داد؟
این تغییرات آرام و بدون سر و صدا، نرخ مشارکت در بخش کامنتها را بالا برد و میزان شکایت کاربران درباره ناخوانا بودن پستها در محیطهای بیرونی را به شدت کاهش داد. این تغییرات پایه و اساس زبان بصری فیسبوک برای یک دهه آینده شد.
درس محصولی برای فیدهای پرترافیک
وقتی مقیاس کاربری میلیاردی است، حتی تغییر ۲ پیکسلی در اندازه فونت یا تبدیل یک کادر به گوشههای گرد میتواند رفتار میلیونها انسان را جهت دهد. اصلاحات ریز در خدمت خوانایی و وضوح گفتگو، همیشه بر تغییرات رادیکال و پر سر و صدا اولویت دارند.
نسخه کامل و اصلی این کیساستادی
این روایت یک بازخوانی کوتاه فارسی است. برای جزئیات کامل، تصاویر اصلی و متن نویسنده به منبع مراجعه کنید.
کیسهای مرتبط
داستانهای دیگری با موضوع یا برچسبهای نزدیک که شاید الهامبخش باشند.
چرا پست گذاشتن در لینکدین ترسناک بود؟ بازطراحی تجربه اشتراکگذاری برای آدمهای عادی
داستان بازطراحی فید و باکس پستگذاری لینکدین: خلوتسازی بصری، کاهش اضطراب قضاوت شدن و ایجاد دسترسی برابر برای تولید محتوا.
کجا ناهار بخوریم؟ حل بزرگترین دردسر گروههای واتساپ با نظرسنجی در چت
بررسی پژوهش کاربری و پروتوتایپ نظرسنجی در واتساپ: ایجاد فرآیند تصمیمگیری دموکراتیک و سریع در گروههای خانوادگی و کاری بدون شلوغ کردن چت.
پول فرستادن مثل پیام دادن: چطور واتساپ پرداخت بانکی را به چت آورد
داستان طراحی تعاملات سیستم پرداخت واتساپ بر بستر شبکه UPI در هند: انتقال پول بین دوستان مستقیماً از داخل رشته پیامها با بالاترین سطح اعتماد.


