رنگ، فونت و فاصله باید خواندن متن و پیدا کردن اقدام اصلی را آسان کنند. قبل از انتخاب تزئینات، ساختار محتوا را مشخص کنید.
یک نقطه شروع ساده
- یک رنگ اصلی برای هویت و یک رنگ متمایز برای اقدام مهم انتخاب کنید.
- متن بدنه را با فونت فارسی خوانا و اندازه قابل استفاده در موبایل نمایش دهید.
- فاصله میان بندها و بخش‌ها را طوری تنظیم کنید که تیتر به متن مربوطش نزدیک باشد.
- اطلاعات مهم را فقط با تفاوت رنگ منتقل نکنید؛ متن یا نشانه روشن هم داشته باشد.
- ترکیب متن و پس‌زمینه را از نظر کنتراست بررسی کنید.
روی عکس شلوغ، متن بلند نگذارید. پیش‌نمایش روشن و تاریک و گوشی واقعی می‌تواند مشکلاتی را نشان دهد که در تصویر طرح دیده نمی‌شوند.
ساختار را روی کاغذ بچینید
پیش از طراحی، ترتیب معرفی، جزئیات، شاهد و اقدام را با چند کادر ساده مشخص کنید. صفحه‌ای که روی دسکتاپ زیباست اما دکمه تماس آن در موبایل دیده نمی‌شود را در نظر بگیرید و اطلاعاتی را که آن کاربر زودتر می‌خواهد، بالاتر قرار دهید. قالب باید تابع مسیر خواندن باشد.
متن و اقدام را دقیق کنید
معرفی را با «چه کسی، برای چه مخاطبی، چه خدمتی» بنویسید. یک دکمه اصلی با فعل روشن انتخاب کنید. اگر تماس نیازمند اطلاعات اولیه است، آن‌ها را پیش از دکمه توضیح دهید تا رفت‌وبرگشت کمتر شود.
انتشار آزمایشی و بازبینی
نسخه موبایل، پیوندها، شماره، نقشه و متن جایگزین تصویر را بررسی کنید. از یک مخاطب واقعی بخواهید بدون راهنمایی صفحه را استفاده کند. بازخورد را به خطای مشخص در محتوا یا مسیر تبدیل کنید و پس از اصلاح، موعد بازبینی بعدی را ثبت کنید.
خروجی هر مرحله
| مرحله | خروجی ملموس |
|---|---|
| هدف | یک جمله درباره مخاطب و اقدام |
| محتوا | پوشه اطلاعات تأییدشده |
| ساختار | ترتیب بخش‌ها روی کاغذ |
| نگارش | متن کوتاه و دکمه روشن |
| آزمون | فهرست خطاها و اصلاح‌ها |
ادامه مطالعه
از این راهنما تا ساخت صفحه
ترتیب اطلاعات و اقدام اصلی را مشخص کنید تا طراحی بر اساس نیاز مخاطب انجام شود. برای بررسی تناسب خدمت، سایت تک‌صفحه‌ای و نمونه صفحه‌ها را ببینید. هزینه و شرایط جاری در تعرفه‌ها آمده است. اگر این راهکار با نیاز شما متناسب است، درخواست ساخت صفحه را با همین اطلاعات ثبت کنید.
