Sử dụng văn bản để tăng chuyển đổi – Cách kiểu chữ trong thiết kế web có thể tăng doanh số bán hàng của bạn

Là một nhà tiếp thị kỹ thuật số, chuyển đổi là một trong những điều chính bạn sẽ theo dõi trong các chiến dịch của mình. Bạn có thể thắc mắc về nhiều cách khác nhau trên cách tối ưu hóa chuyển đổi trên một trang cụ thể. Tuy nhiên, có một điều thường bị nhiều kẻ gọi là hacker tăng trưởng bỏ qua, đó là sử dụng văn bản để tăng chuyển đổi.

Vâng, bạn đã nghe đúng rồi! Bản sao văn bản là xương sống của mọi chiến lược tiếp thị nội dung. Đó là dạng nội dung bạn nhìn thấy nhiều nhất trên Web nhưng nó cũng gắn liền với sự hấp dẫn về mặt hình ảnh. Suy cho cùng, nếu văn bản trông không đẹp thì làm sao bạn mong đợi trang đó chuyển đổi như bạn mong muốn?

Trong bài đăng này, chúng ta sẽ tìm hiểu về kiểu chữ, các thành phần chính của nó và cách bạn có thể sử dụng kiểu chữ hiệu quả để tăng doanh số bán hàng của bạn Về lâu dài!

Kiểu chữ là gì?

Trước khi đi sâu vào cách sử dụng văn bản để tăng chuyển đổi, chúng ta cần tìm hiểu kiểu chữ là gì. Để đơn giản hóa mọi thứ, bạn có thể coi kiểu chữ là một điểm gặp gỡ giữa nghệ thuật và văn bản.

Kiểu chữ được giới thiệu đến hầu hết thế giới sống vào giữa thế kỷ 15 bởi Johannes Gutenberg và kiểu chữ di động của ông. Trong thế giới máy tính, kiểu chữ bắt đầu trở nên phổ biến nhờ Steve Jobs và chiếc máy Mac đầu tiên của ông.

Khi Internet được giới thiệu với thế giới, tầm quan trọng của kiểu chữ bùng nổ. Nó đã trở thành một trong những thành phần thiết kế Web quan trọng nhất vì nó có thể giúp trang web của bạn nổi bật tới người dùng tiềm năng.

Các yếu tố quan trọng nhất của kiểu chữ

Nhiều người vẫn nhầm lẫn giữa kiểu chữ và phông chữ, đây là một trường hợp khá phổ biến. Trong phần mở rộng định nghĩa về kiểu chữ này, chúng tôi sẽ chia nhỏ sáu yếu tố thiết yếu của kiểu chữ:

• Kiểu chữ – Hầu hết mọi người nhầm lẫn kiểu chữ với phông chữ, mặc dù đây không phải là những thứ giống nhau. Hãy coi kiểu chữ là một họ tạo thành các ký tự, chữ cái và số riêng lẻ có cùng thiết kế. Arial, Times New Roman và Comic Sans là những kiểu chữ chứ không phải phông chữ như nhiều người nghĩ.
• Nét chữ - Vì vậy, nếu kiểu chữ là một họ thì phông chữ là các thành viên trong họ. Nói một cách chính xác, phông chữ là một kiểu chữ có kích thước, trọng lượng và chiều rộng cụ thể. Ví dụ: Arial là một kiểu chữ; và 16pt Arial Bold là một phông chữ. Về cơ bản, phông chữ là cách bạn truyền tải một hình thức nghệ thuật cụ thể được gọi là kiểu chữ.
• Chiều dài dòng – Đây là khoảng cách được chiếm bởi văn bản nằm giữa lề phải và lề trái trong cùng một dòng. Lý tưởng nhất là bạn không muốn độ dài dòng quá ngắn hoặc quá dài, vì nó có thể khiến việc đọc nội dung trở nên khó xử hơn nhiều so với mong muốn.
• Dẫn đầu – Đây là khoảng cách theo chiều dọc giữa mỗi dòng văn bản. Trong hầu hết các trường hợp, bạn muốn tăng phần dẫn đầu để người dùng dễ hiểu hơn.
• Kerning – Đây là khoảng trắng giữa mỗi ký tự hoặc chữ cái. Thông thường, kerning tốt nhất nên để ở giá trị mặc định, nhưng bạn có thể điều chỉnh thêm để kiểm tra xem cái nào hoạt động tốt nhất cho trang web của bạn.
• Theo dõi - Thành phần kiểu chữ này còn được gọi là khoảng cách giữa các chữ cái và nó áp dụng cho một lượng ký tự và chữ cái cụ thể.

Tại sao kiểu chữ lại quan trọng đối với thiết kế web?

Ấn tượng đầu tiên rất quan trọng trong cuộc sống cá nhân của chúng ta và trong thế giới Web cũng vậy. Nghiên cứu của Taylor & Francis Online đã kết luận rằng mất 05 giây để người dùng đưa ra ý kiến ​​về một trang web cụ thể.

Kiểu chữ rất cần thiết vì nó là một trong những thành phần cốt lõi trong thiết kế web của bạn. Hãy suy nghĩ kỹ: nếu mọi người không thể đọc văn bản trên trang web của bạn vì các từ quá gần nhau hoặc kích thước văn bản quá nhỏ, thì rất có thể họ sẽ không hài lòng với trang web của bạn.

Khi bạn sử dụng kiểu chữ kém trên trang web của mình, rất có thể tỷ lệ chuyển đổi của bạn sẽ giảm và đó là điều cuối cùng bạn cần trên kế hoạch của mình. Ngay cả khi khách hàng tiềm năng ở lại trang web sử dụng kiểu chữ kém, rất có thể họ sẽ không nhớ thông điệp bạn muốn truyền tải cho họ, nhưng họ phải vất vả lắm mới đọc được thông điệp của bạn.

Vì những lý do trên, sử dụng kiểu chữ hiệu quả để tăng cường chuyển đổi là điều cần thiết. Với kiểu chữ hiệu quả, bạn có thể tối ưu hóa quy trình hiểu thông tin bạn hiển thị trên trang web của mình. Nếu bạn định dạng văn bản trên trang web của mình một cách đẹp mắt, tất cả sự tập trung sẽ được đặt vào nội dung chứ không phải vào việc khó hiểu nội dung đó.

As hầu hết mọi người quét qua nội dung Web, sử dụng văn bản và hướng dẫn người dùng của bạn bằng kiểu chữ phù hợp đến điểm hành động là cách phù hợp để tăng chuyển đổi!

Lời khuyên hữu ích khi sử dụng văn bản để tăng chuyển đổi

Bây giờ bạn đã tìm hiểu thêm về kiểu chữ và cách nó giúp làm nổi bật nội dung trang web của bạn, đây là một số mẹo về cách sử dụng nó để thúc đẩy tăng trưởng cho trang web của bạn!

Hãy ghi nhớ kích thước phông chữ!

Hình ảnh Nguồn: Cổng nghiên cứu

Kích thước phông chữ là điều tối quan trọng trong việc giữ chân người dùng của bạn và tăng tỷ lệ chuyển đổi hơn nữa! Đúng vậy, bộ não của chúng ta thực sự xử lý hình ảnh nhanh hơn hàng chục nghìn lần so với văn bản, vì vậy bất kỳ cách nào để cải thiện thời gian xử lý bằng văn bản đều được chào đón nồng nhiệt!

Lấy ví dụ, một nghiên cứu theo dõi bằng mắt về mức độ ảnh hưởng của cỡ chữ và kiểu chữ đến việc đọc trực tuyến. Bằng cách sử dụng phông chữ lớn hơn, văn bản tổng thể trên trang web có xu hướng được đọc nhanh hơn nhiều.

Vì vậy, nếu bạn có một trang web chứa nhiều văn bản, đừng làm khổ người dùng của bạn – hãy tăng kích thước phông chữ! Đúng, mỗi phông chữ đều khác nhau, nhưng đây là sự đồng thuận về kích thước phông chữ cho các trang web có nhiều văn bản:

• 16px – đây là mức tối thiểu đối với các trang có nhiều văn bản, vì vậy đừng đi dưới con số này! Về cơ bản, kích thước phông chữ này là kích thước mà các trình duyệt dự định hiển thị theo mặc định, vì vậy không cần phải bàn cãi tại sao đây là mức tối thiểu.
• 18px – đây là cỡ chữ trung bình vàng cho các trang có nhiều văn bản, giúp mọi người bớt mỏi mắt hơn khi nhìn vào màn hình.
• 20px trở lên – mặc dù ban đầu nó có thể có cảm giác quá lớn nhưng một số trang web thậm chí còn hoạt động tốt hơn với kích thước phông chữ như vậy. Lấy Trung bình, Ví dụ. Họ sử dụng kích thước phông chữ nội dung 21px để làm cho hàng triệu câu chuyện trở nên dễ đọc hơn đối với nhiều đối tượng hơn.

Ngoài ra, kích thước phông chữ lớn hơn có xu hướng tạo ra kết nối cảm xúc mạnh mẽ hơn. Có lẽ đây là bước bạn cần làm để khiến người dùng nhấp vào nút CTA dẫn đến chuyển đổi?

Đừng lạm dụng kiểu phông chữ!

Hình ảnh Nguồn: thức ăn xanh mòng két

Các kiểu phông chữ thường bao gồm: Dũng cảm, in nghiêng, và gạch chân. Bạn có thể sử dụng ba từ này để nhấn mạnh một số từ hoặc câu nhất định. Tuy nhiên, bạn nên tránh lạm dụng chúng vì đó là một trong những lỗi chỉnh sửa phổ biến nhất mà chúng tôi thấy trên tất cả nội dung Web.

Đừng lạm dụng các kiểu phông chữ trên toàn bộ đoạn văn. Thay vào đó, hãy sử dụng chúng để chỉ ra những từ mà bạn muốn gây ấn tượng nhất với người dùng. Bạn không muốn rơi vào tình huống sử dụng văn bản để tăng chuyển đổi không đúng cách.

Điều chỉnh khoảng cách dòng cho phù hợp!

Chúng ta đang nói về việc lãnh đạo ở đây. Đây là một việc nhỏ nhưng lại rất cần thiết khi sử dụng văn bản để tăng chuyển đổi. Khi khán giả của bạn bị khiếm thị một phần, họ có thể gặp khó khăn khi tìm phần đầu của dòng văn bản tiếp theo.

Đó là lý do tại sao việc giãn dòng các dòng lại là một cách làm phổ biến ít nhất 25 đến 30% kích thước phông chữ của bạn. Khi làm như vậy, bạn sẽ làm cho văn bản của mình có thể đọc được đối với hầu hết mọi người đọc!

Ngoài ra, bạn phải luôn chú ý rằng bạn thêm khoảng trống vừa đủ giữa các đoạn văn. Về cơ bản, bạn muốn nhóm các đoạn văn lại với nhau sao cho phù hợp với thông điệp muốn truyền tải trong một vài câu. Bằng cách đó, nội dung của bạn sẽ dễ đọc hơn đến đối tượng mục tiêu của bạn.

Bạn cũng muốn chú ý đến hệ thống phân cấp trực quan của loại của bạn. Điều này có thể được thực hiện bằng cách đặt đúng thẻ tiêu đề, nhưng đó không phải là tất cả những gì bạn có thể làm. Một trong những cách tốt nhất để sử dụng hệ thống phân cấp trực quan đúng cách là phóng to các thông điệp quan trọng nhất mà văn bản của bạn đề cập. Cuối cùng, bạn muốn hướng dẫn người dùng để họ có thể đọc thông tin theo một thứ tự nhất định và hợp lý. Điều này sẽ mang lại nhiều ý nghĩa hơn cho nội dung tổng thể của bạn.

Cùng với tất cả những điều đã nói ở trên, tận dụng khoảng trắng để tập trung vào những lĩnh vực mà bạn muốn nhấn mạnh với khán giả. Bằng cách đó, bạn sẽ cho phép thiết kế của mình được thở và cung cấp bối cảnh cho những nơi cần thiết nhất.

Tránh dòng góa phụ, từ mồ côi và dấu gạch nối

Góa phụ và trẻ mồ côi là những thuật ngữ khá phổ biến trong sắp chữ. Chúng có bản chất rất giống nhau nhưng nhiều người nhầm lẫn chúng với nhau. góa phụ chỉ ra dòng văn bản kết thúc đoạn văn nằm một mình ở đầu trang. Trẻ mồ côi là dòng mở đầu đoạn văn nằm ở cuối một trang nhất định. Cả hai điều này đều có thể làm mất khả năng đọc của văn bản, đặc biệt là trong thiết kế Web.

Chà, việc khắc phục hai vấn đề này không khó lắm và tất cả đều nhờ vào mẹo trên. Bạn có thể viết lại một đoạn văn để phù hợp với bức tranh lớn hoặc điều chỉnh dòng đầu và khoảng cách để tạo các đoạn văn chặt chẽ hơn.

Ngoài ra, gạch nối là một hiện tượng khá phổ biến trong thiết kế Web và có thể tạo hoặc phá vỡ toàn bộ kiểu chữ trên trang web của bạn. Về cơ bản, gạch nối là sử dụng dấu gạch ngang để phân tách một từ (ví dụ: thân thiện với chó). Khi nó trở thành vấn đề là trong những tình huống bạn cần sử dụng dấu gạch ngang để ngắt từ ở cuối dòng. Thay vì làm như vậy, bạn chỉ cần kéo từ đã cho vào một dòng mới để không làm mất hoàn toàn khả năng đọc!

Đừng bỏ qua việc căn chỉnh văn bản!

Căn chỉnh văn bản thường bị bỏ qua khi nói đến văn bản trong thiết kế Web. Tuy nhiên, nếu bạn làm đúng, nó sẽ mang lại hiệu quả tuyệt vời khi xử lý thông tin. Dưới đây là một số mẹo cần làm theo khi căn chỉnh văn bản trong thiết kế Web:

• Tránh căn giữa các đoạn văn. Trong khi một số người cho rằng việc căn giữa toàn bộ đoạn văn có vẻ nghệ thuật hơn, thì những gì họ đang làm lại hoàn toàn ngược lại. Vì hầu hết chúng ta ở xã hội phương Tây đều học cách đọc từ trái sang phải, nên bản chất của chúng ta là phải đọc đến đầu mỗi dòng. Khi bạn căn giữa đoạn văn, điều đó chỉ khiến bộ não của chúng ta khó xử lý tất cả thông tin đó hơn.
• Chỉ căn giữa khi bạn muốn nhấn mạnh một thông điệp. Tuy nhiên, việc căn giữa một đoạn văn sẽ được hoan nghênh hơn khi mục tiêu của bạn là tập trung vào một đoạn văn bản nhất định. Nó tạo ra sự tương phản ngay lập tức truyền tải thông điệp đến người đọc của bạn. Căn giữa văn bản cũng hữu ích cho tiêu đề và dấu ngoặc kép.

Ghép nối các kiểu chữ trông thật ngầu với nhau!

Hình ảnh Nguồn: Bloq sáng tạo

Khi bạn chỉ sử dụng một kiểu chữ trên toàn bộ trang web của bạn, mọi thứ có thể trở nên nhàm chán. Tuy nhiên, điều đó không có nghĩa là bạn nên sử dụng mười kiểu chữ khác nhau trên trang web của mình. Sự đơn giản là chìa khóa ở đây, nhưng đừng ngại thử nghiệm một chút. Suy cho cùng, bạn muốn nội dung của mình trông hấp dẫn nhất có thể phải không?

Một trong những quy tắc khi ghép các kiểu chữ trên trang web là sử dụng không quá hai hoặc ba kiểu chữ cùng một lúc. Ngày nay, với các dịch vụ như Google Fonts, nhiều kiểu chữ có thể được hiển thị hơn bao giờ hết. Mặc dù điều này có thể hơi choáng ngợp nhưng đây là danh sách 36 cặp phông chữ hoàn hảo để truyền cảm hứng cho bạn!

Với vô số lựa chọn về kiểu chữ và phông chữ, bạn có thể điều chỉnh thêm văn bản của mình để thể hiện cá tính độc đáo của doanh nghiệp mình. Bạn muốn trông sáng tạo hay truyền thống? Bạn có thể thực hiện cả hai tông màu này và hơn thế nữa với sự lựa chọn kiểu chữ phù hợp. Đừng bỏ qua nó, vì đây là một trong những cách sử dụng văn bản tốt nhất để tăng chuyển đổi!

Biết Khi Nào Phân Biệt Phông Chữ Sans-Serif & Serif Cho Phù Hợp!

Gắn chặt với điểm trên là hai loại chính: Sans-Serif và Serif. Một số sẽ tranh luận cho cái này, một số cho cái kia. Điểm mấu chốt ở đây là không có nghiên cứu cụ thể nào cho thấy Sans-Serif tốt hơn Serif và ngược lại. Tuy nhiên, điều đó không có nghĩa là có một số quy ước phải tuân theo:

• Sans-serif dễ đọc hơn và tốt hơn cho phần nội dung – Khi nói đến nội dung trực tuyến, phông chữ sans serif hoạt động tốt nhất ở đây. Đó là bởi vì loại này đơn giản và đòi hỏi ít thời gian hơn từ người dùng để giải mã thông điệp bạn đang cố gắng truyền tải.
• Serif tốt hơn cho tiêu đề – mặc dù Serif phức tạp hơn Sans-Serif nhưng đó chính xác là lý do tại sao bạn muốn sử dụng nó cho dòng tiêu đề của mình. Serif thể hiện cá tính và bạn muốn ký tự đó phác thảo những điểm chính trong nội dung trực tuyến của bạn.

 

Khi bạn cân bằng hai loại này, bạn có thể tạo nội dung thú vị về mặt hình ảnh, thu hút nhiều người dùng hơn đọc toàn bộ nội dung của bạn và thực hiện chuyển đổi mà bạn đang chờ đợi!

Chọn loại phù hợp với thông điệp của bạn

Mọi người thực sự gắn kết kiểu chữ với những tính cách khác nhau, theo nghiên cứu được thực hiện bởi Eva R. Brumberger. Hầu hết các đặc điểm của kiểu chữ có thể được chia thành ba loại: trực tiếp, sang trọng và thân thiện.

Theo quan điểm đã nêu ở trên, hãy xem xét loại thông điệp bạn muốn truyền tải với trang web và thương hiệu của bạn. Bạn muốn nghe có vẻ chuyên nghiệp hay vui tươi? Hoặc có thể bạn muốn nghe có vẻ sáng tạo và vui tươi? Đặt kiểu chữ phù hợp và bạn sẽ thu hút được đúng loại người.

Một lĩnh vực kinh doanh trực tuyến có ích là email marketing. Dựa trên một học từ 2019, với mỗi $1 bạn chi cho tiếp thị qua email, ROI trung bình là $42! Đó là một con số khổng lồ và thực sự không có gì ngạc nhiên khi nhiều doanh nghiệp kinh doanh trực tuyến tập trung vào các chiến lược tiếp thị qua email để thu hút khách hàng mới.

Do đó, tiếp thị qua email là một lĩnh vực rất cạnh tranh, nơi mà mọi chi tiết nhỏ đều quan trọng. Một trong những cách tuyệt vời để nổi bật trong mắt khách hàng là sử dụng kiểu chữ phù hợp với thông điệp bạn muốn gửi!

Tuy nhiên, khi ngày càng nhiều doanh nghiệp sử dụng tiếp thị qua email để thu hút đúng đối tượng, việc mở rộng quy mô trở nên quan trọng hơn bao giờ hết. Ngoài ra, nếu danh sách email của bạn có nhiều cá nhân khác nhau, chẳng hạn như chuyên gia và người tiêu dùng hàng ngày, thì việc tạo mẫu theo cách thủ công sẽ tốn nhiều thời gian nhất.

May mắn thay, có hàng tá dịch vụ tiếp thị qua email miễn phí điều đó sẽ giúp bạn tiết kiệm thời gian thực hiện các nhiệm vụ hoạt động, đồng thời cho phép bạn lập kế hoạch và hoạch định chiến lược sâu hơn cho sự phát triển của doanh nghiệp mình! Hầu hết trong số này sẽ cung cấp các mẫu email, tự động hóa email và báo cáo để theo dõi các chiến dịch tiếp thị qua email của bạn.

Sử dụng sự tương phản để có lợi cho bạn

Hình ảnh Nguồn: Thiết kế 3.7

Tại sao bạn nghĩ rằng các biển báo đường bộ lại dễ nhận thấy đối với tất cả mọi người? Chúng nổi bật so với phần còn lại của môi trường, khiến chúng ta cho rằng những yếu tố này là quan trọng. Đó là lý do chính tại sao chúng ta xem xét các yếu tố đó trước tiên.

Điều tương tự có thể được áp dụng cho thiết kế Web. Việc sử dụng văn bản để tăng chuyển đổi đôi khi có thể đơn giản như sử dụng sự tương phản để tạo lợi thế cho bạn. Những gì bạn muốn làm ở đây về cơ bản là tăng khả năng đọc để người dùng của bạn giữ lại lâu hơn trên nội dung của bạn.

Một trong những cách phổ biến để làm như vậy là tạo ra mức độ tương phản phù hợp giữa văn bản và nền của bạn. Có một cuộc tranh luận đang diễn ra giữa hai loại tương phản:

• Văn bản màu trắng trên nền tối
• Văn bản màu đen trên nền trắng

Mặc dù văn bản màu trắng trên nền tối (hoặc “Chế độ tối”) có những ưu điểm nhưng nghiên cứu cho thấy rằng văn bản màu đen trên nền sáng (hoặc “Chế độ sáng”) dẫn đến hiệu suất tốt hơn hầu hết thời gian.

Tuy nhiên, “Chế độ tối” có thể mang lại lợi ích cho những người dùng đọc nội dung của bạn trong điều kiện ánh sáng yếu. Vì vậy, tại sao không bao gồm cả hai chế độ tương phản văn bản và xem điều gì xảy ra với chuyển đổi của bạn?

Xem xét độ tuổi của người dùng của bạn

Theo Statista, nhân khẩu học của người dùng Internet như sau:

• 18 đến 24 – 18%
• 25 đến 34 – 32%
• 35 đến 44 – 19%
• 45 đến 54 – 14%
• 55 đến 64 – 10%
• 65 tuổi trở lên – 7%

Bây giờ, hãy xem xét sự thật từ CDC rằng có khoảng 12 triệu người từ 40 tuổi trở lên bị suy giảm thị lực. Về cơ bản, nếu bạn không tối ưu hóa văn bản trên nội dung trực tuyến của mình để người khiếm thị có thể đọc được, bạn sẽ bỏ lỡ 50% số người dùng Internet.

 

Kiểu chữ chỉ là phần nổi của tảng băng chìm!

Tất nhiên, việc sử dụng văn bản và kiểu chữ không phải là điều duy nhất giúp tăng chuyển đổi trong trường hợp của bạn. Bạn có thể cần phải sử dụng lại toàn bộ nội dung của mình hoặc nhắm mục tiêu từ khóa tốt hơn để bạn có thể xếp hạng dễ dàng hơn.

Điều này là, sáng tạo với việc tối ưu hóa chuyển đổi là những gì sẽ khiến bạn khác biệt với đối thủ cạnh tranh về lâu dài. Và điều có thể khiến bạn trở nên khác biệt có lẽ chỉ là việc tinh chỉnh kiểu chữ của bạn!

Nếu bạn không thể làm điều đó một mình, bạn luôn có thể tìm nhà thiết kế web trực tuyến để biến nội dung Web của bạn thành một kiệt tác trực quan. Suy cho cùng, ngày nay mọi người coi trọng nội dung trực quan hơn là chỉ văn bản thuần túy.

Lưu ý

Niềm đam mê của Robert luôn là các công cụ web giúp cuộc sống của bạn dễ dàng hơn. Chính vì vậy ông đã thành lập Trang webToolTester, nơi bạn có thể tìm thấy các bài đánh giá và hướng dẫn về các công cụ xây dựng trang web và nền tảng thương mại điện tử tốt nhất thế giới.

Nguồn: https://blog.2checkout.com/how-typography-in-web-design-can-boost-sale/