5 mẹo để đơn giản hóa thiết kế web của bạn

Quy tắc đơn giản! Nó làm cho một trang web trông bóng bẩy, giảm sự nhầm lẫn khó chịu và nó giúp đạt được các mục tiêu và kết quả mong muốn (tức là, nhiều người đăng ký, người đăng ký và bán hàng). Nhưng quá thường xuyên có vẻ khó nắm bắt để đơn giản hóa thiết kế trang web của bạn. Cho dù bạn cố gắng thế nào, bạn cũng không thể làm cho công việc của mình giống như của Apple. Vì vậy, một nhà thiết kế trang web thực sự cần phải làm gì? Đừng băn khoăn, vì có 5 điểm khởi đầu để đơn giản hóa thiết kế trang web của bạn.

Một thiết kế trang web đơn giản không phải là một thử thách khó khăn tất cả hoặc không có gì - bạn có thể đơn giản hóa thiết kế của mình bằng cách thực hiện các bước nhỏ. Các tác vụ đơn giản như chỉ tập trung vào các yếu tố thiết yếu của trang web của bạn, loại bỏ những thứ không cần thiết, giảm số lượng trang mà trang web của bạn có, nhận được nhiều nội dung hơn gấp và hạn chế số lượng màu bạn sử dụng. Bạn luôn có thể tinh chỉnh và cải thiện thiết kế đơn giản của mình, nhưng điều quan trọng ở đây là bắt đầu.

Sẵn sàng để bắt đầu đơn giản hóa thiết kế trang web của bạn? Tuyệt vời. Không có thêm rắc rối, đây là 5 điểm khởi đầu để đơn giản hóa thiết kế trang web của bạn.

1. Chỉ tập trung vào các yếu tố cần thiết

Bước đầu tiên này có vẻ như tát trán rõ ràng: của khóa họcTôi nên tập trung vào các yếu tố thiết yếu trong trang web của mình, tôi là ai, một thằng ngốc? Nhưng một số lượng đáng ngạc nhiên các trang web không đạt được điều này và kết quả là một mớ hỗn độn lớn của các yếu tố quan trọng và không quan trọng được đưa lên một trang. Tôi có tội khi làm điều này trong quá khứ như bất kỳ ai. Thật khó để khách quan và ưu tiên những gì quan trọng hay không, bởi vì mọi điều có vẻ cần thiết Nếu bạn muốn thiết kế trang web của bạn đơn giản hơn, hãy xác định những gì cần phải tập trung, giống như với bất kỳ thiết kế hình ảnh tốt hoặc tác phẩm nghệ thuật. Và điều đó có nghĩa là chỉ tập trung vào các yếu tố thiết yếu.

Sử dụng quy tắc 80-20

20% những gì trên một trang mang lại 80% giá trị và nội dung mà mọi người đến đó để làm gì? Nó có thể là bản sao, một số bằng chứng xã hội (xem lại đoạn trích, lời chứng thực, huy hiệu phương tiện) và một hình thức đăng ký hoặc nút kêu gọi hành động, ví dụ. Đó là 20% ngay tại đó. Trên trang web của bạn, cũng như trên từng trang cá nhân, chỉ tập trung vào hiển thị 20% các yếu tố trang web đang cung cấp 80% tính hữu ích đó.

Đây không phải là một bước kỹ thuật mà là một nguyên tắc mà bạn có thể sử dụng làm hướng dẫn để đơn giản hóa thiết kế trang web của mình liên tục. Quy tắc 80-20 sẽ giúp đơn giản hóa thiết kế trang web của bạn bằng cách đẩy bạn cắt giảm các yếu tố trang web của bạn xuống các yếu tố cần thiết. Điều thực sự thú vị là quy tắc 80-20 cũng có thể giúp tăng kết quả mong muốn mà bạn hy vọng đạt được trên trang web của mình. Ví dụ: tỷ lệ chuyển đổi tăng trong khách truy cập đăng ký, đăng ký hoặc mua. Làm sao? Bạn đang làm cho nó để có ít phiền nhiễu hơn và những thứ để khách truy cập nhấp vào để rời khỏi trang.

Như chúng ta đều biết, chúng ta luôn tìm kiếm một lý do để không mua thứ gì đó ở bước cuối cùng, và bất kỳ lý do nào để điều hướng đi là một lý do tốt. Giảm các lý do đó và các tùy chọn nhấp chuột theo quy tắc 80-20.

Chris Pearson, người tạo ra khung chủ đề Thesis WordPress nổi tiếng, cho biết đây chính xác là thứ giúp tăng doanh số trên trang web của anh.

2. Thoát khỏi tất cả các yếu tố không cần thiết

Chúng tôi đang tiếp tục với quy tắc 80-20 tại đây.

Bây giờ bạn đã xác định được 20% yếu tố trang web sẽ mang lại cho bạn 80% kết quả mong muốn, đã đến lúc loại bỏ tất cả các yếu tố không cần thiết. Nói cách khác, 80% các yếu tố trang web sẽ giúp bạn chỉ nhận được 20% kết quả. Nó có thể là các tiện ích chia sẻ phương tiện truyền thông xã hội, các yếu tố thanh bên, chi tiết meta bài đăng trên blog (ngày, giờ, tác giả, số lượng bình luận, v.v.) hoặc liên kết trong phần chân trang (điều này đặc biệt là thủ phạm rất nhiều lần, đặc biệt là khi khách truy cập đang tìm kiếm lý do đã nói ở trên để điều hướng khỏi trang).

3. Giảm số lượng trang

Một phần lớn của việc đơn giản hóa thiết kế trang web của bạn là chỉ cần có ít địa điểm để khám phá và nhấp chuột xung quanh. Bạn có thể làm điều đó bằng cách cắt tỉa số trang. Hoặc loại bỏ các trang không cần thiết mà sâu bên trong bạn biết là không cần thiết, hoặc ít nhất, hợp nhất nhiều trang thành một. Ý tôi là, bạn không có thật không cần tách các trang "về trang web" và "về tôi".

Đầu tiên, hãy suy nghĩ về khách truy cập - nếu bạn đã đến trang web của mình, những điều quan trọng bạn muốn làm là gì? Ví dụ tìm hiểu những gì công cụ của bạn là về? Hoặc là liên lạc với bạn? Kế tiếp, đảm bảo rằng các trang của bạn tạo điều kiện cho những gì cần thiết và không có gì hơn. Đừng giữ các trang không cần thiết trên trang web của bạn vì bạn nghĩ rằng bạn cần hoặc vì các trang web khác có chúng. Khi bạn giảm số lượng trang trên trang web của mình, không chỉ khách truy cập của bạn dễ dàng tập trung vào nội dung của bạn hơn vì có ít nơi để nhấp xung quanh hơn, nhưng menu điều hướng của bạn cũng đơn giản hơn.

Tất cả chúng ta đã ở trên các trang web với quá nhiều mục menu điều hướng. Chúng tôi không biết bắt đầu điều hướng ở đâu vì chúng tôi bị choáng ngợp bởi các lựa chọn. Và khi chúng ta bị choáng ngợp bởi việc được trình bày với quá nhiều sự lựa chọn, chúng ta sẽ không chọn gì cả. Bằng cách có càng ít mục menu điều hướng càng tốt, bạn làm cho trang web của mình không chỉ đơn giản hơn mà còn hấp dẫn và thân thiện hơn với khách truy cập.

4. Nhận thêm nội dung trên màn hình đầu tiên

Các nghiên cứu đã chỉ ra rằng phần lớn mọi người dành phần lớn thời gian của họ trên màn hình đầu tiên (những gì hiển thị trên màn hình mà không cuộn xuống). Vì vậy, nếu bạn muốn tăng hiệu quả của trang web của mình, hãy có nội dung chính và các yếu tố kêu gọi hành động trên màn hình đầu tiên. Bạn có thể làm điều gì đó đơn giản như rút ngắn chiều cao tiêu đề nếu bạn có logo và menu điều hướng ở đầu trang web của bạn.

Điều này không liên quan gì đến việc thay đổi giá trị "chiều cao" của tiêu đề trong biểu định kiểu của bạn (thường là style.css hoặc là bảng định kiểu.css). Ngoài ra, hãy xem nếu một hình thức đăng ký hoặc nút nằm dưới nếp gấp. Di chuyển yếu tố đó lên cao hơn trong trang để đó là điều đầu tiên khách truy cập nhìn thấy. Rốt cuộc, đó Là lời kêu gọi hành động mong muốn của bạn, vì vậy hãy giảm bớt công việc cần thiết để có được nó (tức là cuộn).

5. Hạn chế phối màu của bạn

Thật dễ dàng để được mang đi với màu sắc. Tại sao giải quyết trên 2 hoặc 3 màu khi bạn có thể có 12 hoặc 13? Nhưng để đơn giản hóa thiết kế trang web của bạn một cách trực quan, bạn cần giới hạn bảng màu của mình. Khi nghi ngờ, sử dụng ít màu hơn. Tất nhiên, nó sẽ thay đổi dựa trên thiết kế của bạn, nhưng hãy thử gắn bó với không quá 2 hoặc 3 màu để bắt đầu. Nếu bạn cần thêm sự tinh tế và kết cấu cho thiết kế hình ảnh của mình, hãy sử dụng các sắc thái cùng màu - xanh nhạt cho nền và xanh đậm hơn cho các mục tiêu đề và menu.

Tôi cũng có tội như bất cứ ai có được màu sắc hoang dã trong quá khứ. Tôi sẽ thêm màu này, rồi màu khác và màu khác - và trước khi tôi biết, nó trông giống như một cơn tiêu chảy cầu vồng trên khắp trang web của tôi. Bạn có thể có trang web của mình được đơn giản hóa một cách xây dựng, nhưng nếu màu sắc làm rối mắt khi bạn nhìn vào nó thay vì khen ngợi nội dung, thì tất cả những nỗ lực đó là vô ích. Vì vậy, sử dụng ít màu hơn với thiết kế trang web của bạn thay vào đó.

Gặp khó khăn khi chọn màu để bắt đầu? Trước & Sau tạp chí có một cuốn sách điện tử miễn phí hữu ích về cách tìm màu sắc hoàn hảo ở đây. Cần giúp đỡ với việc chọn một bảng màu? Hãy thử trình tạo sơ đồ màu tiện dụng này.

Cuối cùng nhưng không kém phần quan trọng

Hy vọng rằng bây giờ bạn đã được trang bị vũ khí và sẵn sàng để bắt đầu đơn giản hóa thiết kế trang web của bạn. Bạn sẽ tự hào hơn khi khoe trang web của mình bởi vì nó sẽ trông thật quyến rũ và cuối cùng, khách truy cập của bạn sẽ có trải nghiệm duyệt web thú vị hơn nhiều trong trang web của bạn.

Tóm lại, đây là 5 điểm khởi đầu để đơn giản hóa thiết kế trang web của bạn:

1. Chỉ tập trung vào các yếu tố cần thiết
2. Loại bỏ tất cả các yếu tố không cần thiết
3. Giảm số lượng trang
4. Nhận thêm nội dung trên màn hình đầu tiên
5. Giới hạn bảng màu của bạn

Những bài viết liên quan

• 11 lỗi thiết kế web phổ biến. Những việc như tránh các hình thức phức tạp, nội dung không có tổ chức, khả năng đọc kém và thanh tìm kiếm không dễ tìm - tất cả sẽ giúp bạn đơn giản hóa thiết kế trang web của mình và làm cho nó trở thành niềm vui cho khách truy cập và tỷ lệ chuyển đổi cao hơn cho bạn.
• Thiết kế trang web sạch sẽ, đơn giản và tối giản. Tất cả các ví dụ trang web đó chỉ chứng minh thêm rằng một thiết kế đơn giản không chỉ trông ngọt ngào và gây ấn tượng với các thành viên khác giới, mà nó còn giúp ích rất nhiều cho trải nghiệm người dùng

Đối với bạn: mẹo đơn giản hóa thiết kế trang web yêu thích của bạn là gì? Bạn đã thấy sự gia tăng kết quả mong muốn của bạn từ việc đơn giản hóa thiết kế của bạn?

Ghi chú của biên tập viên:Ã'Â Bài này được viết bởi Oleg Mokhov cho Hongkiat.com. Oleg Mokhov là nhạc sĩ điện tử di động nhất thế giới, một người đam mê thiết kế web và hình ảnh, và đồng sáng lập của cửa hàng âm nhạc miễn phí bản quyền cao cấp - Soundtrackster.