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

اسکیومورفیزم (Skeuomorphism) چیست؟

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

اسکیومورفیزم (Skeuomorphism) یعنی ساختن عنصر دیجیتال به شکل و شبیه یک شیء واقعی، تا کاربر از پیش بداند با آن چه می‌تواند بکند. سطل زباله برای حذف، دفترچهٔ یادداشت روی کاغذ خط‌دار، دکمه‌ای که برجسته به‌نظر می‌رسد چون فشاردادنی است.

خودِ واژه از یونانی می‌آید: skeuos به‌معنای ظرف یا ابزار، و morphe به‌معنای شکل. ریشهٔ مفهومی‌اش هم در بحث افوردنس است: این ایده که شکلِ یک چیز باید بگوید چه کاری با آن ممکن است.

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

سه لایه که همیشه با هم قاطی می‌شوند

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

• - ۱. لایهٔ سطح: بافت، برجستگی، براقیت، چرمِ دوخت‌خورده، سایه. یادداشت‌های iOS روی کاغذ زرد، رومیزی نمدیِ سبز Game Center، تقویمی با لبهٔ کاغذِ کنده‌شده. این لایه تقریباً کامل رفت.
• - ۲. لایهٔ استعاره: آن شیئی که عنصر ادعا می‌کند هست. سطل زباله برای حذف، سبد خرید برای سفارش، دوربین برای دوربین. این لایه زنده و همه‌جا حاضر است.
• - ۳. لایهٔ رفتار: فیزیکی که از شیء واقعی قرض گرفته شده. کشیدن به‌پایین برای تازه‌سازی، کنار زدن یک کارت، اینرسی و برگشتِ فنری در اسکرول. این لایه نه‌فقط زنده ماند، که رشد کرد.

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

چرا لازم بود، و چرا از مد افتاد

در دههٔ ۱۹۸۰ و با اصرار استیو جابز در اپل، این رویکرد جواب یک مسئلهٔ واقعی بود: کاربرانی که تا آن روز رایانه ندیده بودند باید می‌فهمیدند این چیزها چه کار می‌کنند. پوشه‌ای که شبیه پوشهٔ کاغذی است و سطل زباله‌ای که شبیه سطل زباله است، یک منحنی یادگیریِ ترسناک را قابل‌عبور می‌کردند. نسخه‌های اولیهٔ iOS هم همین منطق را داشتند: دکمه‌های براق، عکس‌هایی با حاشیهٔ سفید مثل عکس چاپی، قفسهٔ چوبی برای کتاب‌ها.

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

چرخش به طراحی تخت را معمولاً با دو نقطه نشان می‌دهند: زبان طراحی Metro مایکروسافت در ویندوز فون (۲۰۱۰) و بعد iOS 7 در ۲۰۱۳ که براقیت و برجستگی را یک‌جا برداشت. آنچه در آن چرخش نرفت، نکتهٔ اصلی همین مقاله است.

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

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

آنچه طراحی تخت نکشت

منبع روی همین تأکید می‌کند: چیزی که باقی ماند «افوردنس ادراک‌شده» بود. آیکون دوربین در iOS 7 دیگر واقع‌نما نبود، اما هنوز دوربین بود. سطل زباله ساده‌تر شد، ولی هنوز سطل زباله بود.

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

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

و بعد طراحی تخت هم زیادی جلو رفت

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

واکنش به این افراط سریع آمد و اسمش «تخت ۲» شد: عمق برگشت، ولی این بار به‌شکل استعارهٔ کاغذ و ارتفاع نه به‌شکل چرم و براقیت. متریال دیزاین گوگل (۲۰۱۴) صریح‌ترین نمونه‌اش بود — سطح‌هایی با ارتفاع مشخص که سایه‌شان از همان ارتفاع می‌آید، نه از تقلید یک شیء.

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

ساعت هوشمند: بازگشتِ آگاهانه

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

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

پس قاعده‌ای که از این پرونده بیرون می‌آید این است: اسکیومورفیزم به‌ازای آشنایی، هزینهٔ سادگی می‌دهد — و این معامله وقتی صرف می‌کند که کاربر مدل ذهنی ندارد. نه در گوشی سال ۲۰۲۵، بلکه در چیزی که کاربر اولین بار است می‌بیند. همین منطق دربارهٔ رابط‌های صوتی و واقعیت افزوده هم امروز برقرار است.

محک: استعاره جای خودش را حق دارد؟

این بخش افزودهٔ مترجم است. قرض‌گرفتن از دنیای واقعی مجانی نیست: با استعاره، بقیهٔ رفتارهای آن شیء هم انتظار می‌شود. چهار پرسش قبل از این قرض:

• - ۱. مرجعش هنوز آشناست؟ فلاپی‌دیسک نیست و آیکونش باز کار می‌کند، چون نماد از شیء عمر بیشتری کرد. این استثناست، نه نقشه.
• - ۲. رفتار را پیش‌بینی می‌کند؟ سبدی که چیز می‌گذارید و برمی‌دارید صادق است؛ سبدی که بی‌خبر اقلام را جابه‌جا می‌کند، دروغی است با تصویر قشنگ.
• - ۳. دسته‌بندی برای کاربر تازه است؟ بیشترین ارزش استعاره همین‌جاست. برای فهرست شماره‌ها کسی استعاره لازم نداشت؛ برای ساعتی که رایانه است، همه لازم داشتند.
• - ۴. یک کلمه بهتر جواب نمی‌دهد؟ «بایگانی» از هر نقاشیِ جعبه‌ای بهتر است. وقتی مفهوم انتزاعی است، تصویر تزئین است و برچسب، خودِ رابط.

پرسش دوم مهم‌ترین است. استعاره‌ای که رفتار را پیش‌بینی نکند از نبودِ استعاره بدتر است، چون وعده‌ای می‌دهد که محصول بعداً می‌شکند — و کاربری که یک بار این وعده را باور کرده، دفعهٔ بعد به هیچ نشانهٔ دیگری هم اعتماد نمی‌کند.

نئومورفیزم: احیایی که نکته را نگرفت

این بخش هم در منبع نیست و ارزش دارد چون درس روشنی دربارهٔ همین بحث می‌دهد. حدود ۲۰۱۹ سبکی به‌نام «نئومورفیزم» یا soft UI باب شد: شکل‌های برجستهٔ نرم، هم‌رنگِ پس‌زمینه، با نور از یک لبه و سایه از لبهٔ دیگر.

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

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

در محصولات فارسی‌زبان

این بخش هم افزودهٔ مترجم است. چند نکته که در بستر ما فرق می‌کند:

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

جمع‌بندی

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

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

و اگر یک جمله بماند: هر استعاره‌ای که قرض می‌گیرید، بقیهٔ رفتارهای آن شیء را هم قرض می‌گیرد. اگر حاضر نیستید آن بقیه را هم تحویل بدهید، بهتر است اصلاً قرض نگیرید.