Tôi đã phải tạo một trang với một vài liên kết trên đó, vì vậy tôi nghĩ rằng tôi sẽ cố gắng làm cho các liên kết lớn và trang trí:
Nhưng tôi gặp phải vấn đề mà mọi người không nhận ra đó là một nút bấm, vì vậy họ không biết phải nhấp vào cái gì. Rõ ràng là một cái gì đó như thế này là một nút:
Câu hỏi của tôi là: Làm thế nào tôi có thể thiết kế các nút của mình để có thể nhấp rõ ràng?
Câu trả lời:
Đây thực sự không phải là một câu trả lời "thiết kế đồ họa", nhưng bạn cũng có thể muốn xem liệu bạn có thể thay đổi văn bản không. Trong các ví dụ của bạn, tôi không nghĩ nghệ thuật của nút "cài đặt" đặc biệt giống nút hơn so với nút Outlook của bạn. Tuy nhiên, văn bản trên đó là một động từ nổi tiếng vì vậy nó có liên quan đến việc thực hiện một hành động. Trong cùng một hướng, "Khởi chạy Outlook" có thể thu hút nhiều nhấp chuột hơn chỉ đơn giản là "Outlook".
Từ quan điểm đồ họa, (và hơn nữa là nhận xét của jhocking & luckycypher), một số điều khác bạn có thể thử:
Bạn cũng có thể thử hỏi về UX về những suy nghĩ tập trung vào UI khác.
linklà sự nhầm lẫn được xem như là một nút vì nó trông giống như các nút rõ ràng bên cạnh nó. Người dùng thường tìm kiếm các mẫu. Ví dụ: nếu bạn có một installnút và một outlooknút và tạo kiểu theo cùng một cách, người dùng có thể hiểu cả hai là các nút. (OK, rất nhiều sự lặp lại cho câu trả lời của bạn, nhưng nó chỉ chứng minh bạn đang đi đúng hướng :-D)
Chìa khóa ở đây là khả năng chi trả - manh mối trực quan để người dùng có thể xác định hành vi và mục đích sử dụng của một thứ gì đó từ xa - trước khi tương tác với nó - giống như một tấm phẳng trên cửa nói đẩy và tay cầm nói kéo.
Xem ở đây cho các ví dụ của riêng tôi về khả năng chi trả.
Các tín hiệu chính là các cạnh vát và lấp đầy độ dốc cho cảm giác 3D và nếu phù hợp với các cạnh bóng đổ khác biệt cho thấy nút được nâng và tròn thực sự khiến bạn chỉ muốn đẩy nó, kết hợp với lời kêu gọi hành động rõ ràng như nhãn thích hợp và / hoặc biểu tượng được chọn tốt. Lưu ý rằng các góc tròn thân thiện hơn và các góc vuông có vẻ khắc nghiệt đối với mắt.
Xem hướng dẫn của tôi về cách tạo các nút hiệu ứng kim loại và bóng / thủy tinh đơn giản bằng Inkscape.
Vát đồ họa để nó trông 3 chiều.
bạn nên sử dụng hai loại hình ảnh một đang hoạt động và một loại ở trạng thái bình thường trạng thái bình thường sẽ trông hơi nổi
đính kèm SS và xem cách họ làm rõ các số liệu thống kê khác nhau của nút,
và bất cứ khi nào người dùng nhận được nút của bạn thay đổi con trỏ sang tay, nó sẽ có cảm giác như liên kết, nếu có thể bạn có thể viết bằng cách nhấp vào đây để instal..hoặc bạn có thể chỉ nút này với sự trợ giúp của bất kỳ mũi tên nào hoặc một cái gì đó tương tự ...
xem cách những người khác hiển thị ở đó các nút tải xuống / cài đặt.
Thực hiện theo các hướng dẫn này để tạo ra các nút nhìn đẹp như vậy
Tôi nghĩ rằng màu sắc và kiểu viền của nút không phải là vấn đề chính của nút của bạn. Nó có thể là nó quá lớn! Nó trông giống như một từ / tiêu đề trong một khung hơn là một nút. Cố gắng chỉ làm cho nó nhỏ hơn một chút để văn bản bên trong nó lấp đầy (ít nhất là cho chiều cao).
Như những người khác đã nói, nó cũng sẽ giúp nó bật ra bằng cách nào đó khi di chuột qua.
Tại sao bạn không gạch chân văn bản trên nút (hoặc làm cho nó có màu xanh lam) - theo cách này, nó sẽ được coi là một liên kết và người dùng sẽ biết nhấp vào nó sẽ đưa họ đến một nơi nào đó.
edit,close,flag,add comment,post your answer(cố ý bỏ qualinkvì nó có thể gây nhầm lẫn tại những thời điểm) - tất cả đều có rõ một số hành động để chạy.