تم تاریک
ارایه اطلاعات بیشتر More Info
در صفحات محصولات آروان، کاربران در موقعیت‌های مختلف نیاز به راهنمایی یا اطلاعات تکمیلی دارند. هدف این الگو، ارایه محتوای آموزشی در سطح مناسب (نه بیش از حد و نه ناکافی) است تا بدون شلوغ کردن رابط کاربری، مسیر یادگیری کاربر تسهیل شود
سطوح نمایش
ما اطلاعات تکمیلی را براساس حجم و اهمیت به سه سطح کلی دسته‌بندی می‌کنیم:
سطح اول: راهنمای سریع
این سطح برای مفاهیمی است که با یک نگاه قابل درک هستند.
- ابزار: استفاده از
Tooltip.
- کاربرد: تعریف اصطلاحات فنی، توضیح یک فیلد خاص یا نمایش محدودیت‌ها (مثلا: حداکثر تعداد رکورد مجاز ۵۰ عدد است).
- قانون محتوا: حداکثر ۱ تا ۲ جمله‌ی بسیار کوتاه.
- نکته فنی: اگر نیاز به لینک در تولتیپ بود، باید از تاخیر (Delay) در بسته شدن استفاده شود تا کاربر فرصت کلیک داشته باشد.
سطح دوم: راهنمای میانی
زمانی که نیاز به توضیح یک سناریو یا مفهوم چندخطی داریم.
- ابزار: استفاده از کارت‌های راهنما (Hint Cards) یا بنرهای داخلی.
- ساختار: شامل یک عنوان، ۲ تا ۴ خط توضیح و یک لینک به مستندات.
- کاربرد: معرفی قابلیت‌های جدید یا راهنمایی برای تصمیم‌گیری بین چند گزینه.
سطح سوم: انتقال به منابع کامل
برای آموزش‌های جامع و فرآیندهای پیچیده.
- ابزار: لینک مستقیم یا دکمه به صفحه مستندات (Docs).
- کاربرد: آموزش‌های گام‌به‌گام، جداول مقایسه‌ای بزرگ و محتوایی که نیاز به بروزرسانی مداوم دارد.
قوانین
- تمایز بصری: کارت‌های راهنما باید با استفاده از Border، رنگ پس‌زمینه متفاوت یا آیکون‌های اختصاصی از محتوای اصلی (مثل فرم‌ها) تفکیک شوند.
- قانون حداقل: همیشه از پایین‌ترین سطح کافی شروع کنید. اگر تولتیپ کافی است، فضا را با کارت اشغال نکنید.
- عدم تداخل: استفاده همزمان از چند سطح در یک بلوک (به‌طور مثال قرار دادن کارت راهنما به‌طور دقیق زیر فیلدی که تولتیپ دارد) ممنوع است.
- یکپارچگی: از کامپوننت‌های رسمی سرخآب برای تولتیپ و کارت استفاده کنید تا استایل‌ها (Radius، Spacing) هماهنگ بماند.