گرافیک و برندینگ

اینفوگرافیک: طراحی داده‌های بصری جذاب

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

1404/11/06 1 دقیقه مطالعه 2,717 بازدید

یک اینفوگرافیک چند عدد بزرگ و آیکون رنگی دارد، اما معلوم نیست عددها مربوط به چه سالی‌اند یا چه چیزی شمرده شده است. جذاب بودن تصویر، این ابهام را حل نمی‌کند. طراحی داده بصری از سؤال و منبع شروع می‌شود. نمودار، متن و ترتیب باید کمک کنند مخاطب رابطه مورد نظر را بفهمد و بتواند درباره دامنه آن قضاوت کند. تزئین نباید دقت را از بین ببرد.

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

سؤال را پیش از انتخاب قالب بنویسید

مخاطب قرار است روند را ببیند، سهم گروه‌ها را مقایسه کند یا مراحل یک کار را یاد بگیرد؟ هر سؤال شکل نمایش متفاوتی می‌خواهد. انتخاب یک template آماده قبل از شناخت مسئله ممکن است داده را به قاب نامناسب تحمیل کند. برای هر بخش، یک جمله درباره نتیجه مورد انتظار بنویسید. اگر بخش هیچ پرسش مشخصی را پاسخ نمی‌دهد، وجود آن را در ترکیب نهایی دوباره بررسی کنید.

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

منبع و تعریف عدد

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

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

نوع نمودار از رابطه می‌آید

راهنمای نمودار در Government Analysis Function درباره انتخاب شکل، محور و labelها توضیح می‌دهد. برای مقایسه مقدارهای دسته‌ای، موقعیت و طول می‌توانند رابطه را روشن‌تر از شکل‌های تزئینی بیان کنند. برای روند، ترتیب زمانی و فاصله‌ها اهمیت دارند. نمودار باید اجازه دهد سؤال اصلی پاسخ داده شود، نه اینکه فقط نسبت قاب را پر کند.

Pie برای هر مجموعه‌ای مناسب نیست؛ تعداد زیاد بخش یا سهم‌های نزدیک می‌تواند مقایسه را دشوار کند. نمودار سه‌بعدی و perspective نیز ممکن است اندازه دیده‌شده را از مقدار واقعی دور کنند. اگر واحد مقایسه دقیق لازم است، label و مقیاس روشن نگه دارید. برای فرایند بدون عدد، فهرست مرحله‌ای شاید از نمودار آماری مناسب‌تر باشد. راهنمای Timeline تفاوت رویداد گذشته و مرحله آینده را توضیح می‌دهد.

محور و مقیاس را قابل دفاع نگه دارید

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

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

روایت، نتیجه داده را بزرگ نکند

روایت می‌تواند از سؤال به مشاهده و محدودیت برود. لازم نیست هر اینفوگرافیک پایان تبلیغاتی داشته باشد. اگر نتیجه نامطمئن یا چندگانه است، همان را ارائه کنید. انتخاب تنها نقطه‌های مورد علاقه، روند کلی را ممکن است مخفی کند. Annotation باید به مشاهده معتبر مربوط باشد و نمونه استثنا را نماینده همه مجموعه معرفی نکند. مسیر خواندن باید به مخاطب اجازه قضاوت بدهد.

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

رنگ برای داده نقش می‌گیرد

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

رنگ تنها راه تشخیص گروه نباشد. label مستقیم، شکل یا pattern می‌تواند کمک کند، به شرط آنکه نمودار بیش از حد شلوغ نشود. راهنمای کنتراست درباره خوانایی متن و نشانه‌ها مکمل است. راهنمای تئوری رنگ هم ابزار انتخاب پالت را توضیح می‌دهد، ولی هماهنگی زیبایی جای قرارداد دسته و مقدار را نمی‌گیرد.

متن و عدد در اندازه واقعی

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

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

نسخه قابل دسترس

راهنمای Complex Images در W3C بر توضیح اطلاعات تصویر پیچیده تأکید دارد. یک alt کوتاه می‌تواند موضوع را معرفی کند و شرح یا جدول داده، جزئیات لازم را در متن ارائه دهد. «اینفوگرافیک جذاب» توضیح مفیدی از محتوا نیست. مخاطب باید بتواند بدون دیدن رنگ و شکل نیز رابطه اصلی و محدودیت داده را بفهمد.

در وب، اطلاعات essential را فقط به hover وابسته نکنید. tooltip ممکن است روی لمس یا ابزار کمکی قرارداد متفاوتی داشته باشد. نسخه چاپی نیز tooltip ندارد و باید label لازم را حفظ کند. اگر نمودار تعاملی است، کنترل‌ها و وضعیت انتخاب نیاز به نام و بازخورد دارند. راهنمای فیلتر برای ارتباط انتخاب و نتیجه در نمایش داده مکمل است.

ابزار و فایل منبع

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

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

مرور پیش از تحویل

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

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

واکنش به این مقاله

اشتراک‌گذاری این مقاله:
دیدگاه‌ها 0
۰ / ۲۰۰۰

هنوز دیدگاهی ثبت نشده

اولین نفری باشید که نظر می‌دهد!