شما اینجا هستید: خانه » تایپوگرافی » تایپوگرافی، موثرترین بخش در تجربه کاربری

تایپوگرافی، موثرترین بخش در تجربه کاربری

۱۰ نکته مهم تایپوگرافی در طراحی سایت

وقتی کاربر وارد وبسایت می شود اینکه بتواند با وبسایت ارتباط برقرار کند نکته ای حیاتی است.

چیزی که باعث می شود کاربر وارد وبسایت شود محتوای وبسایت است و چیزی که مستقیما روی حس کاربر به وبسایت اثر می گذارد، هنر و فن حروف نگاری، چیدمان حروف، زبان تصویری متن یا همان تایپوگرافی است.

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

همانطور که (ریک اشتاینشتاین) در مقاله خود در زمینه طراحی وبسایت می گوید: “۹۵% طراحی وب سایت تایپوگرافی است.”

بهینه بودن تایپوگرافی باعث بهینه شدن تجربه کاربری می شود.

در این مطلب مجموعه قوانینی بیان شده که خوانایی محتوای متن یا تایپوگرافی را بهبود می دهد:

۱- تنوع فونت ها حداقل باشد

استفاده بیش از ۳ نوع فونت طراحی وبسایت را غیر حرفه ای می کند.

به طور کلی، تعداد خانواده های فونت (font family) را محدود کنید. اگر از بیش از یک فونت استفاده می کنید،دقت کنید که استایل فونت ها همخوانی داشته باشند.

typography-1

۲- از فونت های استاندارد استفاده کنید

در تجربه کاربری استفاده از فونت های استاندارد که کاربران با آن آشنا هستند سرعت خواندن متن را بالا می برد.

۳- رعایت طول خطوط

تعداد مناسب کاراکتر در هر خط کلید خوانایی متن شماست.پس بهتر است در هر خط حدود ۶۰ کاراکتر وجود داشته باشد.

typography-3

۴- انتخاب تایپ فیس(typeface) یا فونت مناسب

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

۵- استفاده از فونت هایی که حروف مختلف در آن شبیه هم نباشد

در بسیاری از تایپ فیس ها حروف مشابه مثل”i ” و “L”(همانطور که در تصویر زیر دیده می شود) به سختی قابل تشخیص است، و همچنین فاصله ضعیف بین برخی حروف، مانند “r” و “m” ،  “n” به نظر می رسند. این مشکل در برخی فونت های فارسی هم وجود دارد که گاه حروف “ی”، “ک” ویا حروف “د”، “ر” خیلی شبیه به هم هستند. پس فونت متن را همه جوره بررسی کنید که برای کاربر مشکلی به وجود نیاید.

typography-5

۶- اجتناب از نوشتن تمام متن با حروف بزرگ

استفاده از حروف بزرگ در “کلمات اختصاری” یا “لوگوها“درست است ولی زمانی که محتوای شما با حروف بزرگ باشد، سرعت خواندن و فهم متن به شدت کاهش می یابد.

typography-6

۷- فاصله بین خطوط را کم نکنید

در تایپوگرافی، فاصله بین دو خط یا همان ارتفاع خط مهم است. به گفته دیمیتری فدیف کارشناس طراحی در مقاله اش ، استفاده از فضای سفید مناسب بین خطوط و پاراگراف ها تا ۲۰% درک متن را افزایش می دهد و در بهبود تجربه کاربری موثر است.

typography-7

۸- مطمئن شوید که کنتراست رنگی کافی دارید

از طیف رنگی مشابه یا نزدیک به هم در متن و پس زمینه استفاده نکنید. هر چه متن قابل مشاهده تر باشد سرعت فهم خوانندگان بالاتر می رود. بهتر است:

  • در متن کوچک نسبت کنتراست متن به پس زمینه حداقل ۴٫۵ به ۱ باشد.
  • در متن بزرگ نسبت کنتراست متن به پس زمینه حداقل ۴٫۵ به ۱ باشد.

هنگامی که انتخاب رنگ را انجام دادید، حتما آن را با کاربران واقعی در اکثر دستگاهها آزمایش کنید. اگر هر یک از تست ها با خواندن مشکل روبرو شود، باید رنگ ها را تغییر دهیم.

typography-8

۹- در رنگ آمیزی متن از رنگ های قرمز و سبز اجتناب کنید

کوری رنگ یک بیماری شایع است، به ویژه در میان مردان (۸ درصد از مردان کور رنگی دارند). از رنگ قرمز و سبز به تنهایی برای انتقال اطلاعات استفاده نکنید چرا که کوررنگی قرمز و سبز شایع ترین شکل کوررنگی در بین افراد است.

۱۰- اجتناب از استفاده از متن چشمک زن

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

typography

نتیجه

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

با انتخاب تایپوگرافی مناسب به محتوای وبسایت خود احترام گذاشته اید.

 

دوپرو فرصت جمع سپاری را برای طراحان و کارفرما ها ایجاد کرده تا بتوانند با رضایت بیشتری همکاری کنند و از خلاقیت خود نهایت بهره مندی را داشته باشند.

در صورتی که  به انجام پروژه طراحی گرافیکی و هر نوع طراحی حرفه ای دیگر برای کسب و کارتان نیاز دارید میتوانید آن را درسایت  دوپرو ثبت نمایید تا طراحان زیادی برای شما طرح بزنند و شما از بین آنها طرحی که میپسندید را انتخاب نمایید.
لینک ثبت پروژه : ثبت پروژه جمع سپاری طراحی

لیست طراحان :  مشاهده طراحان

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.