تجربه کاربری

طراحی محصول دیجیتال چیست و چه فرقی با طراحی صنعتی دارد؟

طراحی محصول دیجیتال یعنی ساختن اپلیکیشن و سرویسی که مسئله‌ی واقعی کاربر را حل کند و مدام بهتر شود. این‌جا تفاوتش با طراحی صنعتی را با مثال و معیار روشن می‌بینید.

۱۵ آبان ۱۴۰۵۹ دقیقه مطالعه

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

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

طراحی محصول دیجیتال چیست؟ تعریفی که در کار واقعی به درد می‌خورد

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

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

سه پرسشی که طراح محصول دیجیتال همیشه می‌پرسد

  • مطلوبیت (Desirability): آیا کاربر واقعاً این را می‌خواهد و مشکلش را حل می‌کند؟
  • امکان‌پذیری (Feasibility): آیا تیم فنی با زمان و منابع موجود می‌تواند آن را بسازد؟
  • دوام‌پذیری (Viability): آیا این راه‌حل برای کسب‌وکار درآمد، صرفه‌جویی یا مزیت رقابتی می‌سازد؟

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

طراحی صنعتی چیست و طراح صنعتی چه می‌کند؟

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

طراح صنعتی با فرم، ارگونومی (تناسب شیء با بدن انسان)، مواد، رنگ و پرداخت سطح و فرایند تولید سروکار دارد. او باید بداند قطعه با قالب‌گیری تزریقی ساخته می‌شود یا با ورق‌کاری، کجا خط جدایش قالب می‌افتد و هر تصمیم چقدر به هزینه‌ی تولید اضافه می‌کند. ابزارهای رایجش نرم‌افزارهای مدل‌سازی سه‌بعدی و رندر مثل Rhino، SolidWorks و KeyShot و البته طراحی دستی و ساخت ماکت است.

تفاوت طراحی محصول دیجیتال و طراحی صنعتی در هشت محور

ذهنیت هر دو رشته انسان‌محور است، اما شرایط کار آن‌قدر فرق دارد که روش کار را هم عوض می‌کند. این هشت محور تفاوت را دقیق‌تر نشان می‌دهند:

  • ماده‌ی کار: طراح صنعتی با پلاستیک، فلز، چوب و پارچه کار می‌کند؛ طراح محصول دیجیتال با پیکسل، متن، تعامل و داده.
  • هزینه‌ی تغییر: اصلاح یک قالب تولید ممکن است ماه‌ها و هزینه‌ی زیاد بخواهد؛ اصلاح یک دکمه در اپلیکیشن گاهی در یک چرخه‌ی انتشار انجام می‌شود.
  • چرخه‌ی عمر: محصول فیزیکی معمولاً یک بار «تمام» می‌شود و نسخه‌ی بعدی سال‌ها بعد می‌آید؛ محصول دیجیتال هیچ‌وقت تمام نمی‌شود و نسخه‌به‌نسخه رشد می‌کند.
  • سنجش: طراح صنعتی بیشتر به تست میدانی، نمونه‌ی اولیه و بازخورد فروش تکیه می‌کند؛ طراح دیجیتال می‌تواند رفتار کاربر را با آنالیتیکس، هیت‌مپ و آزمون A/B تقریباً هم‌زمان ببیند.
  • محدودیت‌ها: در طراحی صنعتی قوانین فیزیک، استحکام و ایمنی تعیین‌کننده‌اند؛ در طراحی دیجیتال، اندازه‌ی صفحه، سرعت اینترنت، محدودیت‌های پلتفرم (iOS، اندروید، وب) و دسترس‌پذیری.
  • شخصی‌سازی: همه‌ی خریداران یک کتری، دقیقاً یک شیء را می‌گیرند؛ اما دو کاربر یک اپلیکیشن می‌توانند محتوا، زبان و حتی جریان متفاوتی ببینند.
  • هم‌تیمی‌ها: طراح صنعتی با مهندس مکانیک، تولید و تأمین کار می‌کند؛ طراح محصول دیجیتال با مدیر محصول، برنامه‌نویس، پژوهشگر و تحلیلگر داده.
  • خروجی: خروجی طراح صنعتی نقشه‌ی فنی، فایل سه‌بعدی و نمونه‌ی اولیه است؛ خروجی طراح دیجیتال فایل طراحی، پروتوتایپ تعاملی، مشخصات کامپوننت‌ها و مستندات تحویل به برنامه‌نویس.

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

نقاط مشترک: چرا طراحان صنعتی در محصول دیجیتال موفق می‌شوند

با همه‌ی این تفاوت‌ها، پایه‌ی هر دو رشته یکی است: فهم انسان و طراحی برای استفاده، نه برای نمایش. مفهوم «نشانه‌ی کاربری» (Affordance)، یعنی این‌که شکل یک چیز بگوید با آن چه کار کنیم، اول درباره‌ی اشیای فیزیکی مطرح شد و بعد به زبان طراحی رابط کاربری راه پیدا کرد. دستگیره‌ای که می‌گوید «بکش» و دکمه‌ای که می‌گوید «بزن» از یک منطق پیروی می‌کنند.

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

«کمتر، اما بهتر.» — دیتر رامز (Weniger, aber besser)

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

یک مثال: کارت‌خوان فروشگاهی از دو زاویه

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

سهم طراح صنعتی

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

سهم طراح محصول دیجیتال

  • جریان پرداخت: وارد کردن مبلغ، کشیدن کارت، رمز، تأیید و چاپ رسید با کمترین قدم ممکن.
  • پیام‌های خطا که بگویند دقیقاً چه شده است؛ «موجودی کافی نیست» با «خطای ارتباط با بانک» فرق دارد و راه‌حل متفاوتی می‌خواهد.
  • نمایش مبلغ با جداکننده‌ی هزارگان و واحد پول روشن، تا مشتری مبلغ را پیش از وارد کردن رمز درست ببیند.
  • پنل وب فروشنده برای دیدن گزارش تراکنش‌ها و تسویه.

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

از طراحی صنعتی به طراحی محصول دیجیتال؛ چه چیزی را باید اضافه کنید؟

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

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

برای این‌که این مسیر را مرحله‌بندی کنید، نقشه راه یادگیری UI/UX ترتیب منطقی یادگیری را نشان می‌دهد. پیشنهاد عملی ما این است که پروژه‌ی پایان‌نامه یا یکی از محصولات صنعتی‌تان را انتخاب کنید و برایش یک تجربه‌ی دیجیتال مکمل طراحی کنید؛ مثلاً اپلیکیشن کنترل یک وسیله‌ی خانگی. چنین پروژه‌ای در مصاحبه هم پل خوبی بین گذشته و آینده‌ی شغلی‌تان می‌سازد.

سوالات متداول

طراحی محصول دیجیتال همان طراحی UI/UX است؟

تقریباً، ولی دامنه‌اش وسیع‌تر است. طراح محصول علاوه بر تجربه کاربری و رابط کاربری، در تعریف مسئله، اولویت‌بندی و سنجش اثر طراحی روی اهداف کسب‌وکار هم نقش دارد.

برای ورود به طراحی محصول دیجیتال باید طراحی صنعتی خوانده باشم؟

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

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

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

طراح صنعتی می‌تواند هم‌زمان در هر دو حوزه کار کند؟

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

حرف آخر: رشته مهم است، ذهنیت مهم‌تر

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

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

این مسیر را جدی‌تر ادامه بدهید

اگر این مقاله برایتان مفید بود، دوره‌های تخصصی دایره قدم بعدی است.

مشاهده دوره‌ها
۱۶ آبان ۱۴۰۵

دیزاین توکن چیست؛ زبان مشترک طراح و برنامه‌نویس

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

مشاهده بیشتر
۱۴ آبان ۱۴۰۵

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

برای استفاده از فونت فارسی در فیگما کافی است فونت را روی سیستم نصب کنید یا از فونت‌های آماده‌ی خود فیگما استفاده کنید؛ بخش سخت‌تر، تنظیم جهت متن، اعداد فارسی و هماهنگی فونت در تیم است.

مشاهده بیشتر
۱۳ آبان ۱۴۰۵

پرسونا در UX چیست و چطور یک پرسونای واقعی بنویسیم؟

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

مشاهده بیشتر
۱۲ آبان ۱۴۰۵

حقوق و درآمد طراح UI/UX در ایران؛ از جونیور تا سنیور

حقوق طراح UI/UX در ایران به سطح تجربه، شهر و نوع شرکت بستگی دارد. در این مطلب عددهای گزارش حقوق ۱۴۰۵ را سطح‌به‌سطح می‌خوانیم و می‌بینیم چه چیزی درآمد شما را بالا می‌برد.

مشاهده بیشتر