it-swarm-vi.tech

Các nút OK / Hủy nên được căn phải hay căn giữa?

Tôi nên đặt các nút OK/Hủy ở đâu trên hộp thoại của mình? Ở dưới cùng trung tâm hoặc liên kết phải không? Tôi đã thấy cả hai và cá nhân tôi không quan tâm, nhưng tôi muốn tạo ra một cái nhìn nhất quán trong ứng dụng của mình. Có hướng dẫn nào cho việc này hay tôi chỉ nên làm bất cứ điều gì tôi muốn?

46
Jouke van der Maas

Tôi nghĩ điều này cũng đúng với câu hỏi này và trả lời nó:

(Spoiler: Không thành vấn đề .)

Trong những trường hợp như thế này, nó thường không quan trọng bạn làm gì. Một trong hai lựa chọn có những lý lẽ tốt có lợi cho nó, và không có lựa chọn nào có khả năng gây ra thảm họa về khả năng sử dụng. Nó có thể tiết kiệm cho một số người dùng 0,1 giây nếu bạn chọn lựa chọn "đúng" cho một số trường hợp nhất định, nhưng đơn giản là không đáng để thực hiện nghiên cứu công phu đủ để tìm ra lựa chọn đó là gì. Tốt hơn là dành tài nguyên khả năng sử dụng của bạn cho những thứ có thể thay đổi các chỉ số hiệu suất chính của bạn từ 83% trở lên.

Thông tin thêm: seit.com/alertbox/ok-cattery.html

45
Nacho

Khi nói đúng về sự liên kết, không có câu trả lời đúng nào ngoài việc nhất quán.

Tuy nhiên, việc căn chỉnh các nút có liên quan đến định vị hoặc thứ tự logic của các nút .

Có hai mô hình chung có thể được áp dụng cho việc định vị các nút **.

  1. Thứ tự đọc - Nút đầu tiên gặp phải trong thứ tự đọc là chính (Ok) và được ưu tiên hơn các tùy chọn tiếp theo (Hủy)
  2. Tiến/lùi - Tiến trình hoặc hành động chuyển tiếp (Ok) được liên kết với chuyển động sang phải trong khi lùi hoặc hoàn tác (Hủy bỏ) được liên kết với chuyển động sang trái.

Sự liên kết của các nút có thể ảnh hưởng đến mô hình cảm nhận của người dùng. Vì vậy, một số kết hợp sắp xếp và vị trí có thể xung đột và do đó gây nhầm lẫn cho người dùng.

alt text

** điều này giả định đọc từ trái sang phải; có lẽ không giống nhau đối với các ngôn ngữ đọc từ phải sang trái.

35
g .

Làm những gì phù hợp với ứng dụng của bạn và hệ điều hành đích.

Tuy nhiên, như bạn chỉ ra, sự nhất quán trong ứng dụng của bạn có lẽ quan trọng hơn.

24
ChrisF

Tôi nghĩ sẽ tốt hơn (và chung chung hơn) khi sắp xếp chúng đúng.

4
megubyte

Họ luôn ở bên phải và người dùng hy vọng họ ở bên phải. Hãy chắc chắn rằng bạn đủ không gian cho chúng và cung cấp cho chúng các kiểu khác nhau để làm nổi bật hành động chính.

3
giancarlo

Tôi thích đặt hành động có khả năng nhất (OK trong trường hợp này) ở bên phải và cung cấp cho nó một số loại màu sắc để dễ dàng phát hiện và hành động ít có khả năng (Hủy trong trường hợp này) ở bên trái có màu xám hoặc một màu dọc theo đường nền của mẫu.

Tôi nghĩ rằng đó là thiết kế xấu để đặt chúng cạnh nhau. Theo cách tiếp cận "đừng khiến tôi phải suy nghĩ", khi tôi cần hủy - tôi dừng lại và tìm nút, nhưng trong tất cả các lần khác, tôi chỉ muốn tự động hành động.

Ngoài ra xem câu hỏi này trên ui.stackexchange .

3
idophir

Nó phụ thuộc vào nền tảng của bạn. Windows đặt các nút ở phía bên phải theo thứ tự <OK> <Hủy> và Mac OSX theo thứ tự <Hủy> <OK>. Giống như các câu trả lời khác .... hãy nhất quán. Đối với vị trí nút tôi muốn phía dưới bên phải.

2
sysscore

tôi nghĩ rằng "OK" hoặc nút hành động ưu tiên của bạn nên ở bên trái vì lý do sau 1: Tỷ lệ phần trăm người dùng sử dụng bàn phím trên biểu mẫu hoặc hộp thoại và người dùng sẽ mất ít thời gian hơn để đạt được hành động thuận lợi nhất thông qua tab nếu họ ở bên trái . 2: Xoay mắt hoặc Định luật 3 của Fitt: Nghĩ về người khiếm thị (bán mù) hoặc sử dụng ứng dụng khi bạn đang lái xe hoặc truy cập ứng dụng ở chế độ nói. 4: cuối cùng không sử dụng động từ ít nhất là hành động của bạn

Có rất nhiều chủ đề có sẵn trong diễn đàn này, xin vui lòng đi qua chúng

Ngoài ra, hãy nhớ rằng đề xuất của tôi không dành cho các thiết bị nhỏ.

2
Hemchandra

Đối với quy trình tuyến tính (như trình cài đặt), việc căn chỉnh các nút "Tiếp theo" ở bên phải (trong môi trường phương Tây) có thể trực quan hơn.

Tôi muốn nói rằng thứ tự các nút của bạn quan trọng hơn. Trên Windows, "nút OK" luôn ở bên trái và "nút hủy" ở bên phải. Vì người dùng không đọc, hoán đổi các nút OK và Hủy (như một số ứng dụng Mac được chuyển), khiến người dùng bối rối.

2
Petrus Theron

Tôi nghĩ rằng nó phụ thuộc vào thiết kế. Nếu bạn đang sử dụng một thiết kế tiêu chuẩn cho biểu mẫu của mình, tôi sẽ đặt các nút OK/Hủy ở bên phải (http://bit.ly/9IzQo0), nhưng nếu bạn đang sử dụng CSS để thay đổi biểu mẫu của mình thì tôi sẽ đặt chúng ở trung tâm (http://www.tumblr.com/register).

1
rgaspary

Nếu các trường biểu mẫu của bạn được căn trái, có vẻ cũng hợp lý khi căn chỉnh các nút của bạn. Đây là một số nghiên cứu về nơi mắt người dùng thực sự đi và phản ứng nhanh như thế nào: http://www.lukew.com/ff/entry.asp?571

Điều này cho thấy rằng căn lề trái của hai tùy chọn này là lựa chọn thiết kế tốt nhất - đặc biệt là khi các điều khiển biểu mẫu ở trên cũng được căn trái. Đặt các nút Gửi Gửi và các nút Hủy bỏ ở bên trái có nghĩa là mọi người mắt của bạn có ít khoảng cách di chuyển hơn.

Về mặt chuyển động mắt của họ, mọi người kém hiệu quả nhất khi sử dụng [một tùy chọn với các nút được căn phải].

1
Luke

Tôi nghĩ thật dễ dàng để phê bình các chủ đề như thế này trong từng trường hợp cụ thể, nhưng tôi nghĩ mọi người nên xem xét toàn bộ hệ thống thiết kế và/hoặc thư viện mẫu khi phát biểu ý kiến ​​và/hoặc kết quả kiểm tra của họ. Thực tế của vấn đề là, tùy thuộc vào nội dung và thử nghiệm, một số có thể hiển thị chuyển đổi cao hơn với OK ở bên trái và OK ở bên phải.

Tuy nhiên, khi xem xét toàn bộ hệ thống thiết kế, bạn có cho rằng tính nhất quán là tốt hơn so với khi hoạt động tốt nhất trong các thử nghiệm trái/phải riêng lẻ? Tôi đồng ý rằng bạn muốn cố ý đảo ngược hành động "chuyển tiếp" khi có các ngoại ứng tiêu cực, chẳng hạn như "Xóa hồ sơ thanh toán", một cái gì đó không thể đảo ngược, v.v., đặt CTA - trong các trường hợp đó - ở bên trái và hủy Phía bên phải.

Nhưng, ngay cả với suy nghĩ này, hãy tưởng tượng rằng phần lớn người dùng là người dùng windows (tại thời điểm này) và bạn sẽ thực hiện một bước kiểm tra tiến trình từng bước. Bạn sẽ mong đợi "thanh toán" hoặc "Tiếp tục" ở bên phải, quay lại hoặc hủy ở bên trái. Đó cũng là trường hợp đối với hầu hết bố cục hủy/sử dụng phương thức (ngoại trừ Foundation), nhưng điều đó không tốt cho những người tranh luận về các thử nghiệm A/B riêng lẻ, hoặc sử dụng thử nghiệm đã đưa ra một chuyển đổi cao hơn của nó bên trái, bên phải.

Cá nhân, trong trải nghiệm thử nghiệm, CTA hoạt động tốt nhất ở bên phải, nhưng tôi luôn tò mò những người đo lường nào có hướng dẫn về kiểu dáng hoặc mẫu thiết kế hiển thị CTA ở vị trí ngoài cùng bên trái.

1
Arondale
  1. Trật tự không quan trọng miễn là họ ở gần nhau để ám chỉ rằng họ là anh em ruột. Đó là, các nút OK và Hủy làm những việc khác nhau nhưng chúng ảnh hưởng đến cùng một yếu tố.
  2. Đối với ngôn ngữ từ trái sang phải, tôi sẽ đặt các nút ở giữa hoặc tuôn sang phải.
  3. Tôi sẽ nhấn mạnh nút OK với màu sắc phù hợp với thương hiệu.
0
Tim Huynh

Tôi thường sử dụng OK ở bên trái, Hủy ở bên phải.

Trường hợp duy nhất mà tôi có thể thấy việc thay đổi mô hình này (và đây là chia tóc, làm phiền bạn) sẽ là hành động không thể chối bỏ đối với người dùng (ví dụ: xóa tài khoản của tôi, giết tất cả con người, v.v.) và sau đó tôi có thể muốn đi chệch hướng để buộc họ phải suy nghĩ về hành động hoặc buộc hành động mặc định là lựa chọn an toàn hơn.

0
drivingmenuts

Theo Biểu đồ Gutenberg , khu vực thiết bị đầu cuối (nơi trang web trình bày cuộc gọi cuối cùng sau khi người dùng đã quét nội dung của trang) là góc dưới bên phải của màn hình. Do kiểu đọc tự nhiên của độc giả phương tây, việc có các nút ở vị trí này thực sự làm giảm sự mệt mỏi của người dùng, khi họ hoàn thành việc duyệt ở vị trí này. Nếu các nút nằm ở phía dưới bên trái, người dùng thường sẽ hoàn thành trong khu vực thiết bị đầu cuối và phải quay về bên trái dựa trên việc thu hồi để thực hiện hành động của họ. Mẫu này áp dụng cho cả cửa sổ bật lên cũng như chỉnh sửa/thêm màn hình.

Mẫu chung này cũng áp dụng cho thứ tự các nút được định vị. Nếu bạn liệt kê OK trước khi Hủy, người dùng sẽ hầu như luôn xem tất cả các tùy chọn của họ trước khi chọn tùy chọn họ muốn. Trong phần lớn các trường hợp, người dùng sẽ muốn nhấp OK hơn Hủy. Điều này có nghĩa là họ xem OK, sau đó Hủy bỏ và sau đó quay lại OK. Rất nhỏ, nhưng vẫn thêm công việc.

0
Brad Hutchison

Câu trả lời tuyệt vời ở đây. Điều mà không ai nhắc đến là Luật của Fitt chi phối tốc độ (và dễ dàng) của việc nhấp vào các mục tiêu trong GUI. Nó cung cấp cho một số khoa học khó khăn để đặt các nút chính.

Về cơ bản Luật Fitts ( https://en.wikipedia.org/wiki/Fitts%27s_law ) nói rằng kích thước của mục tiêu và khoảng cách có thể dự đoán được về thời gian cần thiết để bắn trúng mục tiêu. Khi một nút nằm ở góc của "hộp", kích thước mục tiêu được cho là vô hạn (kích thước mục tiêu thực sự vô hạn duy nhất là các góc của màn hình máy tính của bạn, nơi con trỏ tự dừng lại). Mặc dù tốc độ không phải luôn luôn được xem xét chính, sự thoải mái (dễ sử dụng) nên được.

Bản demo tương tác (không có góc!): http://simonwallner.at/ext/fitts/

0
Rashcom