MetaFacebook Mobile App

خانه‌تکانی فیسبوک فید: از دکمه‌های شلوغ تا حباب‌های گفتگوی تمیز

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

تصویر کیس‌استادی فید تعاملی و حباب‌های گفتگو در فیسبوک
ناشر منبع
Facebook Design on Medium
زمان مطالعه
۵ دقیقه مطالعه
نویسنده منبع
Ryan Freitas
تاریخ انتشار منبع
۲۴ مرداد ۱۳۹۶

ماجرا از کجا شروع شد؟

در سال ۲۰۱۷، فید فیسبوک یکی از پربیننده‌ترین صفحات تاریخ وب بود، اما به مرور زمان پر از شلختگی‌های ریز شده بود: فونت‌های خاکستری کم‌کنتراست که در نور آفتاب خوانده نمی‌شد، خطوط افقی باریک و متعدد که صفحه را تکه‌تکه می‌کرد، و بخش کامنت‌هایی که شبیه یک انجمن گفتگوی قدیمی دهه ۹۰ میلادی زیر پست‌ها آویزان بود!

رایان فریتاس و تیم دیزاین فیسبوک می‌خواستند کاری کنند که تعامل در فید به جای احساس خواندن یک تابلو اعلانات اداری، حس یک گفتگوی زنده، روان و دوستانه را داشته باشد.

چه تصمیمی گرفتند؟

تیم طراحی فیسبوک سه تغییر اساسی در فید اعمال کرد:

  1. تبدیل کامنت‌ها به حباب‌های چت (Chat Bubbles): تا قبل از این تغییر، کامنت‌ها متن‌هایی بدون کادر بودند که مرز پاسخ دادن در آن‌ها معلوم نبود. با قرار دادن هر کامنت درون یک حباب خاکستری نرم، مشخص شد چه کسی به چه کسی پاسخ داده و نرخ بحث‌های چندنفره جهش کرد.
  2. دایره‌ای شدن تصاویر پروفایل: عکس‌های مربعی جای خود را به دایره دادند تا چهره افراد بهتر در مرکز کادر بنشیند و از فرم مستطیلی عکس‌های پست‌ها متمایز شود.
  3. افزایش کنتراست رنگ‌ها برای استانداردهای بین‌المللی: خاکستری متن‌ها تیره‌تر شد و اندازه آیکون‌های لایک و اشتراک‌گذاری بزرگ‌تر شد تا لمس آن‌ها روی موبایل با خطای کمتری همراه باشد.

چی شد که جواب داد؟

این تغییرات آرام و بدون سر و صدا، نرخ مشارکت در بخش کامنت‌ها را بالا برد و میزان شکایت کاربران درباره ناخوانا بودن پست‌ها در محیط‌های بیرونی را به شدت کاهش داد. این تغییرات پایه و اساس زبان بصری فیسبوک برای یک دهه آینده شد.

درس محصولی برای فیدهای پرترافیک

وقتی مقیاس کاربری میلیاردی است، حتی تغییر ۲ پیکسلی در اندازه فونت یا تبدیل یک کادر به گوشه‌های گرد می‌تواند رفتار میلیون‌ها انسان را جهت دهد. اصلاحات ریز در خدمت خوانایی و وضوح گفتگو، همیشه بر تغییرات رادیکال و پر سر و صدا اولویت دارند.

ارجاع به منبع اصلی

نسخه کامل و اصلی این کیس‌استادی

Evolving the Facebook News Feed to Serve You BetterFacebook Design on Medium

این روایت یک بازخوانی کوتاه فارسی است. برای جزئیات کامل، تصاویر اصلی و متن نویسنده به منبع مراجعه کنید.

خواندن کیس‌استادی اصلی
ادامه کشف

کیس‌های مرتبط

داستان‌های دیگری با موضوع یا برچسب‌های نزدیک که شاید الهام‌بخش باشند.

همه کیس‌ها
LinkedInLinkedIn Mobile & Web Feed

چرا پست گذاشتن در لینکدین ترسناک بود؟ بازطراحی تجربه اشتراک‌گذاری برای آدم‌های عادی

داستان بازطراحی فید و باکس پست‌گذاری لینکدین: خلوت‌سازی بصری، کاهش اضطراب قضاوت شدن و ایجاد دسترسی برابر برای تولید محتوا.

۶ دقیقه مطالعهخواندن روایت
WhatsAppWhatsApp Group Messaging

کجا ناهار بخوریم؟ حل بزرگ‌ترین دردسر گروه‌های واتس‌اپ با نظرسنجی در چت

بررسی پژوهش کاربری و پروتوتایپ نظرسنجی در واتس‌اپ: ایجاد فرآیند تصمیم‌گیری دموکراتیک و سریع در گروه‌های خانوادگی و کاری بدون شلوغ کردن چت.

۵ دقیقه مطالعهخواندن روایت