Top 10 Sai lầm khi thiết kế trang web mà người dùng hay gặp phải

Share on facebook
Share on google
Share on linkedin

Nếu bạn đang đọc điều này, thì bạn đã biết tầm quan trọng của việc xây dựng một trang web .

Nhưng nếu bạn không phải là một nhà thiết kế trang web chuyên nghiệp, bạn rất dễ mắc phải nhiều lỗi khác nhau có thể phá hủy trang web của bạn.

Những sai lầm được đề cập trong bài đăng này có thể làm cho trang web của bạn trông không chuyên nghiệp và khiến khách truy cập của bạn có nhiều khả năng nhấp vào nút X đó, điều mà mình không muốn.

Nhưng trước khi đi sâu vào những sai lầm và giải pháp của chúng, mình muốn bạn có suy nghĩ đúng đắn.

Suy nghĩ của bạn nên là:

Bất cứ khi nào thiết kế trang web của bạn, mục tiêu cuối cùng của bạn là giảm thiểu lượng chất xám mà khách truy cập cần sử dụng khi truy cập trang web của bạn.

Bạn càng giúp họ đọc, điều hướng và nhấp chuột vào trang web của bạn dễ dàng hơn, trang web của bạn càng thành công.

Thiết kế trang web nên tìm kiếm bất kỳ và tất cả các cách để giảm thiểu thời gian và băng thông tinh thần mà khách truy cập sử dụng để đạt được những gì họ muốn.

Top 10 sai lầm khi thiết kế trang web hay gặp phải 

10 sai lầm khi thiết kế trang web
10 sai lầm khi thiết kế trang web

Sai lầm khi thiết kế trang web # 10 – Các nút pha trộn

Một nút, đặc biệt là ở đầu trang chủ của bạn phải là lời kêu gọi hành động quan trọng nhất của bạn.

Nó sẽ khiến họ đọc thêm hoặc xem sản phẩm của bạn

Rất nhiều người bị cuốn vào việc làm cho toàn bộ trang web của họ khớp với nhau mà họ quên rằng nút này phải nổi bật so với mọi thứ khác.

Đây là thứ mà bạn muốn họ nhấp vào nhất vì vậy sẽ tốt hơn nhiều nếu nút này có màu hoàn toàn đối lập và nổi bật.

Bạn muốn ánh mắt của khách truy cập ngay lập tức bị thu hút vào nút này.

Ví dụ: nếu nó có cùng màu với phần còn lại của trang web của bạn, họ có thể bỏ qua ngay vì nó trông không đủ quan trọng.

Màu sắc yêu thích của mình để sử dụng là xanh da cam hoặc xanh lá cây và bạn muốn làm cho chúng thật bão hòa và tươi sáng, như trong ví dụ bên dưới.

Sai lầm khi thiết kế trang web # 9 – Quá nhiều lời Kêu gọi Hành động

Sai lầm khi thiết kế trang web
Sai lầm khi thiết kế trang web – quá nhiều CTA

Trong khi chúng ta đang nói về các nút kêu gọi hành động, 1 hoặc 2 là hoàn hảo nhưng 3 hoặc nhiều hơn cung cấp cho khách truy cập quá nhiều tùy chọn và khách của bạn ít có khả năng nhấp vào bất kỳ nút nào.

Nếu vì lý do nào đó, trang web của bạn cần nhiều lời gọi hành động có thể nhấp hơn, chỉ cần để lại lời gọi hành động quan trọng nhất ở trên cùng và sau đó tạo tiêu đề dưới cùng bên dưới phần chính của bạn với nhiều nút có thể nhấp hơn.

Bằng cách đó, chúng vẫn ở đầu trang và mọi người có thể tìm thấy chúng một cách dễ dàng nhưng lời kêu gọi hành động chính của bạn là trọng tâm duy nhất.

Lý do bạn không muốn có một loạt lời gọi hành động ở ngay trên cùng là vì mình muốn giảm thiểu lượng thời gian để người xem tìm thấy chính xác những gì họ cần.

Cung cấp cho họ ít lựa chọn hơn thực sự tốt hơn. Nó làm cho họ có nhiều khả năng nhấp chuột hơn và giảm bớt căng thẳng của họ trong việc quyết định nhấp vào tùy chọn nào.

Việc đơn giản hóa các tùy chọn của khách truy cập trang web cũng làm cho nhiều khả năng họ sẽ ở lại và thực sự nhấp vào liên kết thay vì bị quá tải thông tin, thoát khỏi trang web của bạn và đi đến nơi khác.

Sai lầm khi thiết kế trang web # 8 – Khoảng cách quá nhiều hoặc quá ít

Mình thấy rất nhiều trang web quá đông đúc và điều đó làm cho việc tập trung vào một phần thông tin thực sự khó khăn, chứ chưa nói đến phần thông tin quan trọng nhất.

Mặt khác, mình cũng thấy các dòng văn bản quá cách nhau và nó giống như ném ra khỏi toàn bộ sự cân bằng của trang web.

Một nguyên tắc chung rất hữu ích là nhóm các dòng văn bản với nhau được cho là đi cùng nhau và sau đó tạo khoảng trống xung quanh nhóm đó như tiêu đề và tiêu đề phụ.

Sai lầm khi thiết kế trang web # 7 – Viết kém hoặc quá phức tạp

Sai lầm khi thiết kế trang web
Sai lầm khi thiết kế trang web – Viết kém hoặc quá phức tạp

Việc viết có thể mất quá nhiều thời gian để đọc và nó sẽ khiến trang web của bạn chứa rất nhiều thông tin không cần thiết.

Điều quan trọng là đơn giản hóa, đơn giản hóa, đơn giản hóa.

Bạn hiểu nội dung của mình ở cấp độ 10 nhưng bạn nên viết nó ở cấp độ 1.

Bản sao trên trang web của bạn về cơ bản phải đọc được suy nghĩ của khách truy cập và trả lời câu hỏi của họ trước khi họ biết họ muốn hỏi họ.

Đây là một bài tập hữu ích:

Hãy thử hỏi một vài người bạn để xem trang web của bạn. Nếu họ có bất kỳ câu hỏi nào ở phần cuối, thì bạn biết rằng bạn có điều gì đó cần phải viết lại.

Một cách để suy nghĩ về bài viết của bạn giống như một con dốc trơn trượt.

Khái niệm này đến từ nhà viết quảng cáo huyền thoại Joe Sugarman.

Về cơ bản, bạn muốn người đọc cảm thấy như họ đang trượt xuống một trang trình bày khi đọc bản sao của bạn – các từ trên trang.

Điều đó có nghĩa là thu hút sự chú ý của họ bằng một câu ngắn

Và một cái khác.

Có thể là một cái nữa.

Bây giờ chúng bắt đầu trượt và bạn giữ cho trang chiếu bóng bẩy với những câu đơn giản xây dựng câu này chồng lên câu kia.

Điều quan trọng là tập trung vào một ý tưởng lớn (tốt nhất bạn có thể) cho mỗi phần của bài viết.

Toàn bộ phần này, Sai lầm # 7, chỉ xoay quanh việc đơn giản hóa bài viết của bạn. Mình không nói về bất kỳ chủ đề nào khác.

Nhưng khi bạn đã sẵn sàng chuyển sang một chủ đề khác, hãy sử dụng các hiệu ứng chuyển tiếp như:

Những gì bạn viết chỉ là một phần của câu đố. Phần còn lại là cách các từ trông như thế nào trên màn hình.

Tham khảo địa chỉ mua Plugin Premiem giá rẻ, chất lượng, uy tín ngay tại đây!

Sai lầm khi thiết kế trang web # 6 – Theo dõi kém và dẫn đầu

Đây là một sai lầm thực sự tinh vi thường bị bỏ qua khi viết bản sao cho trang web của bạn.

“Theo dõi” là khoảng cách giữa các chữ cái hoặc từ riêng lẻ trong bài viết của bạn.

Theo dõi càng chặt chẽ, văn bản của bạn sẽ càng khó đọc.

Hãy thử thêm một chút theo dõi để cho các từ của bạn dễ đọc hơn.

“Hàng đầu” là khoảng cách giữa các dòng văn bản.

Đây cũng có thể được gọi là chiều cao dòng. Và một lần nữa, việc thêm một chút khoảng cách giữa các dòng văn bản có thể giúp mọi thứ dễ đọc hơn nhiều.

Mình đã xây dựng một loạt các trang web trước khi nhận ra điều này và sẽ thật tuyệt vời nếu ai đó nói với mình điều này sớm hơn.

Sai lầm khi thiết kế trang web # 5 – Thiếu nhất quán

Sai lầm khi thiết kế trang web # 5 – Thiếu nhất quán

Có nhiều phông chữ khác nhau và kích thước phông chữ khác nhau sẽ làm cho trang web của bạn trông không chuyên nghiệp và rất thiếu nhất quán.

Hãy thử chỉ sử dụng hai phông chữ khác nhau và cố gắng đặt kích thước phông chữ xác định cho cả hai tiêu đề H1 và H2.

Ví dụ, H1 có thể được đặt ở 36 điểm trong khi H2 là 18 điểm.

Kích thước phông chữ tiêu đề nhất quán

Sử dụng những con số này trong suốt phần còn lại của trang web của bạn. Điều này sẽ đảm bảo rằng mọi thứ trông sạch sẽ và nhất quán và tất cả những gì bạn phải làm là tô đậm văn bản của mình bất cứ khi nào bạn muốn điều gì đó nổi bật.

Bạn cũng sẽ nhận thấy trong hình trên rằng mình đã chỉ định một phông chữ cho tiêu đề và phông chữ khác cho văn bản bình thường. Điều này thêm một lớp trực quan khác có thể nâng cao giao diện của trang web của bạn.

Ý tưởng là làm việc thông minh hơn, không phải chăm chỉ hơn.

Sai lầm khi thiết kế trang web # 4 – Lựa chọn hình ảnh kém

Bây giờ, không có gì sai khi sử dụng một trang web nhiếp ảnh có sẵn để lấy hình ảnh của bạn.

Một vài người trong số mình ở đây tại CaPW là nhiếp ảnh gia và mình vẫn không muốn ra ngoài và tự chụp mỗi khi mình cần những bức ảnh đẹp cho trang web của mình.

Vì vậy, mình sử dụng pixabay.com hoặc pixel.com thường xuyên một cách lố bịch.

Nhưng một số ảnh có thể quá bận rộn và mất tập trung để hấp thụ văn bản hoặc thông tin quan trọng khác trên trang web của bạn.

Để khắc phục điều này, hãy thử sử dụng hình ảnh có một chút không gian trống trong đó. Bằng cách đó, bạn có thể đặt văn bản lên trên cùng mà chúng không xung đột.

Hoặc bạn chỉ có thể thử thêm lớp phủ nền.

Lớp phủ nền phải có 50% màu trắng trở lên nếu bạn có văn bản màu đen hoặc 50% màu đen đối với văn bản màu trắng. Sau đó, bạn có thể sử dụng khá nhiều hình ảnh mà vẫn đọc được văn bản.

Sai lầm khi thiết kế trang web # 3 – Đoạn văn dài

Các đoạn văn dài ngay lập tức trông thực sự khó khăn và người xem có thể bỏ qua chúng để tìm các đoạn thông tin ngắn hơn.

Mình khuyên bạn nên thêm một vài ngắt nghỉ sau mỗi hai hoặc ba câu để dễ tiếp thu hơn.

Điều này đơn giản như chỉ cần nhấn phím quay lại hai lần sau mỗi hai hoặc ba câu.

Không quan trọng nếu ai đó đang đọc một cuốn sách hay một trang web, mọi người có xu hướng đọc câu đầu tiên của mỗi đoạn văn để tìm kiếm thông tin phù hợp, vì vậy việc đặt những phần thông tin quan trọng nhất vào câu đầu tiên của mọi đoạn văn.

Và mình biết tất cả các bạn chuyên ngành tiếng Anh khi đọc bài này sẽ không thích lời khuyên này, nhưng thực tế là, người đọc trên Internet (và người đọc nói chung ngày nay) thích cách viết ngắn gọn hơn.

Bằng chứng: người đọc trực tuyến trung bình có khoảng chú ý như một con cá vàng .

Các đoạn văn ngắn hơn khuyến khích mọi người tiếp tục đọc và giúp họ tập trung.

Sai lầm khi thiết kế trang web # 2 – Căn giữa Logo của bạn trên Tiêu đề

Sai lầm khi thiết kế trang web # 2 – Căn giữa Logo của bạn trên Tiêu đề

Đặt logo của bạn ở giữa tiêu đề có thể cảm thấy tốt vì bạn khác biệt hơn so với những người khác nhưng nó có một nhược điểm.

Có một lý do khiến hầu hết mọi người đặt logo của họ ở phía bên trái:

Người dùng Internet đã có điều kiện nhấp vào biểu tượng để quay lại trang chủ kể từ khi Internet được tạo ra khá nhiều.

Vì vậy, ngay sau khi bạn đặt biểu trưng của mình ở trung tâm, bạn đã thêm một phần tư giây, thậm chí có thể là một giây đầy đủ hoặc lâu hơn để người xem thực sự tìm ra cách truy cập trang chủ của bạn.

Bước bổ sung này làm giảm trải nghiệm người dùng.

Và như mình đã nói trước đó, giảm thiểu lượng trí não họ cần sử dụng là chìa khóa để có trải nghiệm người dùng tuyệt vời.

Tốt nhất bạn nên tuân theo các phương pháp thông thường và làm những gì mọi người mong đợi – giảm thiểu sự nhầm lẫn.

Đọc thêm: 
USP là gì? 3 ví dụ và cách xác định USP sản phẩm/dịch vụ của bạn

Top 5 nền tảng thiết kế Landing Page chuyên nghiệp, hiệu quả 2021

Sai lầm khi thiết kế trang web # 1 – Thiết kế trang web không phản hồi

Mình để điều này ở vị trí số một bởi vì có một trang web không phản hồi là một cách chắc chắn để mất 50 phần trăm khách truy cập của bạn.

Không đùa chút nào…

Hơn % lưu lượng truy cập web toàn cầu đến từ thiết bị di động .

Đảm bảo rằng trang web của bạn cũng trông đẹp trên thiết bị di động là cực kỳ quan trọng.

Không có gì khó chịu hơn với tư cách là một khách truy cập trang web hơn là vào một trang web và bạn thậm chí không thể nhấp vào các nút hoặc đọc văn bản.

Nhưng không chỉ người dùng muốn trang web của bạn được tối ưu hóa cho thiết bị di động:

Trên thực tế, vào ngày 1 tháng 7, họ sẽ triển khai lập chỉ mục ưu tiên thiết bị di động.

Điều này có nghĩa là các trang web được xây dựng để hoạt động tốt và trông đẹp trên điện thoại di động sẽ tự động bắt đầu xếp hạng cao hơn trong các công cụ tìm kiếm so với các trang web không được tối ưu hóa cho điện thoại di động.

Đây là một thay đổi lớn và sẽ làm phiền lòng rất nhiều chủ sở hữu trang web.

Đó là lý do tại sao đây là khuyến nghị số 1 của mình.

Làm cho trang web của bạn đáp ứng với thiết bị di động là điều tuyệt vời cho người đọc của bạn và nó đặc biệt tuyệt vời cho SEO và xếp hạng cao hơn trong Google.

Trên đây là Top 10 những sai lầm khi thiết kế web mà người dùng hay gặp phải, bạn nên lưu ý những trường hợp này và tránh nó nhé.

Chúc các bạn thành công.

Bạn đặt câu hỏi bên dưới tôi biết sẽ giúp bạn

Nền tảng làm web tốt

Kết nối với tôi

Học Marketing Miễn Phí