سپنتا پویا — طراح محصول

آزمون باستان‌شناسی محدودیت برای قراردادهای ارثی طراحی
منبع: بنیاد طراحی تعامل (IxDF) · بازنویسی آزاد: سپنتا پویا · شهریور ۱۴۰۵ · زمان مطالعه: حدود ۱۴ دقیقه

تاریخ طراحی (Design History) چیست؟

💡 این متن «بازنویسی آزاد» است: ایده‌ها و مفاهیم مطلب اصلی با نگارش کاملاً مستقل فارسی و مثال‌های تازه بازگو شده‌اند و ترجمهٔ کلمه‌به‌کلمه نیست. بخش‌های افزودهٔ مترجم در جعبهٔ منبع مشخص شده‌اند.

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

این نوشته اول روایت منبع را می‌سازد، و بعد یک آزمون عملی می‌دهد که تاریخ را از تزئین به شاهد تبدیل می‌کند — و در پایان، به سنت بصری‌ای می‌پردازد که در هیچ‌کدام از این تاریخ‌ها نیست.

تعریف

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

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

منبع جملهٔ L.P. Hartley را نقل می‌کند: «گذشته کشور بیگانه‌ای است؛ کارها را آنجا جور دیگری می‌کنند» — و نکته‌اش این است که همین بیگانگی، منبع اطلاعات است، نه بهانهٔ بی‌اعتنایی.

پنج فایده‌ای که منبع می‌شمارد

  • - ۱. فهم ریشه‌های کاربردپذیری: از ابزارهای ارگونومیک تمدن‌های نخستین تا استاندارد‌سازی انقلاب صناعتی. و پیوند مستقیمش را خوب می‌گوید: اصول ارگونومی طراحی صناعتی — جا‌شدن در دست، فاصلهٔ دسترسی، کارایی انجام کار — عیناً به مفاهیم دیجیتال ترجمه می‌شوند: اندازهٔ هدف لمسی و عمق منو.
  • - ۲. تشخیص الگوهای ماندگار: بیشتر قراردادهای صفحه از طراحی گرافیک و معماری آمده‌اند. و تفکیک درستی می‌گذارد: طراحی هنر نیست، چون هدف کارکردی جدایشان می‌کند. شبکه‌های سبک سوئیسی هنوز زیر چیدمان‌های واکنش‌گرا نشسته‌اند و کمینه‌گرایی باهاوس هنوز به رابط دیجیتال جهت می‌دهد.
  • - ۳. آموختن از شکست‌های گذشته: تاریخ پر از محصولات بیش‌مهندسی‌شده‌ای است که نیاز انسانی را نادیده گرفتند؛ فهم علت شکستشان توان نقد و پالایش طراح را تیز می‌کند.
  • - ۴. اتصال به روایت‌های فرهنگی بزرگ‌تر: طراحی همیشه اولویت‌های اجتماعی را بازتاب داده — کارایی پس از جنگ، خوش‌بینی دههٔ شصت، مردمی‌شدن دیجیتال. و نمونهٔ امروزی‌اش: دسترس‌پذیری و شامل‌بودن، که ریشه‌اش در اصول طراحی همه‌شمول پیشین است و امروز در بسیاری از قوانین الزام حقوقی شده.
  • - ۵. گسترش واژگان طراحی: دانستن سابقهٔ تاریخی، انتقال ایده به همکار و ذی‌نفع را روشن‌تر می‌کند؛ مثلاً گفتن «از شبکهٔ سبک سوئیسی استفاده می‌کنیم» هم قصد بصری را می‌رساند و هم قصد کاربردپذیری را.

شش دوره، با عینک تجربه کاربری

  • - پیش‌صناعتی — صنعتگری کارکردی: هیروگلیف مصری میان خوانایی و نمادگرایی تعادل می‌ساخت (قرینهٔ آیکون‌نگاری امروز)، و چیدمان طومارهای چینی با ریتم و ضرباهنگ، جریان‌های عمودی دیجیتال را پیش‌بینی می‌کرد. درس: سلسله‌مراتب و روشنی و سواد فرهنگی همیشه تجربه را ساخته‌اند — روی پاپیروس یا پیکسل.
  • - انقلاب صناعتی (سدهٔ ۱۸ و ۱۹): تولید انبوه، اجزای استاندارد و حروف‌چینی استاندارد را لازم کرد و طراحی صناعتی به‌عنوان حرفه، عوامل انسانی را در ابزار و ماشین جدی گرفت — نسخهٔ نخستین مهندسی کاربردپذیری. قرینه‌اش: طراحی برای تکرارپذیری = کتابخانهٔ مؤلفه و سیستم طراحی؛ و سلسله‌مراتب حروف‌چینی آگهی‌های اولیه = معماری اطلاعات.
  • - اوایل سدهٔ بیستم — مدرنیسم و کارکرد: باهاوس (۱۹۱۹–۱۹۳۳) تزئین را رد کرد و هنر و صنعت و فناوری را یکی کرد؛ کارکرد و هندسهٔ ساده و استاندارد‌سازی‌اش پایهٔ کمینه‌گرایی رابط شد. دِ استیل (۱۹۱۷–۱۹۳۱) طراحی را به شکل‌های بنیادی و رنگ‌های اصلی تقلیل داد، و روشنی‌اش هنوز به داشبورد و چیدمان پودمانی جهت می‌دهد — با این درس که رنگ می‌تواند نشانهٔ ساختار باشد، نه تزئین.
  • - میانهٔ سدهٔ بیستم — تفکر سیستمی: سبک سوئیسی با شبکه و حروف بی‌سریف و عینیت؛ نظام‌های هویت شرکتی (نمونه‌هایش IBM و Lufthansa) که نشان دادند یکدستی اعتماد می‌سازد؛ و پژوهش ارگونومی که کنترل‌های فیزیکی را شکل داد و به رابط‌های نخستین رسید. قرینه‌ها: شبکهٔ سوئیسی = چارچوب واکنش‌گرا · هویت شرکتی = یکدستی مؤلفه‌ها · ارگونومی = جای دکمه و ناحیهٔ راحت انگشت.
  • - اواخر سدهٔ بیستم — تعامل انسان و رایانه: کار Xerox PARC رابط گرافیکی را آورد و الگوی WIMP (پنجره، آیکون، منو، اشاره‌گر) را ساخت که اپل و مایکروسافت همه‌گیرش کردند. مکینتاش ۱۹۸۴ آشناسازی مهربان را با آیکون و استعاره در اولویت گذاشت (میزکار، سطل زباله)، و کتاب دان نورمن در ۱۹۸۸ افوردنس و بازخورد و مدل ذهنی را صورت‌بندی کرد و کاربردپذیری را به آگاهی عمومی رساند.
  • - اوایل سدهٔ بیست‌ویکم — تجربه کاربری به‌عنوان رشته: اصطلاح «تجربه کاربری» در اواخر دههٔ نود با دان نورمن همه‌گیر شد (او نخستین کسی بود که «UX» در عنوان شغلی‌اش آمد) و در دههٔ ۲۰۰۰ به حرفه‌ای رسمی تبدیل شد که پژوهش و طراحی تعامل و معماری اطلاعات را در بر می‌گیرد.

باستان‌شناسی محدودیت

این بخش افزودهٔ مترجم است، و پاسخی است به این سؤال که تاریخ عملاً چه کاری برای شما می‌کند.

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

آزمونش سه‌مرحله‌ای است و روی هر قرارداد ارثی جواب می‌دهد: محدودیت را نام ببر · بپرس هنوز زنده است؟ · سه حالت خروجی.

  • - محدودیت زنده است: قرارداد را نگه دار، و حالا دلیلش را هم داری. ناحیهٔ راحت انگشت که منبع از ارگونومی می‌آوردش، محدودیت زنده است — دست آدم بزرگ‌تر نشده.
  • - محدودیت مرده، عادت ارزشمند: نگه دار، ولی بدان که دلبخواه است. آیکون ذخیره به‌شکل فلاپی‌دیسک، محدودیتش سی سال پیش مرده؛ ولی چون میلیون‌ها نفر یادش گرفته‌اند، عوض‌کردنش هزینه دارد. این دانستن مهم است: از این به بعد این یک قرارداد است، نه یک اصل — و در محصول تازه برای کاربر تازه، الزامی نیست.
  • - محدودیت مرده، عادت پرهزینه: بکش. منوی همبرگری زیر محدودیت صفحه‌های باریک اولیه زاده شد؛ روی صفحهٔ بزرگ امروز، همان الگو یک لایه پیمایش را بی‌دلیل پنهان می‌کند.

و شبه‌واقع‌گرایی نمونهٔ کامل هر سه حالت است: استعارهٔ میزکار و سطل زباله در ۱۹۸۴ محدودیت زنده داشت (کاربری که هرگز رایانه ندیده بود)، امروز برای بخشی از کاربران عادتی ارزشمند است، و برای نسلی که اول موبایل را دیده، صرفاً تزئین است.

درس تاریخ «نکن» نیست؛ «شرطش چیست» است

درس زمان‌بندی: شرط لازم به‌جای ممنوعیت
نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

این بخش هم افزودهٔ مترجم است، و فایدهٔ سوم منبع را تصحیح می‌کند.

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

و ایراد دوم مهم‌تر است: یک طرح می‌تواند در ۱۹۹۸ شکست بخورد و در ۲۰۲۶ موفق شود، بی آنکه خودش عوض شده باشد. چیزی که عوض شده، شرط لازمش است. رایانهٔ لوحی دو دهه شکست خورد تا صفحهٔ لمسی خازنی و باتری و شبکه رسیدند. تماس تصویری از دههٔ شصت آزموده شد و هر بار مرد، تا پهنای باند ارزان شد.

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

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

در بافت فارسی: سنت بصری‌ای که در این تاریخ نیست

سه ابزار قابل استخراج از سنت بصری ایرانی و یک هشدار
نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

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

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

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

سه: حاشیه، جای دومِ محتواست، نه فضای خالی. در نسخه‌های خطی، حاشیه محل شرح و ارجاع و افزودهٔ خواننده بود — یعنی یک لایهٔ اطلاعاتی دوم، با سلسله‌مراتب مشخص خودش. این الگو مستقیماً به مسئلهٔ امروزی «کجا توضیح، ارجاع و فرادادهٔ کم‌اهمیت‌تر را بگذاریم» جواب می‌دهد — و از راه‌حل رایج (پنهان‌کردن همه‌چیز زیر آیکون علامت سؤال) بهتر است.

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

جمع‌بندی

  • - تاریخ طراحی، مطالعهٔ شکل‌دادن انسان به اشیا و نظام‌ها و محیط‌هاست؛ و کارکردش این است که نشان می‌دهد طراحی خوب در خلأ اتفاق نمی‌افتد.
  • - منبع پنج فایده می‌شمارد (ریشه‌های کاربردپذیری، الگوهای ماندگار، آموختن از شکست، روایت فرهنگی، واژگان) و شش دوره را با قرینهٔ امروزی‌شان می‌آورد — از هیروگلیف تا WIMP و تولد رشتهٔ تجربه کاربری.
  • - اما کار عملی تاریخ یکی است: گفتن اینکه کدام محدودیت یک قرارداد را ساخته. آزمونش سه خروجی دارد: محدودیت زنده (نگه دار) · محدودیت مرده و عادت ارزشمند (نگه دار، ولی بدان دلبخواه است) · محدودیت مرده و عادت پرهزینه (بکش).
  • - و درس شکست‌های گذشته را باید تصحیح کرد: سوگیری بازمانده فقط شکست‌های پرصدا را به یاد می‌آورد، و یک طرح می‌تواند بی تغییر خودش، بعداً موفق شود چون شرط لازمش عوض شده.
  • - پس شکل درست درس تاریخ «این کار را نکن» نیست، «این کار به فلان شرط نیاز دارد» است — و پیش از رد‌کردن یک ایده با استناد به سابقه، آن شرط را نام ببرید.
  • - و این تاریخ یک جای خالی دارد: سنت بصری خودمان. سه چیز قابل‌استخراج: گره‌سازی به‌عنوان نظام پودمانی (پس شبکهٔ سوئیسی انتخاب است نه پیش‌فرض) · سلسله‌مراتب با قلم و اندازه و کادر، نه با وزن · و حاشیه به‌عنوان لایهٔ دوم محتوا.
  • - با یک قاعدهٔ سخت: نظام را قرض بگیرید، نه نقش‌مایه را.

منبع

این نوشته «بازنویسی آزاد» است از مطلب What is Design History? در وب‌سایت بنیاد طراحی تعامل (Interaction Design Foundation — IxDF؛ بدون نام نویسندهٔ مشخص). مفاهیم پایه — تعریف تاریخ طراحی به‌عنوان مطالعهٔ شکل‌دادن مردم به اشیا و نظام‌ها و محیط‌ها از ابزارهای نخستین تا رابط‌های دیجیتال، گزارهٔ «طراحی خوب در خلأ اتفاق نمی‌افتد» و اینکه تاریخ طراحی بیش از سیاههٔ سبک‌ها و منبعی زنده است، نقل‌قول L.P. Hartley، پنج فایدهٔ برشمرده (فهم ریشه‌های کاربردپذیری با پیوند اصول ارگونومی صناعتی به اندازهٔ هدف لمسی و عمق منو، تشخیص الگوهای ماندگار با ریشه‌یابی قراردادهای صفحه در طراحی گرافیک و معماری و تفکیک «طراحی هنر نیست»، آموختن از شکست محصولات بیش‌مهندسی‌شده، اتصال به روایت‌های فرهنگی و ریشهٔ دسترس‌پذیری در طراحی همه‌شمول، و گسترش واژگان با نمونهٔ «شبکهٔ سبک سوئیسی»)، و شش دورهٔ تاریخی با قرینه‌های تجربه کاربری‌شان (پیش‌صناعتی با هیروگلیف مصری و تعادل خوانایی و نمادگرایی و چیدمان طومار چینی و درس سلسله‌مراتب و روشنی و سواد فرهنگی؛ انقلاب صناعتی با اجزای استاندارد و رشد طراحی صناعتی به‌عنوان نسخهٔ نخستین مهندسی کاربردپذیری و قرینه‌های تکرارپذیری و سلسله‌مراتب حروف‌چینی؛ اوایل سدهٔ بیستم با باهاوس ۱۹۱۹–۱۹۳۳ و رد تزئین و دِ استیل ۱۹۱۷–۱۹۳۱ و رنگ به‌عنوان نشانهٔ ساختاری؛ میانهٔ سده با سبک سوئیسی و نظام‌های هویت شرکتی IBM و Lufthansa و پژوهش ارگونومی و قرینه‌های چارچوب واکنش‌گرا و یکدستی مؤلفه و جای دکمه و ناحیهٔ راحت انگشت؛ اواخر سده با Xerox PARC و الگوی WIMP و مکینتاش ۱۹۸۴ و استعاره‌های میزکار و سطل زباله و کتاب ۱۹۸۸ دان نورمن و صورت‌بندی افوردنس و بازخورد و مدل ذهنی؛ و اوایل سدهٔ بیست‌ویکم با همه‌گیر‌شدن اصطلاح تجربه کاربری و نقش دان نورمن و رسمی‌شدن حرفه) — از این منبع گرفته شده. متن فارسی، ساختار بخش‌ها و همهٔ تحلیل‌ها کاملاً مستقل نوشته شده‌اند.

متن مقالهٔ اصلی تحت هیچ لایسنس بازی منتشر نشده است؛ به همین دلیل اینجا ترجمهٔ کلمه‌به‌کلمه ارائه نشده و متن کامل انگلیسی (به‌همراه همهٔ تصاویر و ویدیوها) در لینک زیر در دسترس است.

بخش‌های افزودهٔ مترجم: صورت‌بندی آغازین دربارهٔ دو مصرف بی‌مصرف تاریخ طراحی (فهرست نام‌ها برای جلسه، و موزهٔ چیزهای قدیمی)؛ کل بخش «باستان‌شناسی محدودیت» شامل نقد فایدهٔ پنجم منبع به‌عنوان پرکاربردترین و کم‌ارزش‌ترین استفاده، صورت‌بندی تنها کار عملیاتی تاریخ («کدام محدودیت این قرارداد را ساخته»)، آزمون سه‌مرحله‌ای و سه حالت خروجی‌اش (محدودیت زنده، محدودیت مردهٔ با عادت ارزشمند و تأکید بر دلبخواه‌بودنش، محدودیت مردهٔ با عادت پرهزینه) با نمونه‌های ناحیهٔ راحت انگشت و آیکون فلاپی و منوی همبرگری، و خواندن شبه‌واقع‌گرایی به‌عنوان نمونهٔ هر سه حالت؛ کل بخش «شرط لازم» شامل نقد فایدهٔ سوم منبع با سوگیری بازمانده و بی‌صدا‌بودن آموزنده‌ترین شکست‌ها، گزارهٔ اینکه یک طرح می‌تواند بی تغییر خودش بعداً موفق شود چون شرط لازمش عوض شده با نمونه‌های رایانهٔ لوحی و تماس تصویری، بازنویسی شکل درس تاریخ از «نکن» به «شرطش چیست»، قاعدهٔ نام‌بردن شرط محقق‌نشده پیش از رد‌کردن یک ایده، و صورت وارونه‌اش دربارهٔ انقضای بی‌خبرِ قراردادهای امروزی با آمدن دستگاه‌های تازه؛ و کل بخش بافت فارسی شامل تشخیص جای خالی سنت بصری ایرانی در روایت منبع، خواندن گره‌سازی و کاشی‌کاری به‌عنوان نظام پودمانی و نتیجه‌گیری «شبکهٔ سوئیسی انتخاب است نه پیش‌فرض»، تحلیل ساخته‌نشدن سلسله‌مراتب فارسی با وزن و سه ابزار جانشین سنت نسخه‌نویسی (انتخاب قلم به‌عنوان نشانهٔ معنایی با نمونهٔ ثلث و نسخ و نستعلیق، اندازه و فاصله، و کادر و حاشیه) به‌همراه دلیل خطی‌اش، خواندن حاشیه به‌عنوان لایهٔ دوم محتوا و کاربردش برای مسئلهٔ امروزی جای‌دادن توضیح و فراداده، و هشدار «نظام را قرض بگیرید نه نقش‌مایه را».

تصاویر: هر سه نمودار این صفحه طراحی مستقل مترجم است. تصاویر نسخهٔ اصلی شامل یک نمای Apple با اجازهٔ استفادهٔ منصفانه، دو عکس از Pexels و یک تصویر CC BY-SA 4.0 از خودِ بنیاد است؛ چون کل تصاویر این مجموعه بازطراحی شده‌اند، هیچ‌کدام اینجا بازتولید نشده و در مطلب اصلی قابل مشاهده‌اند.

مشاهدهٔ مقالهٔ اصلی
سپنتا پویا

مترجم: سپنتا پویا

طراح ارشد محصول. مقالات تخصصی UI/UX را با حفظ ساختار و لحن نسخهٔ اصلی به فارسی برمی‌گردانم.

دربارهٔ من

در این مقاله

  • - تعریف
  • - پنج فایده
  • - شش دوره
  • - باستان‌شناسی محدودیت
  • - شرط لازم
  • - سنت بصری فارسی

برچسب‌ها

  • تاریخ طراحی
  • باهاوس
  • تایپوگرافی فارسی
  • UX
  • ترجمه