برو به محتوای اصلی

نوشته زیرخط‌دار (Underlined text) چگونه به بهبود تجربه کاربری کمک می‌کند؟

من کجام؟ اینجا کجاست؟

در استارتاپ ایران می‌تونید در مورد هر موضوعی سوال کنید، به سوالای بقیه جواب بدید و تجرباتتونو به اشتراک بگذارید!

ثمینه حدادی
UX UI Designer at UNSW Sydney

نوشته‌های زیرخط دار چند اهمیت عمده در طراحی کاربری دارند:

۱- یکی از شناخته شده‌ترین و آشناترین قراردادها (Conventions) در دنیای وب برای قابلیت "کلیک کردن" هست. 

۲- یکی از قویترین نشانه‌های بصری که دیده شدن "لینک‌ها" در صفحه را زمانی که کاربر متن و محتوای صفحه رو به سرعت نگاه می‌کند، ضمانت می‌کند. 

۳- زمانی که تنها یک "رنگ" متفاوت برای نشان دادن قابلیت کلیک کردن یک نوشته یا کلمه استفاده میشه، گروهی از کاربرها مانند افراد کور رنگ برای تشخیص لینک‌ها دچار مشکل می‌شوند. مطابق WCAG 2.0 بهتر هست که رنگ تنها نشانه‌ی یک عمل (Action) بالقوه نباشد.

علارقم تمام این مزایا نوشته‌های زیرخط دار می‌تونن تاثیرهای منفی هم روی تجربه کاربری داشته باشد:

۱- نوشته‌های زیرخط دار شلوغی بصری ایجاد میکنه. 

۲- همینطور که در این  مقاله اشاره شده، نوشته‌های زیرخط دار می‌تونه تاثیر منفی بر خوانایی متن داشته باشه. 

در مجموع و به طور خلاصه نکاتی که بایددر استفاده از نوشته‌های زیرخط دار مد نظر داشت:

- بهتر است از نوشته‌های زیر خط دار فقط برای لینک‌ها استفاده بشه.

- سعی کنید عبارت‌های زیرخط دار رو کوتاه نگه دارید.

- این نوع لینک‌ها (Anchor Text) رو عبارت‌های معنی دار انتخاب کنید.

- پیوستگی (Consistency) رو در طراحی و ایجاد این نوع عبارت‌ها رعایت کنید در تمام سایت.

- رنگ نوشته‌های زیرخط دار  (Anchor Text) لزوما نباید آبی باشه، اما همینجور که  Jakob Nielsen 

اشاره می‌کند: "انواع سایه‌های رنگ آبی قوی‌ترین راهنما و سیگنال برای لینک‌ها در صفحه رو فراهم می‌کنند, اما رنگ‌های دیگه هم می‌تونه به خوبی کار کنه" 


۱

سوالات مرتبط

آمار سوال

۰ دنبال‌کننده
۱۰ نمایش
ماه گذشته پرسیده شده
آمار بازدید در این ماه

سوال رو به اشتراک بگذار

قدرت یافته توسط جواب‌کو