این مقاله تفکر طراحی پشت داستان داده ای را که برای جشن گرفتن پنجاهمین سالگرد آپولو 11 ایجاد کردم، مستند می کند: نیل و بوز برای پیاده روی می روند. از داستان لذت ببرید این بهترین حالت در یک صفحه نمایش بزرگ مانند تبلت یا مانیتور است (خودتان را با صفحه نمایش کوچک نشان دهید: تجربه کوچکی کسب کنید). سپس برای گشت و گذار در پشت صحنه به اینجا برگردید.
مفهوم
NEIL AND BUZZ با این درک انگیزه داشت: من نمی دانستم چه اتفاقی در راهپیمایی ماه آپولو 11 فراتر از نیل افتاد. یک قدم کوچک و آن عکس نمادین پرچم چند ماه پیاده روی وجود داشت؟ فقط یکی. چه مدت آنجا بودند؟ حدود دو ساعت چقدر کاوش کرده اند؟ منطقه ای به اندازه یک الماس بیسبال. دقیقا چه کردند؟
برای پاسخ به این سؤالات، من به تعدادی از منابع ناسا نگاه کردم. تقریباً بلافاصله با چشم انداز یک تور پیمایشی در نقاط برجسته ماه راهپیمایی شگفت زده شدم. من این ابله کوچک را در دفترم درست کردم و مستند کردم:
هدف: مقیاس – هم فضا و هم زمان – اولین فرود روی ماه را نشان دهد. همچنین: مشخص کنید که هر فضانورد چه کاری انجام داده است. زمینه را برای رسانه های نمادین (نقل قول و عکس) ارائه دهید.
سبک: شاید آبرنگ و جوهر برای حداکثر WOW. می تواند برخی را به GIF های ساده متحرک کند.
داده های خروجی: نقشه ماموریت دقیق + گزارش ماموریت
ساختار: روایت جدول زمانی پیمایش ایستا برای تمام لحظات کلیدی. یک تصویر کلیدی، نمای پرسپکتیو از محل فرود است.
سوال: چند مرحله/رویداد باید به تصویر کشیده شود؟
من کاملاً به دیدگاه اصلی این طرح وفادار ماندم. نمای پرسپکتیو، تکه‌های نمایش و ستاره‌های رنگی باقی می‌مانند. طرح نشان می دهد که برخی چیزها تغییر کرده اند. من در ابتدا می خواستم تاریخچه فرود و صعود LM را ثبت کنم (این دوره زمانی کوچک شده است). ابتدا یک تجربه ثابت را متصور شدم (این گسترش یافت).
چشم انداز در این doodle نشان دهنده یک راه شروع داستان های داده است. شما یک قالب ذهنی از آنچه می خواهید ببینید دارید و مشتاق هستید که برای پر کردن آن با محتوای مناسب تلاش کنید.
داده ها درگیر می شوند
با چشم اندازی از تحقق، دست به کار شدم. این تحقیق شامل مثلث بندی چندین سند آپولو بود:
من بین این منابع جهش کردم تا حس خودم را نسبت به آنچه در ماه اتفاق افتاد توسعه دهم. طنز، هیجان و حرفه ای بودن از طریق ضبط ها طنین انداز شد. نماهای بیش از حد از تاریخ اکتشافات فضایی بیش از حد سرد – بیش از حد ماشین مانند هستند. انسانیت دستاورد آپولو 11 را می توان از طریق اسناد باقی مانده احساس کرد.
عکس های هاسلبلاد اساس داده های این داستان هستند. ناسا مکان و زمان ثبت هر عکس را منتشر می کند. عکس را با جدول زمانی رونوشت و نقشه USGS تطبیق دهید، و می توانید درک مکانی و زمانی از راهپیمایی ماه ایجاد کنید. من مجموعه ای از اسناد برنامه ریزی را برای کمک به سازماندهی درک خود از ماموریت ایجاد کردم:
- صفحه گسترده رونوشت: من کل رونوشت را در یک صفحه گسترده، یک خط انتقال در یک زمان قرار می دهم. این به من امکان داد آنچه را که فکر می‌کردم جالب بود علامت‌گذاری کنم – چه چیزی در تاریخچه داده‌ها قرار می‌گیرد. پیوند ستون‌های حاشیه‌نویسی به عکس‌ها و جزئیات مربوط به آنچه اتفاق می‌افتد را نشان می‌دهد.
- نقشه لایه در ایلاستریتور: لایه برای هر موقعیت و مسیر حرکت Neil and Buzz (در زیر):
- مدل سه بعدی: من این منابع را از نقشه های بالای سر در Google Earth Moon لایه بندی کردم. ستون هایی به ارتفاع شش فوت برای فضانوردان در موقعیت های کلیدی ایستاده بودند. سپس دور مدل چرخیدم تا دیدگاه مناسبی برای داستان بدست بیاورم. من به لبه‌ای نیاز داشتم که هیجان‌انگیزترین عمل را بدون پوشاندن چیزی نشان دهد.
یکی از داده‌هایی که از داستان بریده شد، اما من هنوز آن را دوست دارم، ضربان قلب نیل و باز در طول ماه‌پیمایی است. در اصل در دو نمودار جداگانه، آنها را به صورت لایه لایه (زیر) و رنگی ببینید تا با کاراکترهای موجود در تاریخچه داده مطابقت داشته باشد.
به خونسردی نسبی Buzz (به رنگ آبی) و ارتفاع نیل (قرمز) در انتهای پیاده روی توجه کنید. جهش بزرگ در ضربان قلب نیل (از ساعت 111:10 شروع می شود) سرعت بدون برنامه او به و از دهانه کوچک غرب است.
در طول مطالعه خود از این داده ها، من به منابع اولیه نزدیک بوده ام. با جستجو در آرشیو نشنال جئوگرافیک هیچ اثری در این ماهگردی خاص یافت نشد. وگرنه از نگاه کردن به کارهای قبلی دوری کردم. در نیمه راه پروژه، مستند خارق العاده آپولو 11 2019 را تماشا کردم که واقعاً به من انگیزه داد تا ادامه دهم.
طراحی داستان
کل داستان آپولو 11 واقعا جالب است: چگونه ناسا به آپولو رسید چگونه آپولو به طور سیستماتیک به آپولو 11 رسید. چگونه موشک بزرگ بزرگ واقعاً بزرگ است. همه مانورهای مداری فرود دستی هیجان انگیز روی ماه…. همه چیز خیلی جذاب است بسیاری از داستان ها سعی می کنند همه چیز را توضیح دهند. اما این مسئولیت من نبود. من باید به یک سوال مشخص پاسخ می دادم: آنها در پیاده روی چه می کردند؟
همه این اقدامات در نوع خود جذاب هستند، اما من را برای رسیدن به پیاده روی کند می کند. تصمیم گرفتم از لحظه باز شدن دریچه ماژول قمری شروع کنم و با بسته شدن دریچه داستان را ببندم. من خط زمانی را دوباره تنظیم کردم و زمان باز شدن دریچه را روی 00:00 تنظیم کردم.
رنگ کنش و دیالوگ نیل و باز را متمایز می کند. فرمانده نیل آرمسترانگ به عنوان ادای احترام به خطوط قرمز قرمز رنگی که در ماموریت‌های آینده آپولو استفاده می‌شود، اهدا شد. یاسی میهنی با آبی تعادل برقرار می کند. مایک کالینز، که در بالا می چرخد، طلای زرد را برای کموی خود دریافت کرد و پالت اصلی را پر کرد.
تنها بخش کوچکی از رونوشت مهتابی ارائه شده است. هدف من این بود که حسی از راهپیمایی ماه را که برای بسیاری در عرض 5 تا 10 دقیقه قابل دسترسی بود، به شما بدهم. من نمی خواستم یک فیلم کامل یا یک تخته سفید تعاملی جامع ایجاد کنم. فقط تندترین قسمت های رونوشت باقی مانده است. قطعه داده است تاریخچه. برای حداکثر اثر ویرایش شده است.
من یک فیلمنامه استوری برد ایجاد کردم که صحنه به صحنه پیاده روی را دنبال می کند (در زیر). به من کمک کرد بفهمم چه چیزی می ماند و چه چیزی می رود. اکنون ما آیتم های مصور جدید زیادی در ترکیب داریم، اجازه دهید در ادامه در مورد آنها صحبت کنیم.
سبک تصویرسازی
از دید اولیه می خواستم این داستان را به صورت دستی به تصویر بکشم. تصاویری که با دست طراحی شده اند به انسان سازی ماجراجویی کمک می کنند. من همچنین معتقدم که آنها واقعا سرگرم کننده هستند. عقاب ماژول قمری محور داستان و عنصری بود که من با آن کار کردم تا ظاهر داستان را شکل دهم. در اینجا یک نقاشی خط اولیه با پر کردن شماتیک است:
صحنه تئاتر این داستان قطعه کوچکی از ماه به نام پایگاه آرامش است. نمای مستقیم نقشه از بالا، آرامش همه چیز را در نسبت بهتری قرار می دهد. با این حال، همان نمای بالای سر، بیننده را از درک مقیاس انسانی منطقه باز می دارد. نمای بالای سر نیز فضانوردان را به نقاط بی معنی کوچک می کند. در عوض، من یک نمای مایل (یا پرسپکتیو یا دیوراما) از ماه می‌سازم:
منظره ماه دهانه های اصلی را برجسته می کند و بقیه را با بافتی مناسب پر می کند. ممکن است متوجه شوید که اثر هنری اصلی بسیار متفاوت از آنچه در قطعه نهایی است به نظر می رسد. رنگ ماه یک پدیده واقعاً شگفت انگیز است. قهوه ای تر از آن چیزی است که فکر می کنید. بدون اتمسفر، ظاهر آن تحت نورهای مختلف به شدت تغییر می کند. من آن را با رنگ قهوه‌ای تصویر کردم و بعداً رنگ آن را تغییر دادم تا بهترین صحنه را برای عناصر داستان‌گویی ارائه کنم: فضانوردان.
کار بر روی فضانوردان با ترتیب دادن دسته ای از عکس های آپولو بر اساس وضعیت بدن آغاز شد. من با طرح های واقعی مداد شروع کردم تا به من کمک کند تا احساس کنم چگونه Astros را بکشم.
من در نهایت یک منوی کاملاً دیجیتالی از ژست‌های فضانورد ایجاد کردم. من روی یکی از این ژست ها برای هر یک از فیگورهای داستان کار کردم و در صورت نیاز اندام ها را اصلاح کردم.
اینها به سرعت به مجموعه ای از نقاشی های قرمز و آبی تبدیل شدند که پیش نویس های اولیه داستان را پر کردند. در اینجا نگاهی متا به مجموعه اولیه ستاره شناسان است. دیدن همه آنها به یکباره به من کمک کرد تا آنها را در یک مقیاس شل نگه دارم. این یک دیدگاه کامل نیست، بلکه یک دیدگاه مؤثر از داستان است. به پس زمینه سفید و ماژول فرود سفید توجه کنید:
انتقاد اولیه یکی از دوستان باعث شد این داستان پرش کند. یکی از دوستان مدل بالا را دید و مشاهدات کلیدی انجام داد. سطح ماه از نظر بصری سنگین ترین قسمت ترکیب بود، در حالی که در عوض عمل فضانورد باید برجسته ترین می بود. همچنین، سبک ترسیم خط ستاره‌ها در این مقیاس کوچک کار نمی‌کرد. او به من پیشنهاد داد که نقاشی با چاشنی را امتحان کنم. من هم متوجه شدم که پس زمینه باید سیاه باشد. سیاه چشم انداز ماه را کاهش می دهد، ستاره ها را برجسته می کند و ما را به پس زمینه سیاه همه این عکس های نمادین متصل می کند. من معتقدم تضاد بین این دو سبک (نسخه اصلی در سمت راست) همه تفاوت را در جهان ایجاد می کند:
من تا به حال هنر خط انجام نداده بودم. پس از چند آموزش در یوتیوب، به ترسیم مجدد فضانوردان دست یافتم. برای مرجع، من عکس‌های آپولو را با تبدیل آنها به تصاویر خاکستری و محو کردن آنها دستکاری کردم. مطالعه آنها به چشم من کمک کرد تا ببینم کدام قسمت های کت و شلوار آنها بسیار روشن (سفید)، بسیار تیره (مشکی) و جایی در بین آنها (سه سایه خاکستری) است.
من فضانوردان را با استفاده از این پنج سایه رنگ کردم و دوباره رنگ کردم. وقتی راضی شدم، سنگ خاکستری را برای نیل و باز به رنگ قرمز و آبی درآوردم. در زیر یک اسکرین شات سریع از این فرآیند تصویرسازی آمده است:
لندر نیز دوباره طراحی شد:
طراحی را تجربه کنید
چشم انداز اولیه برای مصرف داستان، جریانی از متن و مناظر ثابت ماه بود. سبک متن به صورت ضبط مصاحبه خواهد بود. به آسانی پست کردن مقاله در Medium خواهد بود. اما با تحقق این قطعه، هیجان‌زده شدم و متوجه شدم فرصتی برای خلق تجربه‌ای وجود دارد که کمی هیجان‌انگیزتر بود.
اگر منظره ماه برای بهتر نشان دادن تغییرات بین صحنه ها ثابت بماند چه؟ اگر استایل متن مانند برنامه پیام‌رسانی باشد، چه می‌شود؟ این دیدگاه جدید به من فرصتی داد تا اولین قطعه داستان سرایی متقابل خود را بسازم. در اینجا ماکت ایده اسکرول است:
دست به کار شدم کد نویسی با یادگیری کتابخانه جاوا اسکریپت اسکرولاما راسل گلدنبرگ آغاز شد. من چند توابع ساده برای روشن و خاموش کردن عناصر نوشتم. عکس های کلیدی مایک کالینز را از طریق صفحه نمایش می فرستند. مجموعه ای از سبک های وانیلی پیام ها را حباب می کند. طراحی رنگ و فونت برای دوره مرجع.
ایجاد یک تعاملی سفارشی در را به روی سرگرمی های زیادی باز می کند. من ویدیوها و تصاویر اصلی ناسا را از طریق GIF های جدید که فقط برای این قطعه ساخته شده اند پنهان کرده ام. اگر در اولین خواندن آنها را از دست دادید، به داستان برگردید و روی تصاویر تعبیه شده در مکالمه نگه دارید یا ضربه بزنید.
متن رونوشت هاردکد است که ممکن است بهترین روش نباشد. خوب است که کل رونوشت (نشان داده شده و نه) به عنوان مرجع باشد. یک مجموعه داده مرورگر می تواند خط زمانی و حباب های متن را کنترل کند. اما با وجود تمام تفسیرهای روایی و ماهیت کلی این پروژه های اجتماعی، کدگذاری سخت به اندازه کافی خوب کار می کند.
آه بله، آن حباب ها در جدول زمانی. خط زمانی زیر منظره ماه دایره ای را برای هر پخش رادیویی نشان می دهد. دایره ها بر اساس طول ارسال (تعداد کاراکترها) اندازه می شوند. من تعدادی از اندازه های مختلف کانتینر ستونی را امتحان کردم. در پایان، هر ستون نشان دهنده دو دقیقه است. آن را در زیر با اندازه ظرف پنج دقیقه مقایسه کنید. ببینید تغییر اندازه ظرف چگونه نسبت ابعاد عنصر را تغییر می دهد:
این جدول زمانی حباب برای بینندگان اولیه بسیار گیج کننده بود. آنها آن را دریافت نکردند. در بهترین حالت آنها را از داستان اصلی منحرف کرد. روی گوشی زیاد قابل خواندن نیست.
به کشتن حباب ها فکر می کردم. آیا همچنان یک داستان داده بدون نمودار انتزاعی خواهد بود؟ من اینطور فکر می کنم. اما اینجاست: من حباب ها را دوست دارم. من دوست دارم که چگونه به نظر می رسند و چگونه ترکیب بندی کلی را در یک صفحه بزرگ متعادل می کنند. شاید این یک مورد از dataViz-art بیشتر از تجسم اطلاعات آموزنده باشد. تصمیم گرفتم کمی لجباز باشم. حباب ها باقی خواهند ماند. پس از تکرارهای بیشتر، طراحی جدول زمانی نهایی ظاهر شد. حباب های رنگی برای نمایش های نشان داده شده در داستان. همه چیز خاکستری باقی می ماند و با پیشروی داستان کمی قابل توجه تر می شود:
در پایان داستان، همه رنگ ها به کل سناریو هجوم می آورند. این یک حس تقریبی از اینکه همه چقدر صحبت کرده اند می دهد.
در این مرحله فرصتی برای گسترش داستان به تجسم تعاملی وجود دارد کل رونوشت اما این برای این داستان ضروری نیست. اگر واقعاً می خواهید، راه های بهتر دیگری برای تجربه همه چیز وجود دارد. من معتقدم که ایجاد این کاملاً تعاملی کار بیشتری از ارزش آن خواهد بود.
در عوض، آن را با یک outro کوتاه به پایان می رسد. این به من امکان می دهد چیزهایی را که در طول تحقیقاتم آموخته ام که هرگز نمی دانستم به اشتراک بگذارم. نیل و باز در ماه جشن گرفتند! طرح نقطه چین به نمودار اصلی وضعیت استراحت آنها اشاره دارد:
کد
من همیشه در نظر دارم در مورد پروژه های داستان سرایی داده های جدید از جمله: اینفوگرافیک، انیمیشن، فیلم کوتاه، نقشه های تحلیلی و سایر تجسم داده ها مشاوره کنم. به علاوه ایجاد یک زبان بصری و سایر سیستم های کدگذاری. در مورد کار من برای استخدام بیشتر بدانید و از اینجا تماس بگیرید.
من هم مثل خیلی ها از کودکی مجذوب اکتشافات فضایی بودم. به عنوان یک مهندس جوان، من بسیار خوش شانس بودم که در برخی از آخرین پروازهای شاتل برای ناسا در مرکز فضایی کندی کار کردم. من بیشتر روزها را بیرون از خانه به بازی با اسباب بازی های واقعا بزرگ می گذرانم. این یک ماجراجویی فوق‌العاده بود و بازگشت به داده‌های ناسا برای این داستان بسیار معنی دارد.
Info We Trust (وب‌سایت) یک «ماجراجویی داده‌ای» برنده جوایز است که به بررسی چگونگی انسانی‌سازی بهتر اطلاعات می‌پردازد. داستان سرای داده آر جی اندروز در سانفرانسیسکو مستقر است و نویسنده کتاب است اطلاعاتی که ما به آن اعتماد داریم: چگونه با داده ها به جهان الهام دهیم. لطفا نظر خود را از طریق توییتر به من بگویید @infowetrust یا صفحه تماس
