راهنمای جامع طراØÛŒ سایت Ùˆ Ø´Ø±Ø Ø§ØµÙˆÙ„
طراØÛŒ وب Ú©Ù‡ کار Ù…ÛŒ کند، طراØÛŒ وب است Ú©Ù‡ متØول Ù…ÛŒ شود. در webspeakØŒ تبدیل به معنای واداشتن کاربر به اقدام است. هنگامی Ú©Ù‡ کاربر اقدامی را دنبال Ù…ÛŒ کند Ú©Ù‡ وب سایت شما برای انجام آن تنظیم کرده است، وب سایت شما تبدیل شده است. تبدیل ها Ù…ÛŒ تواند هر چیزی مانند ثبت نام در خبرنامه، خرید، اÙØªØªØ§Ø Øساب یا دسترسی به Ù…Øتوای بیشتر در وب سایت باشد.
طراØÛŒ وب موثر چندین عنصر مختل٠را ترکیب Ù…ÛŒ کند تا تبدیل ها را اÙزایش دهد. آنها عبارتند از:
استÙاده متقاعد کننده از Ùضای منÙÛŒ
انتخاب هایی Ú©Ù‡ به ÙˆØ¶ÙˆØ Ø¨Ø±Ø§ÛŒ مصر٠کننده ارائه شده است (هر Ú†Ù‡ مصر٠کننده Ùرصت های کمتری داشته باشد، اØتمال سردرگمی Ùˆ سردرگمی او کمتر Ù…ÛŒ شود)
Ùراخوان های آشکار Ùˆ ÙˆØ§Ø¶Ø Ø¨Ø±Ø§ÛŒ اقدام
Øواس‌پرتی Ù…Øدود Ùˆ سÙر کاربر به‌خوبی Ùکر شده (یعنی Ùقط از تصاویر Ùˆ متن‌هایی استÙاده کنید Ú©Ù‡ 100Ùª با موضوع صÙØÙ‡ مرتبط هستند، از جمله Ùقط دکمه‌هایی Ú©Ù‡ منجر به اقدامات دلخواه می‌شوند Ùˆ استÙاده از تغییرات Ùونت برای لهجه‌ها Ùˆ Ùراخوان‌ها به عمل Ùˆ غیره. Ùقط به نام شامل Ùونت های مختلÙ)
طراØÛŒ واکنش گرا (طراØÛŒ Ú©Ù‡ اندازه صÙØÙ‡ کاربر را تغییر Ù…ÛŒ دهد Ùˆ به صÙØÙ‡ کاربر تغییر جهت Ù…ÛŒ دهد Ùˆ استÙاده از وب سایت را در هر دستگاهی آسان Ù…ÛŒ کند: تلÙن، تبلت، لپ تاپ یا مرورگر دسکتاپ.
Ùونت‌هایی با اندازه مناسب Ú©Ù‡ از یک سلسله مراتب پیروی می‌کنند (به «Øواس‌پرتی‌های Ù…Øدود» مراجعه کنید)
مطالب Ùˆ تصاویر مرتبط Ùˆ باکیÙیت Ú©Ù‡ توجه خوانندگان شما را به خود جلب Ù…ÛŒ کند
تعادل بین مقدار متن Ùˆ تصاویر در هر صÙØÙ‡ (متن بیش از Øد Ù…ÛŒ تواند بازدید کننده را تØت تأثیر قرار دهد، متن بسیار Ú©Ù… Ù…ÛŒ تواند به همان اندازه دلسرد کننده باشد)
دست روی صÙØÙ‡ کلید در Macbook ProØŒ وب سایت رنگی روی صÙØÙ‡ نمایش
هر انتخاب طراØÛŒ شما به نوعی بر قابلیت استÙاده Ùˆ نرخ تبدیل وب سایت شما تأثیر Ù…ÛŒ گذارد. همه آنها. از طریق rawpixel.
اگر Ùکر نمی کنید Ú©Ù‡ انتخاب طراØÛŒ زیبایی شناسی بر تØول تأثیر Ù…ÛŒ گذارد، دوباره Ùکر کنید. وب سایت شما باید جذاب باشد - به خصوص برای کاربران آینده شما، بنابراین سعی کنید بÙهمید Ú†Ù‡ سبکی با آنها صØبت Ù…ÛŒ کند.
روی تصاویر چشم نوازی سرمایه گذاری کنید Ú©Ù‡ با برند شما کار Ù…ÛŒ کنند. از عکاسی کالاهای آشکار دوری کنید. درباره استÙاده از تصاویر استوک در اینجا بیشتر بیاموزید.
ÙˆÙادار ماندن به برند خود کلید موÙقیت در طراØÛŒ وب سایت است. Øتی زیباترین وب سایت هم اگر با برند شما مطابقت نداشته باشد بی Ùایده است.
سایر اجزای سازنده طراØÛŒ وب موثر عبارتند از:
دکمه بهترین قیمت برای سÙارش سایت ها
Ùونت ها
پالت رنگ
تعادل بصری بین تصاویر Ùˆ Ú©Ù¾ÛŒ های شما در هر صÙØÙ‡
البته طراØÛŒ وب خوب Ùقط سودمند نیست. بازدیدکنندگان وب سایت هایی را دوست دارند Ú©Ù‡ جذاب Ùˆ مطابق با زیبایی شناسی برندها باشند. مهم نیست Ú©Ù‡ چگونه به آن دست پیدا Ù…ÛŒ کنید، ترکیب ظاهر جذاب برند با عناصر طراØÛŒ Ú©Ù‡ متØول Ù…ÛŒ شوند، راهی است Ú©Ù‡ در طراØÛŒ وب کسب درآمد Ù…ÛŒ کنید.
طراØÛŒ وب: چیزی Ú©Ù‡ کار نمی کند
-
ما بررسی کردیم Ú©Ù‡ طراØÛŒ خوب چیست. Øالا بیایید Ú©Ù…ÛŒ در مورد آنچه Ú©Ù‡ نیست صØبت کنیم.
به عنوان یک قاعده کلی، بازدیدکنندگان نباید هیچ کاری برای استÙاده از وب سایت شما انجام دهند. Ú©Ù„ تجربه استÙاده از وب سایت شما باید ÙˆØ§Ø¶Ø Ùˆ شهودی باشد.
در اینجا چند مثال آورده شده است: Ùراخوان‌های Ø´ÙاÙØŒ طراØÛŒ وب عالی هستند. مبهم طراØÛŒ وب بدی هستند. Ùونت های با کنتراست بالا طراØÛŒ وب هوشمند Ùˆ کارآمد هستند. Ùونت های Ú©Ù… کنتراست Ú©Ù‡ خواندن آنها دشوار است، طراØÛŒ وب بدی هستند.
در اینجا موارد دیگری وجود دارد که باید از آنها اجتناب کنید:
تصاویر Ùˆ پس زمینه های Øواس پرت کننده به عنوان یک قاعده کلی، از پس زمینه های کاشی کاری شده دوری کنید. اگرچه چند مورد منتخب وجود دارد Ú©Ù‡ در آنها پس‌زمینه کاشی می‌تواند انتخاب خوبی باشد، اما در بیشتر موارد باعث Øواس‌پرتی می‌شوند.
طراØÛŒ بدون پاسخ امروزه وب سایت شما Ùقط باید موبایل باشد.
لینک ها Ùˆ دکمه های نامشخص بازدیدکنندگان نباید به دنبال پیوندها Ùˆ دکمه ها باشند، آنها باید بتوانند به سرعت ببینند Ú©Ù‡ کدام تصاویر Ùˆ تکه های متن آنها را به صÙØات جدید Ù…ÛŒ برد یا انتخاب خود را تأیید Ù…ÛŒ کند. به همین ترتیب، کاربران باید بتوانند به ÙˆØ¶ÙˆØ Ùیلدهایی را Ú©Ù‡ باید پر شوند، شناسایی کنند.
عکس‌ها و متن‌های عمومی یا نامناسب برای تکمیل بدون اطلاعات ارزشمند.