it-swarm-vi.tech

Siêu liên kết có nên có màu xanh?

Tôi đã xây dựng một trang web nơi tất cả các siêu liên kết có màu mặc định: màu xanh lam cho các liên kết, màu tím cho các liên kết được truy cập. Chúng chuyển sang màu đỏ khi di chuột.

Tôi tin rằng luôn luôn sử dụng màu xanh lam cho các siêu liên kết là một điều tốt, vì vậy người dùng của bạn nhanh chóng có thể thấy những gì là một siêu liên kết và những gì không. Tuy nhiên, một số đồng nghiệp của tôi không đồng ý và muốn các màu khác.

Suy nghĩ của bạn về điều này là gì?

42
Husky

Một tiêu chuẩn, chẳng hạn như # 0000FF cho các liên kết không mong muốn và # 800080 cho các liên kết được truy cập, chỉ tốt nếu gần như tất cả mọi người làm điều đó. Mặt khác, người dùng không thể lường trước được khi nào sẽ tuân theo tiêu chuẩn và chiến thắng và do đó không thể sử dụng nó để dự đoán hành vi của trang web. Thật không may, hầu hết các trang web không tuân theo các tiêu chuẩn màu này. Trong một cuộc khảo sát hỗn loạn (không bị nhầm lẫn với một cuộc khảo sát ngẫu nhiên), tôi thấy rằng ít hơn một phần ba các trang web tuân thủ tiêu chuẩn. Theo kinh nghiệm của tôi, những người dùng tương đối mới với web thậm chí có thể không biết về tiêu chuẩn chỉ là một thứ gì đó mà họ đã có thể nhận được từ trải nghiệm của họ. Màu sắc đã được chứng minh là quá quan trọng của một thuộc tính đồ họa cho mục đích thẩm mỹ và thương hiệu để các nhà thiết kế tuân thủ nghiêm ngặt tiêu chuẩn. Thành thật mà nói, dù sao đó cũng là một tiêu chuẩn tuyệt vời, một số người dùng khó tập trung vào văn bản màu xanh bão hòa cao, đặc biệt là người dùng lớn tuổi. Nhìn chung, tôi không nghĩ rằng có nhiều điểm để tuân thủ tiêu chuẩn này nữa.

Tuy nhiên, vẫn có ý nghĩa để làm cho các liên kết của bạn màu xanh theo nghĩa rộng hơn. Hơn 80% các trang web tôi đã khảo sát sử dụng một số màu xanh lam cho liên kết. Vì vậy, trong khi nó không chính xác là một người dùng tiêu chuẩn có thể dựa vào, tôi tin rằng họ sẽ có xu hướng cho rằng màu xanh lam có nhiều liên kết hơn các màu khác. Từ những gì tôi thấy, bạn có thể thoát khỏi việc sử dụng màu không phải màu xanh cho các liên kết miễn là màu đó (người dùng của bạn không nên ' Không phải chà chuột trên mỗi văn bản màu để xem đó có phải là liên kết hay không). Tuy nhiên, nếu nó hoàn toàn hợp lý để sử dụng màu xanh lam, thì hãy chuyển sang màu xanh.

Điều quan trọng hơn cả là lựa chọn màu sắc là gạch chân các liên kết của bạn , ít nhất là đối với các liên kết xuất hiện trong menu trên cùng hoặc thanh bên. Hơn 90% các trang web tôi đã xem xét sử dụng gạch chân để phân biệt các liên kết (mặc dù thường chỉ trên di chuột), làm cho nó trở thành một quy ước được tuân thủ rất nhất quán. Việc gạch chân cũng diễn ra gọn gàng các vấn đề về khả năng truy cập của các vấn đề về màu sắc, bao gồm các nhóm nhỏ người dùng hoàn toàn mù màu.

Đặt nó lại với nhau, tôi khuyên bạn nên sử dụng những điều tương tự Jakob Nielsen đề xuất sáu năm trước:

  • Đối với một trang web cung cấp, sử dụng một màu cho tất cả các liên kết không mong muốn. Sử dụng nhiều màu sắc có nghĩa là một liên kết không mong muốn làm tăng gánh nặng học tập của trang web của bạn và khiến người dùng khó quét các liên kết để chọn hơn.

  • Theo màu sắc, tôi có nghĩa là nó có màu sắc - các liên kết không được có màu đen, trắng hoặc xám. Không màu cho biết văn bản không liên kết đến người dùng.

  • Nếu có bất kỳ màu xanh nào trong bảng màu trang web của bạn, thì hãy sử dụng màu xanh đó cho các liên kết.

  • Không bao giờ sử dụng màu liên kết đã chọn cho văn bản không liên kết trên trang web. Điều này sẽ gây nhầm lẫn cho người dùng về những gì và là một liên kết, đánh bại mục đích tô màu các liên kết.

  • Gạch chân tất cả các liên kết. Sử dụng chuột trên gạch chân một cách thận trọng. Tôi sẽ chỉ xem xét nó nếu các liên kết có màu xanh hoặc các liên kết nằm trong menu trên cùng hoặc thanh bên.

  • Không bao giờ gạch chân không liên kết. Sử dụng chữ nghiêng hoặc đậm để nhấn mạnh thay thế.

Đối với các trang web có nội dung tĩnh, nghiên cứu đề xuất rằng bạn hiển thị các liên kết được truy cập có màu khác . Tuy nhiên, không có màu sắc cụ thể cho các liên kết không được chú ý, thật khó để biết nên sử dụng gì cho một liên kết đã truy cập. Chỉ một phần ba các trang web mà tôi khảo sát phân biệt các liên kết đã truy cập và chưa truy cập và hầu hết các trang này sử dụng màu tím cho các liên kết đã truy cập của họ, vì vậy tôi không biết người dùng quen thuộc với quy ước này như thế nào. Mã hóa màu là tùy ý ở đây. Khác biệt, không có gì về màu tím, nghĩa là đã truy cập. Người dùng có thể suy ra ý nghĩa khi họ nhấp vào liên kết và quay lại và xem sự thay đổi màu sắc, nhưng hãy tưởng tượng một người dùng quay lại trang web một tháng sau đó, và một số liên kết là một màu trong khi những liên kết khác có màu khác. khó nhớ đó là cái nào.

Tất cả những gì tôi có thể đề xuất là cố gắng tận dụng trải nghiệm người dùng rộng hơn và chấp nhận màu sắc trông giống như bị mòn của các trang liên kết truy cập. Điều này nên có độ bão hòa màu thấp hơn màu cho các liên kết không được chú ý (phù hợp với việc sử dụng # 800080 so với # 0000FF), nhưng bản thân độ bão hòa thấp hơn có lẽ không đủ để làm cho số lượt truy cập được phân biệt đầy đủ so với tất cả người dùng của bạn. Còn gì nữa không Chuyển màu đỏ như một số trang web làm, phù hợp với việc sử dụng màu tím so với màu xanh? Sử dụng màu nhạt hơn, giống như các trang web khác làm để làm cho liên kết trông có vẻ mờ nhạt? Sử dụng màu tối hơn như các trang web khác vẫn làm để liên kết hòa trộn hơn với văn bản thông thường? Tôi nghĩ rằng điều này cần một số nghiên cứu, và sau đó chúng ta cần phải làm cho nó trở thành một tiêu chuẩn.

32
Michael Zuschlag

Quy ước là Đẹp khi bảng màu của bạn cho phép, nhưng tính nhất quán bên trong là quan trọng hơn, vì vậy đừng cảm thấy như bạn cần phải bám vào bảng màu xanh/tím/đỏ. Điều quan trọng nữa là các liên kết của bạn được phân biệt với văn bản thông thường. Sự khác biệt thường được thực hiện bằng màu sắc, trọng lượng hoặc gạch chân. Màu sắc khác nhau cho các trạng thái liên kết khác nhau làm tăng khả năng sử dụng.

27
Virtuosi Media

Cho dù các liên kết nên có màu xanh hay không là một cuộc thảo luận cũ. Jakob Nielsen, một người, đã được biết là ủng hộ điều này, mặc dù anh ta đã thay đổi qua nhiều năm: in Khả năng sử dụng trang chủ anh ta đưa ra quan điểm đã thay đổi ( Nielsen & Loranger 2006, trang 100).

Tuy nhiên , quan trọng hơn #0000FF liên kết màu là bạn thay đổi màu của truy cập liên kết . Không nhất thiết phải là màu tím, nhưng để một cái gì đó (đáng chú ý) khác nhau.


Ý kiến ​​(lấy cảm hứng) của tôi: Thẩm mỹ quan trọng. Do đó, tôi sẽ chọn a khác biệt màu liên kết phù hợp với cảm giác trực quan tổng thể, có thể là #0000FF hoặc màu khác.

8
jensgram

Lý do cho nó là màu xanh khủng khiếp này là, những người mù màu (nghĩa là trường hợp mù màu phổ biến nhất) có thể phân biệt giữa màu đen và màu xanh, vì vậy họ thực sự thấy sự khác biệt. Nếu bạn có số lượng người dùng có khả năng bị mù màu (ví dụ: google hoặc bing), bạn có thể muốn gắn bó với quy ước này. Nếu không, bạn không cần phải làm điều đó nếu nó không hoạt động với thiết kế của bạn. Nhưng ít nhất bạn có thể gạch chân các liên kết hoặc làm cho chúng khác biệt với chỉ màu sắc.

3
Lukas Oppermann

Họ không cần phải có màu xanh, chỉ cần nhất quán. Và bằng cách nhất quán, tôi không có nghĩa là tất cả chúng phải là một màu. Liên kết trong điều hướng so với liên kết ở chân trang so với liên kết trong nội dung - mỗi liên kết có thể có màu riêng, miễn là chúng nhất quán trong khu vực của chúng và nổi bật như có thể nhấp.

Theo tôi, tốt nhất là nếu màu của nút cũng phù hợp với màu liên kết, mang lại cho người dùng màu "đây là có thể nhấp", không chỉ là màu liên kết. Tôi cũng đồng ý với các nhận xét trước đây về các liên kết được truy cập - chúng không cần phải khác biệt nhiều, nhưng khác biệt đáng chú ý.

Cuối cùng nhưng không kém phần quan trọng, khi bạn xác định màu liên kết, xác định màu nền và màu văn bản.

Đừng cho rằng bạn đang bắt đầu với nền trắng, văn bản màu đen và các liên kết xanh/tím - người dùng có thể thay đổi những điều này. Bạn nên đặt trình duyệt của mình sử dụng các màu không mặc định, để bạn có thể thấy khi các trang web của bạn (và rất nhiều trang khác) không xác định được các màu này. (Tôi có màu nền trình duyệt của mình được đặt thành màu xám nhạt, văn bản màu hạt dẻ, liên kết màu lục sáng, liên kết được truy cập màu xanh đậm và di chuột liên kết màu cam.)

2
Webveloper

Đầu tiên, vấn đề chính với các liên kết không phải là quá nhiều cho dù chúng có phải là một màu cụ thể hay không, nhưng trong việc đảm bảo rằng chúng đủ khác biệt để làm cho chúng rõ ràng chúng là các liên kết.

@VirtuosiMedia và @jensgram, tôi đồng ý rằng phân biệt liên kết được truy cập là tốt, nhưng điều quan trọng đơn giản là đảm bảo các liên kết của bạn nổi bật. Đặc biệt là bây giờ, với tình trạng quá tải thông tin và quét quá nhiều so với việc đọc, người dùng phải xem nhanh các liên kết và thật hữu ích khi biết bạn đã truy cập một cái gì đó, đặc biệt là thứ bạn không truy cập từ trang bạn đang truy cập . Tôi tin rằng khái niệm đó quan trọng hơn nếu một người đọc nội dung trong một lĩnh vực chủ đề chính hoặc ngành, trong đó nhiều trang web liên kết đến cùng một tài liệu. Chúng tôi luôn phải nhớ rằng người dùng có thể ghi đè cách các liên kết được truy cập hoạt động trong cài đặt trình duyệt của họ (như tôi làm).

@Lukas và @Charles Tôi cũng đồng ý rằng gạch chân không nhất thiết phải hoạt động. Nếu thiết kế cho độ tương phản đủ cao, thì đối với những người mù màu chỉ đơn giản sử dụng một màu khác cũng có thể là không đủ. Càng nhiều sự khác biệt bạn có thể cung cấp cho các liên kết của bạn và biến thể lớp giả càng nhiều sau đó, thì càng tốt. Ví dụ, với thiết kế đơn giản, màu văn bản # 333 và màu liên kết # 000 có thể sẽ không đủ cho người dùng có độ nhạy thấp hoặc mù màu, nhưng làm cho liên kết màu đen đậm và gạch chân có thể là đủ. Trạng thái sau đó sẽ là tốt nhất để thay đổi khi di chuột và hoạt động và sau đó thay đổi một lần nữa, có lẽ là một cái gì đó giống như số 999 trong trường hợp tôi đã trích dẫn ở trên.

@Stewbob Thật sao? Ngay cả khi nó làm cho thiết kế của bạn bốc mùi dính vào màu xanh, bạn nên làm gì? Khó khăn.

1
jameswanless

Tôi không nghĩ rằng các vấn đề màu sắc cụ thể, hoặc thậm chí là chúng được gạch chân. Miễn là nó ngay lập tức rõ ràng rằng họ có thể được nhấp vào, thì không sao.

Tôi đã ở các trang web mà tôi phải đi săn (bằng chuột) để tìm thứ gì đó tôi có thể nhấp vào. Nếu con trỏ biến thành bàn tay nhỏ thì tôi biết tôi có thể nhấp vào nó. Đối với tôi đó là thiết kế rất kém.

Mặc dù mỗi thiết kế trang web sẽ khác nhau, tôi nghĩ nói chung nên rõ ràng những gì có thể được nhấp để thực hiện một hành động bằng cách chỉ nhìn (thụ động) vào trang. Đã nói rằng tuân theo các tiêu chuẩn chung, về mặt mọi thứ là tốt. Rất nhiều trang web sẽ có thông tin tài khoản ở phía trên bên phải. Một lần nữa tôi đã ở trên các trang web trong quá khứ mà tôi phải mất 5 phút hoặc hơn để cố gắng tìm liên kết "đăng xuất/tắt".

0
Antony Scott

Dưới đây được Microsoft công bố tiêu chuẩn cho các liên kết . Có một phần cụ thể về liên kết màu sắc và hình nền, với hình minh họa thú vị về cách sử dụng không chính xác.

0
JeromeR