Thiết kế website sai lầm 10

Bài viết được viết bởi:
  • Thiết kế website
  • Cập nhật: Tháng Tám 03, 2017

Cho dù bạn có các khóa học tại trường cao đẳng cộng đồng địa phương, đã được thiết kế trang web trong nhiều năm, hoặc là một học tập nghiệp dư khi bạn đi, có một số điều mọi nhà thiết kế web nên tránh nếu anh ta muốn khách truy cập để tận hưởng thời gian trên trang web của mình.

Bạn có thể đã nghe cụm từ “dính” trong tham chiếu đến một trang web.

Điều này đơn giản có nghĩa là một trang web nơi khách truy cập muốn gắn bó - một trang web ở lại với trình duyệt và trang mà cô ấy đánh dấu và thường xuyên ghé thăm. Có rất nhiều yếu tố đi vào làm cho một trang web dính rằng nó là một chủ đề hoàn toàn khác.

Tuy nhiên, chắc chắn có một số lỗi thiết kế web có thể khiến một trang web mà khách truy cập muốn chạy trốn. Đây là thiết kế no-no mà bạn nên tránh.

Sai lầm #1: Màu sắc Jarring

Màu sắc quá sáng, chúng làm tổn thương mắt hoặc màu sắc của bạn xung đột với nhau hoặc có thể làm cho khách truy cập trang web muốn chạy khỏi trang web. Khi lên kế hoạch cho chủ đề trang web của bạn, hãy thử chọn các màu bổ sung cho nhau. Vàng hiếm khi hoạt động như một màu chính, mặc dù nó có thể trông tốt như một giọng. Sử dụng mọi màu sắc của cầu vồng hiếm khi là một ý tưởng hay.

Tiêu đề trang web: Moradito

Ví dụ về thiết kế không hợp lệ

Trang web này sử dụng gần như mọi màu sắc có thể tưởng tượng được trong một mẫu kiểu câu đố. Cách duy nhất để mô tả nó là xấu xí.

Sai lầm #2: Quá nhiều đồ họa

Nếu bạn làm lộn xộn trang web của bạn với đồ họa, hai điều khác nhau sẽ xảy ra. Đầu tiên, trang trở nên quá bận khiến khách truy cập có thể không chắc chắn nơi nhấp vào hoặc nội dung họ muốn xem trước tiên. Thứ hai, nếu trình duyệt có kết nối Internet chậm hơn, trang có thể mất quá nhiều thời gian để tải. Sau thời gian 30 giây, hầu hết mọi người sẽ rời khỏi và chuyển sang một trang web khác. Chúng ta đang sống trong một thời đại mà mọi thứ đều ngay lập tức. Nếu bạn không thu hút sự chú ý của khách hàng trong vài giây đầu tiên, bạn có nguy cơ mất hoàn toàn cô ấy.

Tên trang web: Pine-Sol

Ví dụ về thiết kế không hợp lệ

Trang web này có rất nhiều đồ họa mà nó chỉ trông lộn xộn.

Trên đầu trang của nhiều đồ họa, các hình ảnh di chuyển xung quanh tất cả các trang, vì vậy ngay cả khi khách truy cập muốn nhấp vào một trong những hình ảnh, cô sẽ phải đuổi theo chúng bằng con chuột của mình.

Lỗi #3: Thời gian tải chậm

Trang web của bạn có tải chậm đến nỗi khách truy cập có thời gian để đi lấy một tách cà phê và một chiếc bánh rán trước khi quay lại không?

Thêm quá nhiều phần tử, chẳng hạn như flash, âm thanh, tấn đồ họa có độ phân giải cao hoặc tập lệnh java, có thể khiến trang web tải chậm hơn và chậm hơn. Hãy nhớ rằng trong khi hầu hết khách truy cập của bạn sẽ có tốc độ cao, vẫn có những khách hàng nông thôn sẽ quay số và không thể truy cập trang web của bạn nếu tải quá chậm.

Không chỉ là tốc độ cần thiết cho trải nghiệm người dùng mà còn là yếu tố xếp hạng rất quan trọng. Tốc độ trang đã trở thành yếu tố xếp hạng công cụ tìm kiếm trong 2010 và vào tháng 6 2016, Google cho biết sẽ cập nhật yếu tố xếp hạng tốc độ trang để xem cụ thể tốc độ trang của các trang di động của bạn. Với tìm kiếm trên điện thoại di động chiếm hơn một nửa số lần tìm kiếm của Google, tốc độ trang trên thiết bị di động cũng phải được tối ưu hóa.

- Nguồn: Tăng SEO của bạn với tốc độ trang web tốt hơn

Tên trang web: Bảo tàng của tôi

Ví dụ về thiết kế không hợp lệ

Các flash trên trang web này làm cho nó tải rất chậm. Trên hết, không có liên kết dễ nhìn thấy nào để bỏ qua flash. Trình duyệt với tốc độ tải xuống chậm hơn sẽ tìm thấy trang web này quá cồng kềnh để tải rằng chúng có thể sẽ thoát ra khỏi trang web và không bao giờ quay trở lại.

Mẹo: Kiểm tra tốc độ trang web và được tư vấn cải thiện thông qua Thông tin chi tiết về Google Page Speed.

Sai lầm #4: Quá nhiều quảng cáo

Các trang web nội dung và blog kiếm tiền từ quảng cáo thay vì bán sản phẩm. Tuy nhiên, khi nhiều chủ sở hữu trang web thất bại là bằng cách thêm quá nhiều quảng cáo đến nỗi khách truy cập không thể biết sự khác biệt giữa nội dung và quảng cáo. Nếu khách truy cập phải tìm kiếm để tìm bài viết hoặc phần còn lại của một bài viết, thì có quá nhiều quảng cáo trên trang. Một hoặc hai quảng cáo được đặt cho trang web là tốt nhất. Hơn thế nữa và bạn có nguy cơ làm phiền trình duyệt của bạn.

Trong thực tế, trong một báo cáo quảng cáo kỹ thuật số được thực hiện bởi Upstream và YouGov trong 2012, họ nhận thấy rằng khoảng 20% người tiêu dùng nói rằng nếu một công ty quảng cáo quá nhiều, họ sẽ không bao giờ sử dụng lại công ty đó nữa.

Tiêu đề trang web: Hemmy.net

Ví dụ về thiết kế không hợp lệ

Trên một số trang của trang web này, toàn bộ khu vực xem ở đầu trang là khoảng 90% quảng cáo thuộc các loại khác nhau. Để truy cập nội dung của trang, người dùng phải cuộn xuống. Ngay cả ở đó, có thêm quảng cáo nằm rải rác khắp nơi. Nó rất mất tập trung đến nỗi khó tập trung vào trang web.

Sai lầm #5: Chỉnh sửa ảnh nghiệp dư

Không có gì la hét nghiệp dư to hơn một hình ảnh chưa được chỉnh sửa đúng cách. Các trang web có loại vấn đề này có thể cắt hình ảnh với các đường viền mờ, các màu tự động sửa đổi, kỹ thuật phân tầng kém khiến cho hai ảnh được ghép lại với nhau hoặc tỷ lệ được thay đổi kích thước lạ.

Tên trang web: Xe buýt của Peter

Ví dụ về thiết kế không hợp lệ

Có một số vấn đề với đồ họa trên trang này.

Đầu tiên, có một chiếc xe buýt với màu trắng thay vì nền trong suốt chỉ được đặt trên trang và trông có vẻ nghiệp dư. Hai bức ảnh bên phải cũng có vấn đề khi chúng được kéo dài và thay đổi kích thước mà không có tỷ lệ được duy trì. Những bức ảnh nhìn ra và những người ở bên phải xuất hiện để kéo dài ra rằng họ có thể là những người khổng lồ trong vùng đất của Lilliput.

Mẹo: Sử dụng các công cụ chỉnh sửa hình ảnh trực tuyến miễn phí: Canva, Pic Monkey

Sai lầm #6: Thiết kế một Ba năm cũ có thể tạo

Nếu trang web của bạn trông giống như bạn đã mở Microsoft Word, tạo một đoạn Word Art và ném trang web lên trên Internet, thì bạn có thể muốn suy nghĩ lại các yếu tố thiết kế của mình. Mặc dù đơn giản là sự giảm giá chào mừng từ một số trang web bận rộn hơn, nếu bạn quá đơn giản, bạn có nguy cơ trang web của bạn trông trẻ vị thành niên và rẻ tiền.

Tiêu đề trang web: Cyber ​​D-Sign Clan

Ví dụ về thiết kế không hợp lệ

Ví dụ về thiết kế không hợp lệ

Thiết kế này đơn giản đến nỗi nó sẽ được nhận ra ngay lập tức như là một mẫu nền cơ bản của Microsoft và Word Art.

Nhà thiết kế thậm chí không thay đổi màu sắc của các từ từ thiết kế tiêu chuẩn MS bắt đầu bằng. Ngày đầu đó, một trang pop-up cố gắng tải. Điều này có thể bị bỏ qua nếu thiết kế tốt hơn khi bạn bỏ qua phần giới thiệu và nhấp qua trang chính. Tuy nhiên, thiết kế của trang được liên kết (bên dưới) cũng đáng thất vọng.

Lỗi #7: Điều hướng kém

Ngay cả khi một trang web có thiết kế trực quan hấp dẫn, khách truy cập có thể phát triển thất vọng và bỏ qua việc điều hướng kém. Ví dụ: các trang web không có liên kết rõ ràng hoặc có quá nhiều mục nên khó quyết định nơi cần đi. Một vấn đề mà nhiều chủ trang web phải đối mặt là một trang web nhỏ đột nhiên phát triển lớn hơn. Điều hướng hoạt động khi trang web có năm trang đơn giản sẽ không hoạt động khi trang web có các trang 500. Nhìn vào cách trang web có thể được làm lại và tái cơ cấu thành các loại và tiểu loại để khách truy cập sẽ hiểu chính xác nơi để đi cho những gì họ muốn. Nó cũng là thông minh để thêm một hộp tìm kiếm.

Tiêu đề trang web: LawnSignDirectory.com

Ví dụ về thiết kế không hợp lệ

Khách truy cập dự kiến ​​hướng tìm kiếm cho khu vực của họ, nhưng thay vào đó có hàng tá liên kết được liệt kê ở phía bên trái của trang, quảng cáo ở bên phải và một số doanh nghiệp nổi bật. Trang web này có thể hưởng lợi từ việc cải tiến cấu trúc tổ chức, để khách truy cập có thể dễ dàng tìm thấy tài nguyên họ đang tìm kiếm.

Lỗi #8: Các vấn đề về văn bản

Các nhà thiết kế web sử dụng nền tảng bận rộn và sau đó chọn màu văn bản không cung cấp đủ độ tương phản làm cho các trang web của họ không thể đọc được. Nếu mắt của một khách truy cập bị tổn thương sau khi đọc một bài viết, tại sao cô ấy lại ở lại để đọc thêm các trang trên trang web của bạn? Nếu bạn phải chọn một nền bận rộn, ít nhất là đặt một hộp, lớp, hoặc bảng nội dung với một nền tảng vững chắc và chọn một màu văn bản mà là ngược lại. Cố gắng tránh xám trên xám, nhưng chọn màu trắng trên màu đỏ đậm, đen trên màu hồng nhạt, v.v.

Các từ chồng lên nhau cũng khó đọc như là các đoạn được phủ một phần đồ họa và một phần trên nền liền mạch.

Tiêu đề trang web: Tam giác Bermuda

Ví dụ về thiết kế không hợp lệ

Không chỉ có các vấn đề tương phản trên trang web này, nhưng văn bản chồng chéo các văn bản khác, làm cho nó gần như không thể đọc được.

Lỗi #9: Typos

Không có gì hét lên không chuyên nghiệp hơn là lỗi chính tả và các vấn đề ngữ pháp. Mặc dù không ai hoàn hảo, bạn có thể cố gắng đến gần. Yêu cầu bạn bè và gia đình xem qua các trang của bạn và giúp bạn tìm thấy các lỗi này hoặc thuê một biên tập viên chuyên nghiệp để chứng minh các trang của bạn. Ví dụ dưới đây chỉ là để giải trí. Đây không phải là một công ty thiết kế web thực sự, nhưng một cái nhìn lưỡi-trong-má như thế nào không chuyên nghiệp một số công ty xuất hiện.

Tên trang web: Web Tek Rocks

Ví dụ về thiết kế không hợp lệ

Một lỗi đánh máy có thể bị bỏ qua, nhưng trang web này cho thấy một số trang web râm đầy lỗi. Đối với một công ty muốn giúp bạn đưa trang web của mình lên web, họ có thể sẽ được phục vụ tốt hơn để dành thời gian sửa các vấn đề trên trang web của riêng họ trước khi tạo trang web của bạn. “Đặc biệt” được đánh vần là SPECAIL; “Chuyên môn” được viết là “experteze”; Họ cung cấp để "giúp đưa mình" trực tuyến; "Chúng ta có thể xây dựng trang web của bạn nhanh hơn bất kỳ ai! ”

Mẹo: Tìm hiểu làm thế nào để bắt lỗi chính tả và lỗi trong văn bản của bạn.

Sai lầm # 10: Quá tệ đến mức bạn không thể giải thích được

Một số trang web chỉ là bản chất xấu trong thiết kế. Đôi khi nó không phải là một điều làm cho trang web đau đớn cho đôi mắt của bạn, nhưng gần như tất cả mọi thứ trên trang web.

Có thể có sự kết hợp các màu xấu, điều hướng kém và các mục khác. May mắn thay, các trang web này rất hiếm, nhưng việc xem chúng có thể giúp bạn biết không phải để làm khi bạn thiết kế trang web của mình.

Tiêu đề trang web: The Afterlife

Ví dụ về thiết kế không hợp lệ

Trang web này thật kinh khủng đến mức khó mô tả. Đầu tiên, bất cứ ai dễ bị co giật nên tránh xa trang web này, bởi vì nó có khả năng gây ra một cơn động kinh ngay cả một người không dễ bị bắt giữ. Các trang web cuộn, được làm đầy với đồ họa hoạt hình và nhấp nháy. Trên hết, đồ họa không hấp dẫn đối với hầu hết các phần, kết thúc với một em bé trong bandana chơi guitar. Truy cập nếu bạn dám.

Bài viết của Lori Soard

Lori Soard đã làm việc như một nhà văn tự do và biên tập viên từ 1996. Cô có bằng cử nhân về Giáo dục tiếng Anh và bằng Tiến sĩ về Báo chí. Các bài báo của cô đã xuất hiện trên các tờ báo, tạp chí, trực tuyến và cô đã xuất bản nhiều cuốn sách. Kể từ 1997, cô đã làm việc như một nhà thiết kế web và quảng bá cho các tác giả và các doanh nghiệp nhỏ. Cô thậm chí còn làm việc cho một thời gian ngắn xếp hạng các trang web cho một công cụ tìm kiếm phổ biến và nghiên cứu chiến thuật SEO chuyên sâu cho một số khách hàng. Cô thích nghe từ độc giả của mình.

Được kết nối: