Body Text | متن بدنه

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

متن بدنه چیست و چه نقشی دارد

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

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

چه چیزهایی خوانایی را می‌سازند

خوانایی حاصل چند تصمیم هم‌زمان است و هیچ عامل تنها تعیین‌کننده نیست. اندازه نقطه شروع است: در رابط‌های وب معمولاً حدود ۱۵ تا ۱۸ پیکسل راحت خوانده می‌شود و ۱۶ پیکسل پیش‌فرض بسیاری مرورگرهاست. متن کوچک‌تر از ۱۴ پیکسل برای بسیاری افراد به‌ویژه روی نمایشگر کم‌رزولوشن یا نور نامناسب دشوار می‌شود. در راهنمای اپل، اندازه پیش‌فرض متن بدنه آیفون حدود ۱۷ پوینت است چون دستگاه نزدیک‌تر نگه داشته می‌شود.

ارتفاع خط به اندازه خود حروف مهم است. راهنمای رایج برای متن بدنه حدود ۱٫۴ تا ۱٫۶ برابر اندازه قلم است. ارتفاع خیلی تنگ متن را خفه و متراکم می‌کند؛ خیلی باز پیگیری از انتهای یک سطر به ابتدای سطر بعد را سخت می‌کند. طول سطر نیز ریتم خواندن را مستقیم عوض می‌کند: اجماع متخصصان و پژوهش معمولاً حدود ۵۰ تا ۷۵ نویسه در هر سطر را برای ریتم راحت پیشنهاد می‌کند. سطر کوتاه بازگشت چشم زیاد می‌خواهد؛ سطر خیلی بلند جای خواننده را گم می‌کند. برای همین محصولات خواندنی مثل مقالات متوسط، ستون محتوا را حتی در صفحه عریض محدود می‌کنند.

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

پیوند متن بدنه با سلسله‌مراتب بصری

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

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

متن بدنه دسترس‌پذیر چه شکلی است

الزامات دسترسی برای متن بدنه مشخص و قابل اندازه‌گیری‌اند. WCAG برای متن عادی حداقل کنتراست ۴٫۵ به ۱ با پس‌زمینه می‌خواهد؛ برای متن بزرگ تعریف‌شده آستانه ۳ به ۱ است. این‌ها کف‌اند نه هدف آرمانی؛ کنتراست بالاتر برای کم‌بینایان، نور شدید محیط و نمایشگر ضعیف بهتر است. متن باید تا ۲۰۰ درصد بدون از دست رفتن محتوا یا کارکرد قابل بزرگ‌نمایی باشد؛ واحدهای نسبی مثل rem این را ممکن می‌کنند و پیکسل ثابت که زوم را می‌شکند معیار را نقض می‌کند.

پشتیبانی Dynamic Type در iOS و مقیاس متن در اندروید یعنی چیدمان وقتی متن از فرض طراحی بزرگ‌تر شد نشکند: بدون برش، سرریز یا هم‌پوشانی. رنگ نباید تنها حامل معنا باشد؛ پاراگرافی که فقط با قرمز هشدار می‌دهد برای کوررنگی قرمز-سبز پیام ندارد. معنا باید در واژه‌ها هم بیان شود.

صدای برند، لحن و انتخاب حروف

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

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

بدنه در UI محصول در برابر متن تحریریه‌ای

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

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

موبایل، دسکتاپ و آزمون عملی

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

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

جمع‌بندی برای تیم‌های طراحی و محتوا

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