طراحی دیتا ویژوالیزیشن: نمودارهای زیبا

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

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

سؤال، واحد و جمعیت

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

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

نوع رابطه، نوع نمودار

برای مقایسه دسته‌ها، Bar Chart معمولاً انتخاب قابل خواندنی است. برای روند زمانی، Line Chart می‌تواند ارتباط نقطه‌ها را نشان دهد، به شرطی که ترتیب و فاصله زمان درست باشند. Scatter Plot برای رابطه دو متغیر کاربرد دارد و به تنهایی علت را ثابت نمی‌کند. سهم از کل به تعریف کل نیاز دارد. انتخاب نمودار را از سؤال بسازید، نه از فهرست تازه‌ترین شکل‌های موجود در ابزار.

اگر فقط چند عدد دقیق لازم‌اند، جدول شاید مناسب‌تر باشد. اگر دسته‌ها زیادند، نمودار سهم دایره‌ای می‌تواند مقایسه را دشوار کند. نقشه نیز زمانی معنا دارد که موقعیت جغرافیایی بخشی از سؤال باشد؛ رنگ‌کردن منطقه‌های بزرگ ممکن است تعداد کم را پررنگ‌تر نشان دهد. هر شکل یک قرارداد ادراکی دارد. راهنمای Data Visualisation سازمان ONS منبع اولیه‌ای برای اصول و انتخاب‌های نمودار است.

یک مثال فرضی با جدول روشن

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

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

محور و مقیاس را صادقانه انتخاب کنید

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

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

رنگ برای معنا، نه فقط تنوع

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

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

عنوان، برچسب و توضیح

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

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

عدم قطعیت و داده محدود

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

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

دسترس‌پذیری و صفحه کوچک

اطلاعات مهم نمودار باید در متن یا ساختار قابل دسترس نیز ارائه شود. Alt کوتاه برای یک نمودار پیچیده همیشه کافی نیست؛ شرح روند، جدول یا توضیح بلندتر می‌تواند لازم باشد. راهنمای WAI درباره تصاویر پیچیده راه‌های انتقال اطلاعات نمودار را توضیح می‌دهد. اگر تعامل دارید، Tooltip نباید تنها مسیر خواندن مقدار و فقط وابسته به Hover باشد.

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

تحویل و نگهداری

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