استفاده از متن برای افزایش تبدیل - چگونه تایپوگرافی در طراحی وب می تواند فروش شما را افزایش دهد

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

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

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

تایپوگرافی چیست؟

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

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

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

مهمترین عناصر تایپوگرافی

بسیاری از مردم هنوز تایپوگرافی و فونت ها را اشتباه می گیرند، که یک اتفاق بسیار رایج است. در این بخش که به تعریف تایپوگرافی می پردازیم، شش عنصر اساسی تایپوگرافی را بررسی می کنیم:

• حروف تایپ - اکثر مردم فونت را با فونت اشتباه می گیرند، حتی اگر اینها یکسان نیستند. تایپ فیس را خانواده ای در نظر بگیرید که نویسه ها، حروف و اعداد منفرد را با طرح یکسان تشکیل می دهد. Arial، Times New Roman، و Comic Sans همان طور که بسیاری فکر می کنند فونت هستند و نه فونت.
• فونت – بنابراین، اگر فونت یک خانواده باشد، فونت ها اعضای خانواده هستند. به بیان دقیق، فونت سبکی از فونت است که اندازه، وزن و عرض خاصی دارد. به عنوان مثال، Arial یک تایپ فیس است. و 16pt Arial Bold یک فونت است. اساساً، فونت ها روشی هستند که چگونه یک فرم هنری خاص به نام تایپ فیس را ارائه می دهید.
• طول خط - این فاصله ای است که توسط متنی که بین حاشیه سمت راست و چپ در همان خط قرار دارد، اشغال می شود. در حالت ایده‌آل، نمی‌خواهید طول خط خیلی کوتاه یا خیلی طولانی باشد، زیرا می‌تواند خواندن محتوا را بسیار ناخوشایندتر از آنچه می‌خواهید کند.
• منتهی شدن - این فاصله عمودی بین هر خط متن است. در بیشتر موارد، شما می خواهید لید را افزایش دهید تا برای کاربران شما قابل درک تر باشد.
• کرنینگ – این فضای سفید بین هر کاراکتر یا حرف است. معمولاً کرنینگ بهتر است در مقادیر پیش‌فرض باقی بماند، اما می‌توانید آن را بیشتر برای آزمایش اینکه چه چیزی برای وب‌سایت شما بهترین کار می‌کند، تنظیم کنید.
• ردیابی - این عنصر تایپ فیس به نام فاصله حروف نیز شناخته می شود و برای مقدار مشخصی از کاراکترها و حروف اعمال می شود.

چرا تایپوگرافی برای طراحی وب سایت مهم است؟

برداشت اولیه در زندگی شخصی ما مهم است و در دنیای وب نیز همینطور است. تحقیقات Taylor & Francis Online به این نتیجه رسیدند که آن 05 ثانیه طول می کشد برای اینکه کاربران در مورد یک وب سایت خاص نظر بدهند.

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

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

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

As اکثر مردم از طریق محتوای وب اسکن می کنند، استفاده از متن و راهنمایی کاربران خود با تایپوگرافی مناسب به نقطه عمل، راه درستی برای افزایش تبدیل است!

نکات کاربردی برای استفاده از متن برای افزایش تبدیل

اکنون که چیزهای بیشتری در مورد تایپوگرافی و اینکه چگونه به برجسته کردن محتوای وب شما کمک می کند آموخته اید، در اینجا چند نکته در مورد نحوه استفاده از آن وجود دارد. تا رشد وب سایت خود را افزایش دهید!

اندازه فونت را در نظر داشته باشید!

منبع تصویر: دروازه تحقیق

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

به عنوان مثال، یک را در نظر بگیرید مطالعه ردیابی چشمی در مورد اینکه چگونه اندازه و نوع فونت بر خواندن آنلاین تأثیر می گذارد. با استفاده از فونت های بزرگتر، متن کلی در وب سایت ها بسیار سریعتر خوانده می شود.

بنابراین، اگر یک وب سایت پر متن دارید، کاربران خود را عذاب ندهید - اندازه فونت را افزایش دهید! بله، هر فونت متفاوت است، اما در اینجا یک اجماع در مورد اندازه فونت برای وب سایت های متنی وجود دارد:

• 16 پیکسل - این حداقل برای صفحات متن سنگین است، بنابراین زیر این عدد نروید! اساساً، این اندازه فونت اندازه ای است که مرورگرها در نظر گرفته شده بودند تا به صورت پیش فرض نمایش دهند، بنابراین اصلاً دلیلی ندارد که چرا این حداقل است.
• 18 پیکسل - این اندازه فونت متوسط ​​طلایی برای صفحات متنی سنگین است که باعث می شود افراد هنگام نگاه کردن به مانیتور چشمان خود را کمتر خسته کنند.
• 20 پیکسل و بیشتر – اگرچه ممکن است در ابتدا خیلی بزرگ به نظر برسد، برخی از وب سایت ها با چنین اندازه فونت حتی بهتر عمل می کنند. بگیرید متوسطبه عنوان مثال آنها از اندازه فونت بدنه 21 پیکسل استفاده می کنند تا میلیون ها داستان را برای مخاطبان گسترده تری خوانا کنند.

علاوه بر این، اندازه فونت های بزرگتر باعث ایجاد ارتباطات عاطفی قوی تر می شود. شاید این مرحله ای است که شما باید انجام دهید تا کاربرانتان روی دکمه CTA کلیک کنند که منجر به تبدیل شود؟

از سبک های فونت بیش از حد استفاده نکنید!

منبع تصویر: خوراک چای

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

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

بر این اساس فاصله خطوط را تنظیم کنید!

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

به همین دلیل است که فاصله بین خطوط شما یک روش معمول است حداقل 25 تا 30 درصد از اندازه فونت شما. با انجام این کار، متن خود را تقریبا برای همه خوانندگان قابل خواندن خواهید کرد!

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

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

در کنار تمام موارد ذکر شده، از فضای خالی استفاده کنید تمرکز بر روی حوزه‌هایی که می‌خواهید بر آن‌ها تأکید کنید، به مخاطبان خود جلب کنید. به این ترتیب، به طراحی خود اجازه می دهید نفس بکشد و زمینه را برای مکان هایی که بیشتر مورد نیاز است فراهم کنید.

از خطوط بیوه، کلمات یتیم و خط فاصله اجتناب کنید

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

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

همچنین، خط فاصله یک اتفاق کاملاً رایج در طراحی وب است و می تواند کل تایپوگرافی سایت شما را ایجاد یا خراب کند. اساساً خط فاصله استفاده از خط تیره برای تقسیم یک کلمه است (به عنوان مثال: سگ پسند). زمانی که مشکل ایجاد می شود در شرایطی است که باید از خط تیره برای شکستن کلمه از انتهای خط استفاده کنید. به جای انجام این کار، فقط کلمه داده شده را در یک خط جدید بکشید تا خوانایی را به طور کلی خراب نکنید!

ترازبندی متن را نادیده نگیرید!

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

• از وسط پاراگراف ها خودداری کنید. در حالی که برخی استدلال می کنند که تمرکز کل پاراگراف ها ممکن است هنری تر به نظر برسد، کاری که آنها انجام می دهند کاملا برعکس است. همانطور که اکثر ما در جوامع غربی خواندن از چپ به راست را یاد می گیریم، در طبیعت ما این است که به ابتدای هر سطر سفر کنیم. وقتی پاراگراف را در مرکز قرار می دهید، پردازش تمام آن اطلاعات برای مغز ما سخت تر می شود.
• فقط زمانی که می خواهید روی پیامی تاکید کنید وسط قرار دهید. با این حال، زمانی که هدف شما تمرکز روی قسمت خاصی از متن باشد، قرار دادن پاراگراف در مرکز آن بسیار خوشایند است. این یک کنتراست ایجاد می کند که بلافاصله پیام را به خوانندگان شما منتقل می کند. وسط متن برای سرصفحه ها و نقل قول ها نیز مفید است.

جفت حروفی که با هم جالب به نظر می رسند!

منبع تصویر: Bloq خلاق

وقتی فقط از یکی استفاده می کنید فتوشاپ در سرتاسر وب سایت شما، همه چیز ممکن است کمی خسته کننده شود. با این حال، این بدان معنا نیست که باید از ده تایپ فیس مختلف در وب سایت خود استفاده کنید. سادگی در اینجا کلیدی است، اما از آزمایش کمی نترسید. پس از همه، شما می خواهید محتوای شما تا حد امکان جذاب به نظر برسد، درست است؟

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

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

بدانید چه زمانی فونت‌های Sans-Serif و Serif را بر این اساس متمایز کنید!

دو نوع اصلی به طور نزدیک با نقطه بالا مرتبط هستند: Sans-Serif و Serif. برخی برای یکی، برخی برای دیگری بحث می کنند. نکته اصلی در اینجا این است که هیچ تحقیق مشخصی وجود ندارد که نشان دهد Sans-Serif بهتر از Serif است و بالعکس. اما، این بدان معنا نیست که برخی از قراردادها باید دنبال شوند:

• Sans-serif راحت‌تر خوانده می‌شود و برای کپی بدنه بهتر است - وقتی صحبت از بدنه محتوای آنلاین می شود، فونت های sans serif در اینجا بهترین کار را دارند. به این دلیل که این نوع ساده است و برای رمزگشایی پیامی که می‌خواهید منتقل کنید، به زمان کمتری از کاربران شما نیاز دارد.
• سریف برای تیتر بهتر است - اگرچه Serif پیچیده تر از Sans-Serif است، دقیقاً به همین دلیل است که می خواهید از آن برای سرفصل های خود استفاده کنید. Serif با کاراکتر تراوش می کند، و شما می خواهید که آن شخصیت نکات اصلی شما را با محتوای آنلاین شما مشخص کند.

 

وقتی این دو نوع را متعادل کنید، می توانید محتوای بصری جالبی بسازید که کاربران بیشتری را جذب کند تا کل محتوای شما را بخوانند و تبدیلی را که انتظارش را دارید انجام دهند!

نوع متناسب با پیام خود را انتخاب کنید

طبق گفته های مردم واقعاً تایپ فیس ها را به شخصیت های مختلف گره می زنند مطالعه انجام شده توسط Eva R. Brumberger. بیشتر خصوصیات تایپ فیس را می توان به سه دسته تقسیم کرد: صراحت، ظرافت و دوستی.

با توجه به نکته ای که در بالا ذکر شد، در نظر بگیرید چه نوع پیامی را می خواهید منتقل کنید با وب سایت و برند شما آیا می خواهید حرفه ای به نظر برسید یا بازیگوش؟ یا شاید می خواهید خلاق و بازیگوش به نظر برسید؟ بر این اساس فونت فیس را تنظیم کنید و افراد مناسب را جذب خواهید کرد.

یکی از زمینه های کسب و کار آنلاین که در آن مفید است، این است بازاریابی پست الکترونیک. براساس مطالعه از 2019، به ازای هر 1 دلاری که برای بازاریابی ایمیلی خرج می کنید، میانگین بازگشت سرمایه 42 دلار است! این عدد بسیار زیادی است و واقعاً جای تعجب نیست که بسیاری از مشاغل آنلاین بر روی استراتژی های بازاریابی ایمیلی برای جذب مشتریان جدید تمرکز می کنند.

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

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

خوشبختانه ده ها مورد وجود دارد خدمات ایمیل مارکتینگ رایگان که به شما در صرفه جویی در وقت شما در انجام وظایف عملیاتی کمک می کند و شما را قادر می سازد تا برای رشد کسب و کار خود برنامه ریزی و استراتژی بیشتری داشته باشید! اکثر اینها قالب های ایمیل، اتوماسیون ایمیل و گزارش برای پیگیری کمپین های بازاریابی ایمیلی شما را ارائه می دهند.

از کنتراست به نفع خود استفاده کنید

منبع تصویر: طراحی 3.7

به نظر شما چرا علائم جاده برای همه مردم قابل توجه است؟ آنها از بقیه محیط متمایز می شوند و باعث می شوند تصور کنیم که این عناصر مهم هستند. این دلیل اصلی است که ما ابتدا به چنین عناصری نگاه می کنیم.

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

یکی از راه های رایج برای انجام این کار، ایجاد کنتراست مناسب است بین متن و پس زمینه شما. یک بحث مداوم بین دو نوع کنتراست وجود دارد:

• متن سفید در پس زمینه تیره
• متن سیاه در پس زمینه سفید

در حالی که متن سفید در پس زمینه تیره (یا "حالت تاریک") مزایای خود را دارد، تحقیقات نشان می دهد که متن سیاه روی پس زمینه روشن (یا "حالت روشن") در بیشتر مواقع منجر به عملکرد بهتر می شود.

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

سن کاربران خود را در نظر بگیرید

بر طبق آمار، جمعیت شناسی کاربران اینترنت به شرح زیر است:

• 18 تا 24 - 18 درصد
• 25 تا 34 - 32 درصد
• 35 تا 44 - 19 درصد
• 45 تا 54 - 14 درصد
• 55 تا 64 - 10 درصد
• 65 و بیشتر - 7 درصد

در حال حاضر، را در نظر بگیرید واقعیت از CDC تقریباً 12 میلیون نفر از 40 سال به بالا دچار اختلال بینایی هستند. اساساً، اگر متن محتوای آنلاین خود را طوری بهینه نکنید که برای افراد دارای اختلال بینایی قابل خواندن باشد، 50 درصد از کاربران اینترنت را از دست خواهید داد.

 

تایپوگرافی فقط نوک کوه یخ است!

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

چیزی که است، خلاق بودن در بهینه سازی تبدیل آنچه خواهد بود شما را از رقابت متمایز می کند در دراز مدت و چیزی که ممکن است شما را متمایز کند این است که تایپوگرافی خود را دقیق تنظیم کنید!

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

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

اشتیاق رابرت همیشه ابزارهای وب بوده است که زندگی شما را آسان تر می کند. به همین دلیل او را تأسیس کرد وب سایت ToolTester، جایی که می توانید نظرات و آموزش هایی را برای بهترین سازندگان وب سایت و پلتفرم های تجارت الکترونیک در جهان بیابید.

منبع: https://blog.2checkout.com/how-typography-in-web-design-can-boost-sales/