nil8far
nil8far
خواندن ۲ دقیقه·۶ سال پیش

یک برگر ویژه: طراحی UI با سس محتوا (قسمت اول)

ما تو شرکت یه UI دیزاینر داریم (که گرافیستمون هم هستن البته) و من دقیقاً کنارش نشستم، حالا چرا کنارش نشستم؟ چون کارمون خیلی با هم گره خورده، از اسلوگان بنر تبلیغاتی که میخواد طراحی کنه تا محتوایی که قراره توی دیزاین سایت ازش استفاده بشه رو من بهشون میگم.

امروز برام جالب شد بدونم این اسلوگان‌ها، نوشته‌ها و CTAها چقدر توی طراحی و نگاه مخاطب و پیش‌بینی رفتار مشتری تأثیرگذاره؟!!

به خاطر همینم شروع کردم به سرچ کردن و خوندن در موردش تا به یه مقاله جالب تو بلاگ توبیک (Tubik) رسیدم با تیتر « کپی رایتیگ برای رابط کاربری: انواع محتوا برای رابط کاربریِ وبسایت و موبایل».

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

اولین نکته جالبی که تو خیلی از این مقاله‌ها خوندم ارتباط نزدیک UI و محتواست؛ یعنی یه UI خیلی خوب الزاماً باید از لحاظ محتوایی هم خوب باشه. (پس من و همکارم جای درستی نشستیم).

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

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

محتوای مؤثر می‌تونه استفاده از اپلیکیشن‌ها و وبسایت‌ها رو راحت‌تر کنه و از اون طرف افراد رو تشویق کنه با رابط کاربری، ارتباط بهتری برقرار کنن. به همین دلیل هم بهتره یک تولیدکننده محتوا حرفه‌ای تو این فرآیند خلاقه شرکت کنه تا این فرآیند سریع‌تر و سازنده‌تر باشه.

این مقاله محتوای مورد استفاده در رابط کاربری رو به شکل زیر دسته بندی کرده:

1-محتوای اطلاعاتی

  • تیتر (Headlines)
  • زیر تیتر ( Subheaders)
  • بدنه (Body Copy)

2-محتوای تعاملی

  • عنوان (Caption)
  • دکمه فراخوان (CTA)
  • اطلاع رسانی (Notification)
  • خطا (Error)
  • یوزر آنبوردینگ ( User onboarding)
  • محتوای فهرست (Menu Copy)
  • تولتیپس (Tooltips)
  • ایمیل (Product-generated Emails)

مطابق با ساختاری که این مقاله ارائه داده میخوام در دو بخش آینده‌ای که قراره بنویسم در مورد همه این موارد صحبت کنم.


تولید محتواطراحی وبسایتطراحی اپلیکیشنتجربه کاربریرابط کاربری
شاید از این پست‌ها خوشتان بیاید