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

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

 

آیا از ثمینه حدادی سوال دارید؟

همین الآن عضو شو و به صورت ناشناس یا عمومی سوالتو از ثمینه حدادی بپرس!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

اگرچه اکثر نرم افزارهای طراحی کاربری تا حدودی این امکان رو دارن, ولی برخی از نرم افزارها به صورت ویژه روی Animated UI تمرکز دارن. از جمله: Principle, Flinto, Adobe Animate و Framer JS. 

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

از جمله پر طرفدارترین ابزارهای روز برای طراحی تعاملی (Interactive) تجربه کاربری موارد زیر هست:

- Adobe XD :

که اگرچه زیاد از عمرش نمیگذره ولی طرفدارای زیادی داره و رایگان هم هست!  "Repaet Grid" یکی از مهمترین ویژگی های این نرم افزار هست که کار طراحی رو سرعت می بخشد.

- Axure RP:

ساپورت کامل برای Prototype و Wireframe داره و ابزار مورد علاقه طراحان حرفه ای (و صبور!) هست.

- Justinmind:

اگرچه خیلی مشابه Axure هست, ولی کار کردن با این نرم افزار ساده تر از Axure هست از این جهت که به طور مثال نیاز به دانلود کردن Widget های زیادی ندارید.

-UXpin:

یک نرم افزار پرطرفدار طراح کاربری آنلاین هست. کاربران این نرم افزار نیاز به دانش کد نویسی زیادی ندارن و خیلی مناسب طراحان تازه کار هست. از ویژگی های اصلی این نرم افزار: امکان طراحی تعاملات و انیمیشن های پیش رفته, responsive breakpoints, CSS styling هست. 

-Flinto:

بسیار عالی برای طراحی و نمایش "Transitions" هست در طراحی کاربری. 

Marvel:

یک نرم افزار عالی برای مبتدی ها در طراحی کاربری هست. 

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

رسیدیم به آخرش!