Đừng giấu các điều khiển: Các điều khiển giao diện bị ẩn làm tổn hại khả năng sử dụng
(interactions.acm.org)- Khi giao diện hiện đại có thêm nhiều tính năng và bắt đầu giấu các yếu tố điều khiển ra ngoài màn hình, người dùng đang bị kéo trở lại trạng thái knowledge in the head, nơi họ phải ghi nhớ cách dùng thay vì nhận biết từ các dấu hiệu nhìn thấy được
- Menu thả xuống từng cung cấp knowledge in the world bằng cách cho phép khám phá các hành động có thể thực hiện, nhưng smartphone, ô tô và đồ gia dụng ngày nay thường dựa vào các thao tác không nhìn thấy như vuốt, nhấn giữ lâu và tổ hợp nút
- Đèn pin trên iPhone, thông báo, Apple Pay, key fob của ô tô, Apple Maps trên CarPlay, khóa cửa điện tử, âm báo thông báo của ứng dụng và màn hình trống của R cho thấy điều khiển bị ẩn thực sự làm giảm khả năng sử dụng như thế nào
- Đây không chỉ là vấn đề của người mới bắt đầu; ngay cả các công cụ dành cho người dùng chuyên môn, như phần mềm thống kê, cũng có thể trở nên kém tiếp cận hơn khi chuyển từ hệ thống dựa trên menu sang công cụ thiên về dòng lệnh
- Nhà thiết kế không nên giấu điều khiển chỉ để đơn giản hóa thẩm mỹ hoặc tiết kiệm không gian màn hình; với các chức năng khó tự động hóa, cần ưu tiên khả năng khám phá và các yếu tố điều khiển luôn hiển thị
Điều khiển nhìn thấy được và điều khiển phải ghi nhớ
- Douglas Engelbart đã đưa ra các khái niệm knowledge in the world và knowledge in the head trong giao diện máy tính vào đầu thập niên 1960, và Donald Norman đã hệ thống hóa cũng như phổ biến chúng trong The Psychology of Everyday Things
- knowledge in the world là trạng thái trong đó các điều khiển cần thiết hiện ra trước mắt, để người dùng có thể nhận biết và thao tác bằng nhận diện thay vì ghi nhớ
- Menu thả xuống trong giao diện đồ họa hiện đại cho phép người dùng tìm thao tác mong muốn bằng cách duyệt cấu trúc menu mà không cần thuộc lòng lệnh hay vị trí
- knowledge in the head là trạng thái trong đó người dùng phải ghi nhớ lệnh và cách thao tác để sử dụng một thiết bị cụ thể
- Trên các hệ thống dựa trên DOS, muốn xem danh sách tệp thì phải biết lệnh
DIR, và ở hệ thống khác lệnh này có thể lại khác - Những hệ thống như vậy gần với dạng cực đoan của điều khiển bị ẩn, vì gần như toàn bộ kiến thức cần thiết phải nằm trong đầu người dùng
- Trên các hệ thống dựa trên DOS, muốn xem danh sách tệp thì phải biết lệnh
Menu thả xuống đã thay đổi khả năng tiếp cận như thế nào
- Các chuyên gia HCI nhanh chóng nhận ra rằng việc đòi hỏi quá nhiều knowledge in the head sẽ cản trở người dùng không chuyên tiếp cận hệ thống
- Menu thả xuống đưa tri thức ra màn hình, cho phép người dùng xem những hành động khả thi rồi chọn chức năng cần thiết
- Sự thay đổi này giúp con người thực hiện hiệu quả và hiệu suất nhiều tác vụ máy tính khác nhau mà không cần được huấn luyện chi tiết về lệnh, đồng thời góp phần thúc đẩy tốc độ phổ cập máy tính
Các thao tác ẩn hồi sinh trên smartphone và ô tô
- Trong 40 năm gần đây, hình thức của máy tính đã thay đổi rất nhiều; desktop thường vẫn theo mô hình điều khiển hiển thị kiểu thập niên 1980, còn smartphone lại một lần nữa yêu cầu thao tác dựa trên ghi nhớ
- Đèn pin trên iPhone yêu cầu vuốt lên từ góc dưới bên trái để mở bảng điều khiển, nhưng bản thân giao diện không hề cho biết rằng thao tác này tồn tại
- Muốn xem thông báo thì phải vuốt xuống từ góc trên
- Apple Pay yêu cầu nhấn đúp vào một nút đa chức năng không có nhãn
- Ngay cả tác vụ đơn giản cũng trở nên khó hơn khi số lượng điều khiển ẩn tăng lên
- Trong ví dụ mở khóa ô tô, khi nút trên key fob và nút trên tay nắm cửa đều không hoạt động, mọi cách giải quyết đều bị ẩn đi
- Người dùng phải biết rằng bên trong fob có một chìa khóa cơ được giấu sẵn
- Cũng phải biết rằng cần tháo một phần tay nắm cửa xe thì mới lộ ra lỗ khóa
- Xe đang ở chế độ no remote unlock, và chỉ cung cấp manh mối qua một kiểu nháy đèn xi-nhan cụ thể
- Muốn khắc phục thì phải đưa xe về đúng chế độ bằng một chuỗi nhập nút khó hiểu trên key fob
- Cả mã báo lỗi bị ẩn lẫn giải pháp cơ khí và điện toán đều không hiển lộ, khiến tác giả mất khoảng 30 phút mới vào được xe
Giao diện đồ họa trong xe và điều khiển dựa trên thời gian
- Apple Maps trên CarPlay giấu các điều khiển tìm kiếm và phóng to/thu nhỏ khỏi màn hình chính để ưu tiên hiển thị bản đồ lớn nhất có thể
- Muốn nhập điểm đến hoặc phóng to bản đồ, người dùng phải chạm vào góc dưới bên trái màn hình, khi đó các biểu tượng tìm kiếm và phóng to/thu nhỏ mới xuất hiện
- Điều khiển dựa trên thời gian cũng là một dạng thao tác ẩn phổ biến
- Nút nguồn máy tính dù có nhãn vẫn có thể không thực hiện hành động mong muốn chỉ bằng một lần bấm; người dùng phải nhấn giữ trong một khoảng thời gian nhất định
- Nếu không có đào tạo trước hoặc kiến thức sẵn có, chính cách thao tác cũng bị ẩn đi
- Khóa cửa điện tử là ví dụ kết hợp giữa điều khiển ẩn và điều khiển dựa trên thời gian
- Việc mở khóa có một nút trung tâm lớn tạo affordance rõ ràng rằng người dùng có thể đặt ngón tay lên đó
- Việc khóa lại dùng phím
#như một điều khiển ẩn, và không phải chỉ bấm một lần mà phải giữ trong 5 giây mới kích hoạt - Khi điều kiện giữ lâu chồng lên điều khiển ẩn, người không thật sự quen hệ thống sẽ rất khó khóa cửa
Điều khiển ẩn vượt qua lệnh của người dùng
- Khi giảm âm lượng stereo xuống 0, người dùng kỳ vọng sẽ không có âm thanh phát ra nữa cho đến khi họ tự tăng lại
- Trên iPhone, ngay cả khi giảm âm lượng xuống mức thấp nhất hoặc bật công tắc im lặng, ứng dụng vẫn có thể phát ra âm thanh thông qua các điều khiển ẩn
- Ví dụ, hộp cát mèo có kết nối Internet có thể báo đã dọn xong vào nửa đêm, hoặc Instagram có thể thông báo lúc 3 giờ 30 sáng rằng con bạn vừa đăng video
- Những hành vi này là dạng ứng dụng lách qua một lệnh im lặng đơn giản mà người dùng đã đưa ra
Ngay cả người dùng chuyên môn cũng khó tránh khỏi màn hình trống
- Vấn đề giao diện ẩn không chỉ ảnh hưởng tới người mới
- Trong phần mềm phân tích thống kê, nhiều nhân sự nghiên cứu chuyên môn phải chuyển từ các hệ thống dựa trên menu như SPSS sang các chương trình chỉnh sửa theo dòng như R
- Ở dạng cơ bản, R là một giao diện trống gây áp lực giống cửa sổ DOS và đòi hỏi lượng kiến thức sử dụng đáng kể ngoài kiến thức thống kê ngay cả với những tác vụ đơn giản nhất
Vì sao điều khiển ẩn lại gia tăng
- Khoảng 35 năm trước, Donald Norman đã nêu khả kiến, sau này được gọi là khả năng khám phá, như một trong những nguyên tắc thiết kế nền tảng
- Người dùng cần có khả năng khám phá có hệ thống các điều khiển và menu để đánh giá hệ thống có thể làm gì
- Khi thiết bị hiện đại tích hợp quá nhiều chức năng, không còn đủ không gian để bố trí tất cả điều khiển sao cho luôn hiển thị trên màn hình
- Sự phức tạp của hệ thống và các mối phụ thuộc lẫn nhau mà người dùng không biết hoặc hiểu sai cũng khiến điều khiển có cảm giác như bị ẩn
- Ở một số chế độ thì điều khiển hiện ra, còn ở chế độ khác thì không
- Nếu người dùng không hiểu mối phụ thuộc đó, họ sẽ cảm thấy điều khiển như đang bị giấu đi
- Chồng nhiều chức năng lên điều khiển sẵn có hoặc buộc người dùng chạm vào những vị trí không có dấu hiệu trên màn hình dễ hơn nhiều so với thiết kế các nút luôn hiện hữu và rõ ràng
- Nút nguồn máy tính có thể nhằm tránh việc tắt máy ngoài ý muốn, nhưng một điều khiển xoay được gắn nhãn rõ ràng vẫn có thể giữ nguyên chức năng và khả năng sử dụng trong khi giảm thao tác ẩn
Các ví dụ thiết kế vẫn giữ điều khiển hiển thị
- Giao diện bản đồ của General Motors, khác với Apple Maps, đặt các điều khiển cần thiết hiển thị và thường trực trên màn hình điều hướng chính
- Nó không giấu các điều khiển tìm kiếm và phóng to/thu nhỏ, đồng thời không làm tổn hại tính năng hay khả năng sử dụng của bản đồ
- Cách này mang lại trải nghiệm mượt mà và dễ dàng hơn cho người mới
- Tính năng phóng to/thu nhỏ bản đồ trên Buick LaCrosse được triển khai bằng một núm vật lý, cho thao tác đơn giản: xoay theo chiều kim đồng hồ để phóng to và ngược chiều kim đồng hồ để thu nhỏ
- Hầu hết các hệ thống mang tính nhiệm vụ quan trọng đều dựa vào những điều khiển hiển thị, thường trực và thể hiện trạng thái hệ thống thay vì dùng điều khiển ẩn
- Nhà thiết kế nhận thức rằng ngay cả người vận hành được đào tạo bài bản cũng cần thao tác nhanh mà không phải nhớ cách thực hiện hoặc truy cập một hành động cụ thể
Sự biến mất của điện toán và sự khác biệt với điều khiển ẩn
- Năm 1991, Mark Weiser đưa ra khái niệm disappearing computing, trong đó điện toán lùi vào nền và hoàn thành công việc với rất ít tương tác trực tiếp từ con người
- Donald Norman cũng viết trong The Invisible Computer rằng công nghệ nên trở nên vô hình và được ẩn đi
- Máy tính điều khiển động cơ ô tô liên tục đo các biến môi trường và điều kiện lái xe để tự động điều chỉnh tham số động cơ, từ đó đem lại kết quả như mong đợi mà người dùng không cần xem màn hình tùy chọn
- Tuy nhiên, việc cố ý giấu thao tác người dùng lại là điều khác với hướng mà Norman và Weiser nói tới
- Khi cần, điều khiển phải xuất hiện; hoặc nếu chức năng có thể tự động thực hiện thì điều khiển không cần xuất hiện ngay từ đầu
- Máy tính động cơ tương đối dễ suy ra ý định của người dùng, tức là muốn chiếc xe vận hành tốt
- Với các chức năng như đèn pin trên smartphone, nơi hệ thống khó tự động biết chính xác khi nào người dùng cần, thì điều khiển phải hiển thị hoặc có affordance mạnh
Nguyên tắc mà nhà thiết kế cần kiểm tra lại
- Các nhà thiết kế giao diện thương mại cần xem xét lại việc dùng điều khiển ẩn và bảo đảm chức năng của thiết bị có thể được truy cập đầy đủ chỉ với knowledge in the world
- Khả năng khám phá điều khiển vẫn là một nguyên tắc thiết kế giao diện quan trọng
- Xu hướng gia tăng điều khiển ẩn trong các giao diện mới gần như là một bước thụt lùi trở về thời kỳ việc dùng máy tính khó hơn vì chức năng không hiển lộ
1 bình luận
Các ý kiến trên Hacker News
Tôi đang lái một chiếc Toyota có tuổi đời gần bằng độ tuổi tối thiểu để tranh cử Thượng nghị sĩ Hoa Kỳ, và mọi bộ phận điều khiển trong xe đều luôn nhìn thấy được, có nhãn rõ ràng, và có thể phân biệt bằng đầu ngón tay
Việc thao tác cũng không bị chặn bởi những bảo trì thường ngày như thay ắc quy
Một thiết kế dễ sao chép đến vậy gần như chỉ đòi hỏi năng lực kỹ thuật tối thiểu, nhưng các hãng xe thường còn không đạt nổi mức này; nói một cách hợp lý thì họ không làm tròn việc của mình
Không phải là “mọi bộ phận điều khiển đều nhìn thấy được”, mà là những bộ phận điều khiển cần thiết khi lái xe phải nhìn thấy được và dễ tiếp cận
Những bộ phận điều khiển ít quan trọng hơn, như cần chỉnh độ cao ghế hay chốt mở nắp capo, có thể được giấu đi miễn là vẫn tiếp cận được; để tạo ra một giao diện hiệu quả cần rất nhiều lựa chọn tinh tế và chủ quan
Quá trình thiết kế như vậy hoàn toàn không tầm thường hay đơn giản, và chính thái độ xem nhẹ điều đó là một trong những lý do khiến các hãng xe bỏ qua các cân nhắc kiểu này
Ngày nay làm một màn hình cảm ứng dễ và rẻ hơn so với sản xuất rồi lắp ráp cả đống nút bấm và núm xoay nhỏ
Tôi chắc sẽ chẳng tiếc chút nào khi phải chia tay giao diện màn hình cảm ứng tệ hại trong xe mình
Chiếc lò vi sóng trước đó là quà bố mẹ mua cho khi anh đi du học, dùng hơn 20 năm và vẫn hoạt động đến tận khi anh ngoài 40, nhưng núm xoay đã lỏng và ngoại hình đã cũ nên anh thay
Cái mới mua thì theo kiểu hiện nay, đầy nút bấm; thật lòng tôi cũng chẳng biết chúng dùng để làm gì, và chỉ cần một mức công suất, thời gian, có lẽ thêm chức năng rã đông là đủ
Đó là câu chuyện rộng hơn về kỹ thuật, chất lượng và tính khả dụng nói chung; theo góc nhìn của cha tôi, ban đầu công ty được điều hành bởi kỹ sư, vài chục năm sau là bởi nhà quản lý, rồi sau đó là marketing
Không biết tiếp theo sẽ là gì, nhưng có thể là “không gì cả”, khi mọi người ở mọi bước đều hỏi AI và các quyết định tình cờ được AI đưa ra; biết đâu còn tốt hơn thế giới do marketing dẫn dắt hiện nay
Tôi không nghĩ việc ứng dụng và hệ điều hành che giấu tín hiệu gợi ý hành động trong giao diện người dùng là ngẫu nhiên
Đó là một anti-pattern nhằm trói chân người dùng, và nó thường xuất hiện khi phần mềm đã đạt điểm bão hòa tăng trưởng, lúc giữ chân người dùng hiện tại quan trọng hơn thu hút người dùng mới
Cũng không phải ngẫu nhiên khi phần lớn phần mềm chúng ta dùng đều do những công ty đang ở đúng vị thế đó tạo ra, như Google, Apple, Microsoft, Meta
Việc giấu giao diện khiến người dùng khó rời đi nghe có vẻ phản trực giác, nhưng nó hiệu quả vì biến thiết bị từ thứ để “sử dụng” thành thứ phải “biết”
Một khi bạn đã học được rằng để làm tác vụ thiết yếu phải vuốt từ mép màn hình theo một cách khó đoán, chỉ riêng ý nghĩ chuyển sang điện thoại mới và phải học lại điều đó đã đủ khiến bạn ngại
Với sản phẩm của Google, Apple, Microsoft, Meta, cũng có nhiều lời phàn nàn rằng “giao diện phức tạp và cồng kềnh”; cũng có người nhìn vào màn hình VS Code trống rồi phàn nàn rằng nó phức tạp hơn một cấu hình Vim gần như không có giao diện
Thiết kế phẳng và chủ nghĩa tối giản từng là trào lưu một thời, và những người trên /r/unixporn hay những người tùy biến bản phân phối Linux cũng thường giấu các bộ điều khiển của ứng dụng vì chủ nghĩa tối giản
Nếu gần đây bạn từng dùng GNOME thì sẽ biết, giao diện tối thiểu với hầu hết bộ điều khiển bị giấu đi cũng là một thị hiếu thẩm mỹ cụ thể mà một số người ưa thích
Nhiều người cảm thấy có thể giấu “nhiễu” đi và tìm khi cần, và cũng không nhất thiết phải đào bới sách hướng dẫn
Nó có thể khiến người dùng không thử giao diện đó
Giao diện của Apple gây khó chịu vì mọi thứ đều bắt đầu từ đúng một cái nút đó, và tôi cũng thường quên cách vào phần cài đặt, nên Android cho cảm giác tự nhiên hơn
Android đã làm được vai trò lock-in, còn Apple thì tự gây thiệt cho mình
Những thứ như các lần thiết kế lại khó chịu của Firefox hay GNOME thuộc nhóm này
Tôi hiểu việc ẩn các thành phần giao diện để dùng không gian màn hình cho mục đích khác
Nhưng có những giao diện vẫn để trống khoảng không đó dù đã ẩn thành phần, tôi không hiểu vì sao
Ví dụ trong IntelliJ là các biểu tượng phía trên cây dự án, có một biểu tượng hình mục tiêu nhỏ để chuyển lựa chọn trong cây dự án tới tệp của tab trình soạn thảo hiện đang hoạt động
Bạn phải biết vị trí bí mật trên màn hình và đưa chuột vào khoảng trống thì nó mới hiện ra như phép thuật
Tôi tò mò cơ sở nào khiến người ta cố tình triển khai những thứ như vậy
Khi có quá nhiều kích thích trong tầm nhìn, họ cảm thấy sự chú ý bị tấn công và mất tập trung, nên muốn những thứ không phải đối tượng họ đang chú ý biến mất, hoặc ít nhất là ít nổi bật hơn
Ngược lại, những người như phi công máy bay thích mọi chỉ báo đều hiện ngay trước mắt và mọi bộ điều khiển đều nằm trong tầm tay, và họ có thể chuyển tiêu điểm một cách dễ dàng
Thiết lập mặc định của IDE phải cân bằng giữa các thị hiếu khác nhau nên tất yếu là một sự thỏa hiệp, và một số công cụ cung cấp các công tắc cấu hình sẵn mức độ chi tiết như “chế độ không làm phiền”, “chế độ chuyên gia”
Dù có tùy chọn để khôi phục nằm sâu trong phần cài đặt, việc đây là mặc định thật sự rất khó hiểu
Màn hình điện thoại, máy tính bảng, laptop và desktop đã lớn hơn bao giờ hết
Macintosh nguyên bản năm 1984 có màn hình đen trắng 9 inch độ phân giải thấp, và có lẽ còn vì giao diện đồ họa khi đó còn xa lạ, nhưng Apple đã chọn sự rõ ràng, tính hiển thị và khả năng khám phá dù phải hy sinh tài nguyên màn hình, tính toán và bộ nhớ cực kỳ hạn chế
Sau khi màn hình lớn hơn, chi phí không gian kiểu này gần như không đáng kể
Khi người ta bắt đầu gọi nó là “trải nghiệm người dùng” thay vì “giao diện người dùng”, họ trở nên lo lắng về trạng thái cảm xúc của người dùng hơn là vai trò của nó như một công cụ, và hình thức được đặt lên trước chức năng
Giờ thậm chí còn phải lo rằng mình đang “cầm sai cách”, trong khi thực tế máy móc tồn tại để phục vụ con người chứ không phải ngược lại
Cách đây không lâu tôi bị khóa ngoài xe, và nút trên chìa khóa thông minh không hoạt động
Có thể nói chỉ cần dùng chìa khóa là được, nhưng trước tiên bạn phải biết bên trong chìa khóa thông minh có một chìa khóa được giấu, và cũng phải biết rằng trên cửa xe không thấy ổ khóa nên phải tháo một phần tay nắm ra thì ổ khóa mới lộ ra
Việc giấu các bộ điều khiển quan trọng của ô tô là kỹ thuật mang tính thù địch, và trong toàn bộ trải nghiệm ô tô hiện đại thì chuyện này cũng không quá cá biệt
Sổ tay không chỉ cho biết cách đổi kênh radio, mà còn chứa thông tin an toàn và cách xử lý khi có sự cố
Thật khó tin rằng một tài xế thậm chí không biết rằng vẫn có thể mở xe khi ắc quy hết điện lại sẽ cân nhắc những thứ như tải trọng an toàn tối đa
Chỉ sau khi rời bãi đỗ và đến khách sạn cách đó 30 phút tôi mới biết điều khiển từ xa bị hỏng, và toàn bộ hành lý bị khóa trong xe
Tôi biết chắc phải có chìa khóa vật lý, nhưng tôi tìm được ổ khóa là nhờ người thuê trước đó đã cào xước tay nắm cửa khá nhiều khi cố tìm cùng cái ổ khóa ấy
Câu hỏi đầu tiên nảy ra khi tôi nhận một chiếc xe không có chìa khóa vật lý là “phương án dự phòng là gì và nó hoạt động thế nào”
Kiến thức cơ bản về đồ vật mình sở hữu không hề khó
Khi các nghệ sĩ mang tên “nhà thiết kế” nắm quyền quyết định UI thì những chuyện như thế này xảy ra
Họ muốn mọi thứ trông “gọn gàng” dù phải hy sinh khả năng khám phá, và quên rằng dấu hiệu gợi ý hành động giúp con người học cách sử dụng
Điều này trái ngược với những ví dụ như buồng lái máy bay, nơi cần kiến thức chuyên môn và có rất nhiều bộ điều khiển nhưng tất cả đều được gắn nhãn
Chúng lớn gấp đôi mức cần thiết, bị gom lại với nhau nên phải đưa chuột lên mới thấy phiên bản nào là gì, và lại phải nhấp thêm lần nữa để chuyển sang đúng cửa sổ mình muốn
Bạn phải suy đoán chỉ từ hình thu nhỏ, trong khi mọi cửa sổ terminal đều trông giống hệt nhau
Cách làm từ Windows NT đến Vista, tức hiển thị cả biểu tượng và nhãn như tab trình duyệt web, là đỉnh cao của UX desktop cho việc chuyển ngữ cảnh, còn GNOME thì thậm chí không render nổi một thanh tác vụ như vậy cho đúng
Các chuyên gia quen với một tình huống cụ thể có ngưỡng chịu đựng mật độ thị giác cao hơn nhiều, vì với họ đó không phải là sự dày đặc mà là thông tin có ý nghĩa
Nhưng đa số mọi người không dùng hầu hết ứng dụng điện thoại quen thuộc đến mức như vậy
Thiết kế di động phải cung cấp nhiều chức năng nhưng vẫn dần dần hé lộ để người dùng ở gần mức thoải mái phù hợp, vì vậy cần thỏa hiệp: có thứ bị ẩn đi và có thứ được lộ ra ở các tầng sâu hơn
Tôi đồng ý rằng thiết kế di động và hệ điều hành đã giảm quá nhiều dấu hiệu gợi ý hành động, nhưng nếu không phải công cụ chuyên nghiệp thì buồng lái máy bay không phải là chỉ dẫn tốt
Điện thoại không phải là 747, và nếu một người bình thường không phải phi công bước vào buồng lái máy bay, họ sẽ bị choáng ngợp bởi vô số bộ điều khiển và không biết cái nào là cái nào
Các nhà thiết kế giao diện biết họ đang làm gì, biết cái gì trực quan và cái gì không, và đã tinh luyện cách đưa một tập hợp chức năng phức tạp vào một hình thức tương đối đơn giản đến mức gần như nghệ thuật
Việc những người không được đào tạo về thiết kế cho rằng mình có thể làm tốt hơn “những nhà thiết kế gọi là” kia gần như là sự kiêu ngạo và bất kính đối với một lĩnh vực nghiên cứu đã trưởng thành, và thực tế là mọi người vẫn dùng điện thoại khá tốt mà hầu như không cần đào tạo
Bản thân điều đó đã là một phép màu hiện đại
Hơi lạc đề một chút, nhưng đây là một trong những lý do tôi chuyển sang Android sau khi iPhone bỏ nút Home
Rõ ràng việc giải thích các thao tác tương tác cho người dùng lớn tuổi trong gia đình trở nên khó hơn, và vừa mới học được “Force Touch” thì nó cũng biến mất
Khi nhận Pixel mới, việc đầu tiên tôi làm là bật điều hướng 3 nút, nhưng dạo này ngay cả thứ này cũng đang dần bị đẩy ra ngoài xét từ góc độ UI
Các ứng dụng mặc định rằng có thanh điều hướng ở dưới và không tính đến khoảng trống lớn hơn của điều hướng 3 nút, nên đôi khi nội dung hoặc văn bản bị nằm bên dưới nó
Ví dụ, khi mở một tệp chỉ đọc trong MS Word, tùy chọn lưu không hiển thị
Rất khó hiểu vì sao vẫn chỉnh sửa được nhưng lại không lưu được
Trải nghiệm người dùng tốt hơn nhiều là không ẩn tùy chọn lưu mà cứ để nó hoạt động, rồi khi người dùng thử lưu thì thông báo “Không thể lưu tệp này vì lý do như sau” và đưa ra cách giải quyết
Các tương tác hoặc bị ẩn, hoặc không trực quan, hoặc hoàn toàn không có
Giờ camera Pixel đã vượt iPhone và Samsung cũng ở mức tương tự, tôi thật sự không thấy lý do gì để chuyển sang hệ sinh thái Apple
Vì dù đang ở đâu, chỉ cần nhấn một nút lớn và rõ ràng là có thể quay lại màn hình chính quen thuộc
Tuy nhiên nhìn chung tôi nghĩ họ chống lại cám dỗ đó khá tốt, và tôi không đồng ý với lập luận rằng việc bỏ nút Home là ẩn một yếu tố UI
Đây là việc chuyển tương tác từ “nhấn” sang “vuốt”, và tôi cho rằng yếu tố UI không phải là cái nút mà là chính mép màn hình
Có trực quan hay tốt hơn không thì có thể tranh luận, nhưng nó tương tự như nhấp đúp vào biểu tượng để chạy ứng dụng hoặc nhấp phải để mở menu ngữ cảnh
Cả hai đều không có gợi ý trực quan nhưng luôn được dùng cho chức năng cốt lõi, và khi đã quen thì không tạo ma sát
Có thể nói Apple áp đặt các trực giác mới quá thoải mái, và tôi đồng ý với các trường hợp như kéo thanh địa chỉ Safari, nhưng tôi xem nút Home là ngoại lệ
iOS cũng có một tính năng trợ năng hiển thị một vòng tròn nhỏ có thể kéo trên màn hình; khi nhấn vào, nó có thể hiển thị nút Home có nhãn văn bản cùng nhiều phím tắt hữu ích
Thực tế tôi biết có những người, ngay cả thời còn có nút Home phần cứng, vẫn bật vòng tròn này vì không muốn làm mòn nút đó
Đó cũng là một giải pháp
Chúng tôi có một quy tắc thiết kế UI rằng phím tắt bàn phím và menu ngữ cảnh phải là cách truy cập nhanh cho các lệnh có thể khám phá được bằng nút hoặc menu rõ ràng
Vì vậy ứng dụng của chúng tôi có thể trông lỗi thời
Trước đây tôi được học rằng bốn góc màn hình là vùng không gian giá trị nhất vì có thể đưa chuột tới nhanh mà không cần điều khiển chính xác
Vì thế tôi xem việc Microsoft chuyển vị trí Start menu mặc định vào giữa trong Windows 11 là thù địch với người dùng
Khó có thể coi đó là vì ưu tiên di động, nhưng có thể là “ưu tiên cảm ứng”, nơi việc di chuyển chuột không còn áp dụng
Có lẽ nhóm thiết kế quen với môi trường họ tự dùng, và không có lý do UX hợp lý nào
Ngay cả trên macOS, cách đó cũng gây hại cho giao diện
Ngoài ra, mọi mục menu phải hiển thị kèm phím tắt bàn phím để kích hoạt nó
Mọi tooltip hiện ra khi rê chuột lên nút cũng phải hiển thị phím tắt để thực thi chức năng đó
Đây là cách tốt nhất để người dùng mới nhận ra phím tắt họ cần mà không phải đi tìm ở nơi khác
Sau khi di chuột một quãng xa, muốn phóng to lại phải thao tác chính xác; nếu chỉ muốn xem chương trình lớn hơn mà bấm nhầm thì hậu quả mang tính phá hủy, chẳng còn gì cả
Hãy xem định luật Fitts: https://en.wikipedia.org/wiki/Fitts%27s_law
Client metaverse của tôi thường hiển thị một thế giới 3D sạch sẽ; khi đưa con trỏ lên mép trên hoặc mép dưới màn hình, thanh menu và các điều khiển sẽ xuất hiện
Chúng tiếp tục hiển thị khi con trỏ nằm trên vùng điều khiển, rồi biến mất sau vài giây
Không cần giải thích có chủ ý, người dùng vẫn tự nhiên tìm thấy các điều khiển vì khi di chuyển chuột họ sẽ chạm tới các cạnh
Việc các hệ điều hành hiện đại, cả desktop lẫn mobile, cứ tiếp tục che giấu đường dẫn hệ thống tệp thật sự khiến tôi bực mình
OSX ngày xưa từng có thiết lập để hiển thị thanh địa chỉ trong Finder, nhưng không phải mặc định; còn giờ thì có vẻ không thể làm được nếu không có tiện ích mở rộng bên thứ ba, nên cuối cùng phải dùng terminal
Khi sau này cần di chuyển hoặc gửi tệp mà lại không tìm được vị trí của nó thì thật vô lý
Vấn đề là những người làm các bài kiểm thử đó, dù có chủ ý hay không, đang tối ưu cho chỉ số sai: “một người mới nhìn lần đầu có thể hiểu ra thao tác này nhanh và dễ đến mức nào”
Ở tầm vĩ mô, đó là tối ưu hóa sai; có thể tăng tỷ lệ chuyển đổi ngắn hạn, nhưng về lâu dài lại làm hại tính khả dụng, chức năng và khả năng khám phá, khiến những người dùng trung thành cao cấp — những người sẽ yêu thích ứng dụng và truyền miệng cho nó — nổi giận
Khi làm A/B test và kiểm thử tính khả dụng trong phòng thí nghiệm hoặc focus group mà không có góc nhìn xã hội rộng hơn, người ta tập trung vào các chỉ số giúp tăng KPI ngắn hạn tức thì, và kết quả là quảng bá những thiết kế UX khách quan là tệ hơn như thể chúng dựa trên bằng chứng, dựa trên dữ liệu
Tôi cho rằng điều này đã phá hỏng tính khả dụng của phần mềm trong 20 năm qua, và còn gây hại lớn cho thế hệ tiếp theo lớn lên mà gần như chưa từng tiếp xúc với một UX thật sự chu đáo
Thường thì chia sẻ thư mục chứa tệp đó hữu ích hơn là chia sẻ chính tệp
MS Office có cách lấy thông tin đó, nhưng phải đi tìm
Finder → menu Show → Show Path Bar
defaults write com.apple.Finder _FXShowPosixPathInTitle -bool trueMột dấu hiệu cho thấy thiết kế UI đang đi sai hướng là antipattern “đồ ăn ở trong tủ lạnh” ngày càng hay gặp gần đây
Thay vì cung cấp trực tiếp một nút để bật tính năng nào đó, UI lại dùng văn bản ở một vị trí chẳng liên quan để chỉ cho bạn phải đi qua các bước nào thì mới kích hoạt được một tính năng khác
Một biến thể khác là nút hoặc mục menu, thay vì thực hiện hành động thật sự, lại chuyển focus sang một nút khác hoặc mở menu ở vị trí khác, rồi bắt người dùng bấm lại vào đó
Tôi thấy điều này ngày càng nhiều trong các sản phẩm Microsoft, đặc biệt là VS Code
Game Helpin' Squad: World Quester 2
https://www.youtube.com/watch?v=0Gy9hJauXns
Mỗi lần chọn “Cursor => Settings => Cursor Settings” trong Cursor, tôi lại bật cười và nhớ tới World Quester 2
Vì quá thích World Quester 2, tôi đã triển khai tính năng sáng tạo nhất của nó, “Space Inventory”, vào phiên bản WASM của Micropolis (SimCity)
https://micropolisweb.com/
Cảnh báo: đừng nhấn phím cách!!!! Nếu lỡ nhấn rồi thì tuyệt đối đừng nhấn lần nữa!!!! Cũng đừng nhấn thêm lần nữa!!!!
SimCity Micropolis Tile Sets Space Inventory Cellular Automata To Jerry Martin's Chill Resolve:
https://www.youtube.com/watch?v=319i7slXcbI
Hơi lạc đề và có vẻ như một trận chiến đã thua của người già, nhưng làm ơn đừng ẩn thanh cuộn
Bài viết thú vị, nhưng cũng có vài điểm tôi không hoàn toàn đồng ý
Một số thứ có chi phí và giới hạn thực tế, như núm xoay vật lý để phóng to/thu nhỏ bản đồ trên xe hơi
Gần đây trong một ứng dụng mới cài, tôi bấm một công tắc nhưng nó lại làm ngược với nhãn
Tôi tưởng nhãn biểu thị trạng thái hiện tại, nhưng thực ra nó biểu thị trạng thái sẽ chuyển sang sau khi bật/tắt; sau khi đổi thì rõ ràng hơn, nhưng đó có vẻ là cách triển khai ít hữu ích nhất
Ở đó cũng mơ hồ y như vậy
Checkbox và nút đang được nhấn rõ ràng hơn nhiều, nhưng đáng tiếc đã bị hiến tế trên bàn thờ của “tính hiện đại”
Đó là chức năng xác nhận vé ngay lập tức, và nếu bấm nhầm thì có thể tốn tiền
Cũng mong đừng làm thanh cuộn mỏng đến mức muốn bấm trúng phải có kỹ năng FPS
Firefox đặc biệt như vậy, và có thể đây là vấn đề do CSS chuẩn cho phép
Cuộn dọc thì còn được, nhưng với cuộn ngang, thanh cuộn tiện hơn là phải dùng tay kia giữ Shift
“TURN ON” thì hoàn toàn rõ ràng, còn nếu muốn hiển thị trạng thái thì “IS ON” cũng rõ
Có thể có một vài trường hợp hiếm, như “INCREASE”, trong đó dù thấy động từ vẫn có thể gây nhầm lẫn, nhưng để tưởng tượng ra một UI mà không rõ nút đang hiển thị động từ hay danh từ thì cũng phải khá cố
https://superuser.com/a/1720363
Bạn dùng Firefox à?