MicrosoftMicrosoft 365 & Office

چطور مایکروسافت بعد از ۶ سال به آیکون‌های وُرد و اکسل جان دوباره داد

بیش از یک میلیارد نفر هر روز با این آیکون‌ها سر و کار دارند؛ چطور می‌توانید لوگوی اکسل و ورد را بدون اینکه صدای اعتراض کل دنیا بلند شود، مدرن، سه‌بعدی و دوست‌داشتنی کنید؟

تصویر کیس‌استادی آیکون‌های لایه‌ای و سه‌بعدی فلوئنت دیزاین آفیس
ناشر منبع
Microsoft Design on Medium
زمان مطالعه
۵ دقیقه مطالعه
نویسنده منبع
Jon Friedman
تاریخ انتشار منبع
۸ آذر ۱۳۹۷

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

آخرین بار در سال ۲۰۱۳ آیکون‌های مایکروسافت آفیس بازطراحی شده بودند؛ در دورانی که مردم هنوز سلفی نمی‌گرفتند و کار مشارکتی آنلاین در فضای ابری یک رویا بود. در طول ۵ سال بعد، وُرد، اکسل، پاورپوینت و اوت‌لوک از اپ‌های تک‌کاربره آفلاین تبدیل شدند به هاب‌های کار گروهی زنده در وب و موبایل.

اما ظاهر آیکون‌ها هنوز تخت، صلب و متعلق به دوران ویندوز ۸ بود. جان فریدمن، معاون طراحی مایکروسافت، تیمی جهانی از طراحان را دور هم جمع کرد تا آیکون‌ها را طوری متحول کنند که هم برای یک کارمند حسابداری ۵۰ ساله آشنا بماند و هم نسل زدی را که اولین بار با تبلت کار می‌کند جذب کند.

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

آن‌ها با تکیه بر اصول Fluent Design مسیر تازه‌ای خلق کردند:

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

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

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

درس محصولی برای ریدیزاین برندهای باسابقه

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

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

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

Redesigning the Office App Icons to Embrace a New World of WorkMicrosoft Design on Medium

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

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

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

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

همه کیس‌ها
MicrosoftWindows 10 & 11 OS

داستان ۱۰۰ آیکون جدید ویندوز: خداحافظی با مستطیل‌های بی‌روح و سلام به عمق و بافت

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

۵ دقیقه مطالعهخواندن روایت
ToptalToptal Core Design System

مدیریت دیزاین در شبکه جهانی فریلنسرها: چطور تاپ‌تال سیستم فیگما را مقیاس داد

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

۶ دقیقه مطالعهخواندن روایت
MiroMiro Visual Collaboration

چطور ریل‌تایم‌بورد با تغییر نام به میرو، فاتح تخته‌سیاه‌های دورکاری جهان شد

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

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