How do you go about designing an extra-large touchscreen when you're used to designing with a thumb-sized area? Here I have compiled a design guide for super-large touchscreens to provide inspiration for designers to design user interactions.
1. Tương tác bằng cử chỉ tự nhiên
Why "swipe left and right" is so popular among all touch screen actions, because it is the most natural hand movement and gesture for users.
When designing oversized touchscreens, designers must consider not only the movements of the user's fingers, but also the operation of the entire hand. Most users have to reach for larger touchscreens because they may be taped to a wall or placed on a table compared to handheld devices.
Nếu bạn muốn người dùng có thể dễ dàng chạm vào màn hình, việc kích hoạt hành động phải diễn ra tự nhiên như trên thiết bị di động, vì vậy hãy nghĩ đến việc kích hoạt hành động. So với màn hình nhỏ, trình kích hoạt vuốt trên màn hình lớn có thể cần phóng đại hơn, do đó, các thao tác chạm có thể yêu cầu nhiều áp lực hơn.
In a device with a large screen, excessive swipe design may seem unfriendly to users, because repeated up and down swiping operations may cause arm fatigue. Think about how to design so that users don't need a lot of swiping while browsing content.
Another natural "gesture" interaction is gaze scanning. Due to the large screen size of some devices, the user's eyes cannot catch everything at once. Designers should design for the movement characteristics of the eyes from top to bottom and from left to right. Make sure users see the most important information and understand how users can interact with the design.
2. Tăng tỷ lệ hiển thị của văn bản và đồ họa
Enlarging text and graphics isn't usually the case in design, because designers have to enlarge visual elements significantly enough to display on very large screens. However, a bigger screen doesn't mean more stuff to show (and vice versa), try to think of it as a special user experience. Everything on the touchscreen, including text and graphics, must be scaled up to fit the size of the extra-large screen design. The reason for this is:
Người dùng có xu hướng tương tác từ khoảng cách xa hơn và vẫn cần xem và phân biệt các yếu tố.
Người dùng cần được thu hút vào màn hình bởi các yếu tố có thể nhìn thấy cụ thể.
Người dùng cần xem các dấu hiệu trực quan để giúp họ xác định màn hình sử dụng công cộng.
Các phần tử màn hình phải được điều hướng và hiển thị rõ ràng trong trường hợp không có chỉ thị.
Các mục tiêu cảm ứng cần phải dễ nhìn và tạo ra các tương tác đáng chú ý.
3. Đảm bảo điều hướng luôn sẵn sàng
Tâm lý của hầu hết người dùng sử dụng màn hình cảm ứng quá khổ, tương tự như việc truy cập một trang web lần đầu tiên, khiến việc điều hướng trở nên quan trọng hơn. Thiết kế bắt chước kịch bản này giúp bạn dễ dàng thu hút người dùng đến với thiết kế của bạn và tương tác với nó. Điều quan trọng cần lưu ý là nhà thiết kế muốn đảm bảo rằng điều hướng luôn sẵn sàng khi người dùng đang truy cập các nội dung khác nhau.
Khi thiết kế mẫu điều hướng cho sản phẩm của bạn, cách tốt nhất là sử dụng mẫu điều hướng thường được sử dụng trong các trang web nói chung, chẳng hạn như đặt thanh điều hướng ở đầu màn hình hoặc trong thanh bên.
Also make sure that the navigation doesn't disappear when users visit different content or pages. While the home screen may be designed to contain only a few large navigation buttons, other screens are best served in a traditional navigation format for ease of use by the user.
Ngoài ra, thu nhỏ đầu vào dựa trên bàn phím - trên các màn hình này. Trên màn hình lớn hơn, bàn phím có thể trở nên khó sử dụng và chậm chạp, đòi hỏi người dùng phải nỗ lực nhiều hơn. Tuy nhiên, nếu bạn có phương thức nhập dựa trên bàn phím -, hãy thiết lập lệnh chuyển đổi bàn phím trong điều hướng để người dùng có thể dễ dàng hiển thị và ẩn bàn phím khi cần.
4. Don't create too many options
Màn hình càng lớn, người dùng càng có nhiều sự lựa chọn và càng mất nhiều thời gian. Thay vào đó, hãy nghĩ về các nút và tương tác như một trò chơi về cách khiến người dùng đưa ra quyết định nhanh chóng. Mẹo với thiết kế là để họ lựa chọn giữa hai yếu tố và không cung cấp quá nhiều tùy chọn.
Lợi ích của thiết kế này là nó đơn giản hóa thiết kế của bạn. Chỉ cung cấp hai tùy chọn cho mỗi màn hình giúp giảm thiểu các yếu tố thiết kế và sự lộn xộn về hình ảnh, tạo ra một giao diện dễ sử dụng hơn.
When designing options, make sure the actions are equally visible. How do users choose these options? Buttons must be obvious and easy for users to touch. Use a small animation to draw the user's attention to an interactive element, or a more popular user option.
Simplification options are also very important due to screen size. Keep in mind that the entire screen may not always be in the user's field of vision, which limits the options themselves somewhat. If you simplify the options ahead of time, you don't have to worry about the environment affecting the user's options.
5. Xem xét quyền riêng tư của người dùng
User privacy is an issue worth considering when it comes to touchscreen access to sensitive information or data. Just because users use large-screen devices in public places doesn't mean they want others to know what they're doing, especially when entering important information. And the bigger the screen, the more likely others will see what the user is typing.
To solve this problem, designers often use a smaller popup for form or data entry, so that the user's input is not visible even from a distance.
6. vấn đề kết nối mạng
Khi nói đến thiết kế của một màn hình cảm ứng lớn, vấn đề quan trọng nhất cần quan tâm là môi trường mạng của sản phẩm. Làm cách nào để tôi có thể làm cho sản phẩm hoạt động khi có hoặc không có mạng?
Think about it: In public spaces, many large-screen or small-screen devices (such as mobile kiosks or large tablets) are portable. This involves the device's access to the Internet and whether the network connection is working properly. These touchscreen devices need to remain functional even when not connected to the Internet.
Mẹo: Đảm bảo rằng tất cả dữ liệu liên quan đến công cụ - (từ Java đến thư viện phông chữ đến thu thập dữ liệu) đang chạy thiết kế đều được lưu trữ cục bộ.
7. Thiết lập các nút tương tác rõ ràng
Những thiết kế như vậy cần cho người dùng thấy cách tương tác với màn hình và không phải người dùng nào cũng hiểu ngay cách thao tác trên màn hình.
Các dấu hiệu trực quan như hoạt ảnh và các nút được khuyến nghị để giúp hướng dẫn người dùng trong suốt quá trình.
Hầu hết các màn hình cảm ứng quá khổ đều cung cấp cho người dùng một - thời gian tương tác hoặc điểm kích hoạt và mỗi giao diện là khác nhau. Lời nhắc này được đặt càng rõ ràng, người dùng càng dễ hiểu hành động và do đó, họ càng có nhiều khả năng tương tác với sản phẩm của bạn.
Ngoài ra, nhiều khu vực màn hình cảm ứng của màn hình liên quan đến việc kích hoạt và khởi động cũng yêu cầu các nút tương tác. Ví dụ, trong màn hình bắt đầu, nhà thiết kế sẽ sử dụng một nút để nhắc tương tác. Cài đặt này không làm sai lệch so với thiết kế mà còn cho người dùng biết cách vận hành thiết bị.
Use descriptive prompts like "touch here to get started" to guide users through the process. While this thinking element may seem overly obvious, how to use the interface is not something that users should dig into, but rather make it easier.
Tóm lại là
Do you have any experience designing oversized touchscreens? This touch screen design has become a popular trend. Even if you haven't done such a design yet, I believe you will be exposed to it soon.
While most of the design principles are the same as other interface-based designs, the size of an oversized touchscreen and its resizing can leave many designers at a loss. So, when you see an oversized touchscreen in public, it's better to stop and work on the interface and get a feel for its interactive design. See which design elements and interactions appeal to you to reference in future designs for extra-large touchscreens.
