اردشیر حکیمی
اردشیر حکیمی
خواندن ۲ دقیقه·۴ سال پیش

استوری‌بورد (Storyboard) چیست؟

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


نمونه‌ای از استوری بورد
نمونه‌ای از استوری بورد


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


کاربرد عمده استوری بورد در صنعت سینما و برای دکوپاژ فیلمنامه و پلان‌بندی فیلمبرداری بوده است.
کاربرد عمده استوری بورد در صنعت سینما و برای دکوپاژ فیلمنامه و پلان‌بندی فیلمبرداری بوده است.


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

از معروف‌ترین نمونه‌های کمیک‌استریپ، مجموعه کتاب‌های ماجراهای تن تن است.
از معروف‌ترین نمونه‌های کمیک‌استریپ، مجموعه کتاب‌های ماجراهای تن تن است.


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

نمایش الگوریتم استفاده از یک محصول با کمک استوری بورد
نمایش الگوریتم استفاده از یک محصول با کمک استوری بورد


دو روش آسان برای تهیه استوری بورد

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


سایت StoryboardThat
سایت StoryboardThat


تهیه استوری بورد در سایت StoryboardThat. انواع کاراکترهای آماده و اشیا و نماهای داخلی و خارجی در این سایت به صورت آماده وجود دارند و فقط باید drag & drop  شوند.
تهیه استوری بورد در سایت StoryboardThat. انواع کاراکترهای آماده و اشیا و نماهای داخلی و خارجی در این سایت به صورت آماده وجود دارند و فقط باید drag & drop شوند.



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


الگوهای آماده SAP AppHaus
الگوهای آماده SAP AppHaus


پروژه طراحی خدمات (service design) برای سازمان تامین اجتماعی، شهر هایدلبرگ آلمان، نمونه‌ای از پروژه‌هایی است که با این روش انجام شده است.

پروژه طراحی خدمات برای سازمان تامین اجتماعی، شهر هایدلبرگ، آلمان
پروژه طراحی خدمات برای سازمان تامین اجتماعی، شهر هایدلبرگ، آلمان


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





استوری بوردطراحی uxطراحی محصولتجربه کاربری
فوق دکترا طراحی صنعتی ‏www.researchgate.net/profile/Ardeshir-Hakimi
شاید از این پست‌ها خوشتان بیاید