GoogleGoogle Maps

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

چرا جنگل در گوگل مپس یک سبز خاص است و بیمارستان یک رنگ دیگر؟ پشت رنگ‌های نقشه گوگل یک سیستم علمی و روان‌شناختی است که به شما اجازه می‌دهد در سرعت ۱۰۰ کیلومتر بدون تصادف مسیرتان را بفهمید.

تصویر کیس‌استادی پالت‌های رنگی و لایه‌های نقشه گوگل مپس
ناشر منبع
Raw Studio via Web Archive
زمان مطالعه
۵ دقیقه مطالعه
نویسنده منبع
Jasmine Bilham
تاریخ انتشار منبع
۳۰ فروردین ۱۳۹۹

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

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

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

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

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

  1. لایه زمین و طبیعت (Background/Canvass): استفاده از تن‌های پاستلی و اشباع‌پایین (Low Saturation) مثل سبز ملایم برای جنگل و کرم روشن برای بافت شهری. این رنگ‌ها باید مثل یک بوم نقاشی ساکت عمل کنند تا پس‌زمینه جیغ نزند.
  2. لایه شبکه دسترسی (Infrastructure): بزرگراه‌ها، اتوبان‌ها و خیابان‌های فرعی با سلسله‌مراتب روشنایی (Luminance) تفکیک شدند؛ بزرگراه ضخیم‌تر و روشن‌تر، خیابان محلی باریک‌تر و کم‌کنتراست‌تر.
  3. لایه پویا و اضطراری (Foreground Alerts): رنگ‌های اشباع‌بالا مثل قرمز ترافیک سنگین یا نارنجی هشدار تصادف، فقط و فقط برای چیزهایی که نیاز به واکنش فوری دارند رزرو شدند تا در چشم برهم‌زدنی تشخیص داده شوند.

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

پالت جدید گوگل مپس تبدیل به استاندارد کارتوگرافی دیجیتال در کل دنیا شد. آزمایش‌های عصب‌شناختی نشان داد بار پردازش شناختی (Cognitive Load) رانندگان هنگام نگاه کردن به نقشه تا ۳۵ درصد کاهش یافت و زمان چشم برداشتن راننده از جاده برای خواندن پیچ بعدی به نصف رسید.

درس محصولی برای طراحی سیستم‌های رنگی

رنگ در محصول تزئین نیست؛ اطلاعات است. برای سامانه‌های شلوغ، رنگ‌ها را بر اساس سطح فوریت اولویت‌بندی کنید. اگر به همه چیز رنگ شاد و پررنگ بدهید، در واقع هیچ چیز را متمایز نکرده‌اید.

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

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

The Evolution Of Google Maps & Colour Picking MethodologyRaw Studio via Web Archive

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

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

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

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

همه کیس‌ها
YahooYahoo Sports PyeongChang Coverage

ورزش روی یخ با چند خط ساده: چطور یاهو بیش از ۱۰۰ آیکون المپیک زمستانی را خلق کرد

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

۵ دقیقه مطالعهخواندن روایت
Metric DesignNorwegian Central Bank Notes

پیکسل‌های دریا در جیب مردم: چطور نروژ زیباترین اسکناس‌های جهان را ساخت

داستان طراحی اسکناس‌های نمادین نروژ توسط استودیوی Metric Design: از امواج مقیاس بوفورت تا تلفیق لایه‌های امنیتی با هنر آبستره مدرن.

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