ZomatoSushi Design System

سوشی در خدمت سفارش غذا: چطور زوماتو یک سیستم طراحی پرسرعت ساخت

وقتی گرسنه هستید، ثانیه‌ها تعیین‌کننده‌اند؛ زوماتو چطور سیستم طراحی اختصاصی خود به نام «سوشی» را خلق کرد تا کاربران در شلوغ‌ترین ساعات ناهار بدون مکث سفارش غذا ثبت کنند؟

تصویر کیس‌استادی لایه‌های خوش‌رنگ و اشتهاآور سیستم طراحی سوشی زوماتو
ناشر منبع
Kanika Mudhar on UX Collective
زمان مطالعه
۵ دقیقه مطالعه
نویسنده منبع
Kanika Mudhar
تاریخ انتشار منبع
۲۵ آذر ۱۳۹۸

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

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

کانیکا مودهَر و رهبران طراحی زوماتو تصمیم گرفتند پروژه‌ای اساسی را کلید بزنند که نه تنها ظاهر اپ را یکپارچه کند، بلکه کارایی فنی و سرعت بارگذاری را در اینترنت کند به اوج برساند. این سیستم نام خوشمزه Sushi را به خود گرفت.

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

تیم طراحی زوماتو سیستم سوشی را با وسواس خاصی مهندسی کرد:

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

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

با راه‌اندازی سوشی، نرخ تبدیل (Conversion Rate) در مراحل مختلف قیف خرید افزایش یافت، زمان رندر شدن صفحات در اندروید ۳۰ درصد سریع‌تر شد و تیم طراحی توانست فیچرهای جدید را در نصف زمان قبلی ریلیز کند.

درس محصولی برای پلتفرم‌های پرسرعت روزمره

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

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

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

Developing the Zomato design systemKanika Mudhar on UX Collective

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

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

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

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

همه کیس‌ها
WhatsAppWhatsApp Group Messaging

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

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

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