Thiết kế hệ thống định vị dựa trên điệu bộ trong iOS

Định vị dựa trên hành vi đã trở thành nền tảng của thiết kế ứng dụng iOS hiện đại, cho phép sự tương tác trực quan, cảm thấy gần như vật lý. Bằng cách giảm sự phụ thuộc vào các nút và thực đơn, các cử chỉ tự do lên màn hình và tạo ra một trải nghiệm người dùng có tính năng hơn. của Apple là UIKit cung cấp một tập hợp các cử chỉ mạnh mẽ, nhưng thiết kế một hệ thống định hướng hiệu quả đòi hỏi sự chuẩn bị chu đáo, một sự hiểu biết về hướng dẫn giao diện con người, và kiểm tra nghiêm ngặt.

Tại sao điều khiển chuyển động vật chất

Các cử động chạm vẽ bản đồ tự nhiên hoạt động của con người tới hành động số. Một skip để đi ngược lại hành động đẩy một đối tượng vật lý sang một bên; một nút bấm để phóng to cảm thấy như kéo giãn hoặc nén bề mặt. Việc sắp xếp này giảm tải nhận thức và tạo định vị tự nhiên thứ hai. Trong ứng dụng định vị, điều khiển hành động có thể thay thế thanh điều khiển, thanh thẻ tab, và nút sau, dẫn đến giao diện sạch hơn tiêu điểm nội dung. Tuy nhiên, các hành động không được thiết kế thấp có thể làm hỏng. Trong ứng dụng thiết kế thấp, ứng dụng điều khiển bên phải, có thể thay thế các thanh điều khiển bằng phím.

Điệu bộ lõi trong việc di chuyển IOS

Giao diện con người (HIG) định nghĩa những cử chỉ tiêu chuẩn mà người dùng mong muốn làm việc nhất quán trên các ứng dụng.

Bị đánh dấu

Điệu bộ kéo là có lẽ linh hoạt nhất cho việc định vị. Trượt trái hoặc phải có thể chuyển tiếp giữa các ô xem (v. d. trong phòng trưng bày ảnh), tiết lộ một thanh nằm lề (bị gạt từ rìa trái trong nhiều ứng dụng định vị), hoặc bỏ qua màn hình (nhập ngược lại trong máy tính UINvivatication). Vấn đề hướng: Dễ dùng cho cuộn hoặc bỏ qua các kiểu dáng.

Gõ

Cái gõ đơn giản là nền tảng của sự lựa chọn. Trong ngữ cảnh định vị, cái vòi có thể đi sâu hơn vào một cấp bậc (v. d., gõ một hàng trong ô xem bảng) hoặc kích hoạt hành động giống như mở tờ dưới. Độ gõ đôi không phổ biến cho việc định vị, nhưng có thể phóng to nội dung.

Pinch

Các động tác in in được dùng chủ yếu để phóng to bản đồ, ảnh và tài liệu. Trong việc định vị, thiết bị tạo điểm ảnh cũng có thể bật/ tắt giữa chế độ tổng quát và chi tiết (v. d., phóng to khung xem mạng).

Nhấn dài

Máy in dài (hay lực chạm vào thiết bị trước) tiết lộ các trình đơn, ô xem thử ngữ cảnh, hoặc hành động nhanh hơn mà không định hướng đi. Ví dụ, xem thử thông điệp có thể hiển thị tùy chọn trả lời mà không mở rộng toàn bộ cuộc trò chuyện.

Đánh dấu cạnh

Cắt ra từ cạnh màn hình (bên trái để quay lại, cạnh phải cho việc nhìn trộm/ bật trên iPad) là một cử chỉ trình nền nên tôn trọng nếu không có lý do mạnh để ghi đè lên nó. Tránh xung đột với các hành động hệ thống để ngăn chặn sự nhầm lẫn của người dùng.

Thiết kế nguyên tắc cho việc di chuyển hành động

Việc định vị thành công không chỉ là gắn kết các máy nhận diện - nó cần một phương pháp thiết kế tổng thể.

Khả năng khám phá

Điệu bộ là vô hình. Người dùng phải được dạy hoặc hiểu chúng. Hãy dùng gợi ý thị giác (v. d., mũi tên tinh tế, chỉ số kéo, hoặc một chỉ thị bao gồm hướng dẫn khi khởi động lần đầu tiên). Các mẫu nhất quán- giống như luôn luôn quay trái để quay lại- trợ giúp người dùng học nhanh chóng.

Kiên định

Người dùng mong đợi một cú móc phải có nghĩa là “trở lại trong một chồng định vị, và nếu bạn dùng một cú móc phải để làm điều gì khác, hãy tạo ngữ cảnh rõ ràng.

Phản hồi

Mỗi cử chỉ phải cung cấp phản hồi rõ ràng ngay lập tức. Phản hồi trực quan (ngăn cách nhìn bên cạnh cử chỉ), phản hồi haptic (dùng UIImpactFeed Genatorator hay UINotificationFecate Converator), và các dấu hiệu âm thanh (khi thích hợp) xác nhận cử chỉ này được nhận.

Khả năng truy cập

Không phải mọi người dùng có thể thực hiện điệu bộ với độ chính xác. Cung cấp phương pháp thay thế cho việc điều khiển: nút, phím nóng trên iPad, hành động tùy chỉnh, và chuyển đổi khả năng hỗ trợ điều khiển. Cần thiết không phải là cách duy nhất để thực hiện hành động chỉ trích.

Tránh xung đột

Khi nhiều cử chỉ nhận diện được gắn vào cùng một quan điểm (hoặc xem cha mẹ), những xung đột có thể nảy sinh. Chẳng hạn, việc gỡ bỏ thẻ có thể xung đột với việc kéo vào thẻ. Trước khi các hành động được gắn vào thẻ, hãy cẩn thận dùng phương pháp đại biểu như [FLT: 0] hoặc thiết lập cử chỉ nhận diện phụ thuộc.

Hiệu suất

Việc xử lý điệu bộ phải được dịch. Hoạt hình nặng hoặc đồng bộ hoá có thể gây ra cử chỉ bị trễ hay lắp. Hãy dùng [FLT: 1] và bộ nhận diện điệu bộ có sẵn cho ô hoạt động chuẩn; để giữ các hành động quản lý nhẹ nhàng và xem xét bằng [FLT: 2] cho hoạt hình mịn.

Nhận diện điệu bộ trong iOS

iOS cung cấp một bộ bộ nhận diện cụ thể dưới .

Thiết lập cơ bản

Ngay lập tức nhận diện cử chỉ, đặt mục tiêu và hành động, cấu hình tính chất (theo hướng, số lần gõ, v.v...), và gắn nó vào khung xem. Ví dụ cho việc di chuyển:

let swipeBack = UISwipeGestureRecognizer(target: self, action: #selector(handleSwipeBack))
swipeBack.direction = .right
view.addGestureRecognizer(swipeBack)

Cấu hình nâng cao

Để kiểm soát hạt nhiều hơn, hãy dùng giao thức ủy quyền, chẳng hạn như chỉ để cho cử chỉ giật khi ngón tay người dùng bắt đầu gần cạnh bên trái (cái móc ra sau):

func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
 guard let swipe = gestureRecognizer as? UISwipeGestureRecognizer else { return false }
 let location = swipe.location(in: view)
 return location.x < 30
}

Cùng điệu bộ

Khi có quan điểm hay cách xem cuộn sách, bạn có thể cần phải cho phép điệu bộ hoạt động cùng nhau. Hãy dùng để trở lại cho điệu bộ tương thích, và để đặt thứ tự ưu tiên.

Tự chọn

Để có thể định vị đầy đủ cử chỉ, hãy liên kết nó với một bộ phận điều khiển tùy chỉnh, chẳng hạn như một bộ phận chuyển tiếp tương tác theo ngón tay của người dùng, tương tự như điệu bộ iOS mặc định, và liên kết nó với một bộ khung hoặc cử chỉ có thể giật lại trong ủy ban điều khiển của người dùng.

Thiết kế bộ duyệt qua trình đơn với điệu bộ (Example)

Nhiều ứng dụng iOS hiện đại sử dụng trình đơn hamburger có thể chạy từ bên trái. Một cách thay thế cử chỉ có thể là một cách giật ra để hiển thị bảng bên (như ô xem chia iPad). Để tạo điều này:

  1. Gắn một bộ nhận diện biểu tượng trên ô xem chính (với các cạnh: . left).
  2. Khi điệu bộ bắt đầu, thêm một ô xem ngoài màn hình bên trái; thay đổi, cập nhật vị trí x theo tỷ lệ thuận; khi kết thúc, tạo ra nó mở hoàn toàn hay đóng lại dựa trên vận tốc/ vị trí.
  3. Cung cấp một nút cho người dùng không thể gỡ bỏ.
  4. Dùng cho phép đảo ngược lại tập tin.

Mẫu này có thể mở rộng ra tờ dưới, bảng bên phải, hoặc thẻ có thể kéo cắt được.

Thử và cải tiến việc di chuyển hành động

Thử nghiệm không thể thương lượng hoàn hảo. Bộ nhận diện điệu bộ có thể hoạt động bất ngờ trên thiết bị khác nhau, với màn hình tách, hoặc khi các hành động hệ thống (v. d., bộ chỉ thị nhà, bộ chuyển đổi ứng dụng) có liên quan.

Công cụ và Phương pháp

  • Bộ gỡ lỗi mãX: bộ nhận diện cử chỉ hình ảnh (có thể, bắt đầu, đã thay đổi, kết thúc, hủy bỏ, không thành công) bằng cách xem « viewing pane ».
  • Thanh tra Khả năng Thành công: kiểm tra rằng Tiếng nói bên trên người dùng có thể truy cập mọi hành động.
  • Người dùng Thử nghiệm: quan sát những người dùng thực hiện hành động; ghi chú do dự, gây ra tình cờ, hoặc cố gắng lặp đi lặp lại.
  • Theo dõi sự chuyển động:) Kiểm tra tỷ lệ khung trong khi thực hiện hành động bằng các công cụ hoạt cảnh Core.

Những cạm bẫy chung

  • [FLT: 0] Kích thích Accidental: Một skip để quay lại có thể bị hiểu sai khi người dùng đang cố chọn một hàng. Cần thiết một khoảng cách ít nhất hoặc một cạnh bắt đầu cụ thể.
  • Xung đột điệu bộ hệ thống: Trên iPhones với ID, chỉ số nhà có thể xung đột với hành động cố định. Hãy dùng tính chất để cho phép cử chỉ của bạn trước, nhưng luôn luôn cung cấp một hậu quả.
  • Nếu người dùng không biết một cử chỉ nào đó, họ sẽ bị mắc kẹt. Hãy dùng các gợi ý trên máy bay, kiên trì, hoặc các thông tin về giao diện tương thích để lộ ra các nút sau thời hạn.

Khả năng truy cập và thiết kế độc quyền

Di chuyển dựa trên điệu bộ không được loại trừ người dùng có trục trặc động cơ. Hãy theo dõi những thực hành này:

  • Các điều khiển thay đổi tính năng: Mỗi hành động đã được kích hoạt cử chỉ nên có sẵn bằng một nút hay phím tắt. Ví dụ, một cú chụp- đối- li-te cũng có thể là một ấn tượng dài cho thấy một nút Xoá.
  • Trình bày ) để vạch trần hành động theo tên gọi, “Bấp lại, khả năng làm việc của người lái xe có thể trở thành một hành động tùy chỉnh.
  • Chuyển động màu đỏ:[FLT: 1) Tôn trọng ; thay thế các ô chuẩn hoặc trượt bằng các chuyển tiếp đơn giản khi yêu cầu.
  • Touch Accomdations: Hãy lưu ý đến cách phân tích đối xử và cảm ứng mà sửa đổi hành vi cử chỉ - không bao giờ giả sử một điểm liên lạc là chính xác.

Kết luận

Thiết kế một hệ thống định vị dựa trên cử chỉ trong ứng dụng iOS là một cách rất hiệu quả để tạo ra một giao diện người dùng có ích, hiện đại. Bằng cách hiểu các cơ bản của các bộ nhận diện cử chỉ, tuân theo các nguyên tắc thiết kế của Apple, và ưu tiên khả năng truy cập, bạn có thể xây dựng định vị mà cảm thấy tự nhiên và không có nỗ lực. Bắt đầu với các hành động có tiêu chuẩn hệ thống, thêm những điều tự chọn chỉ khi họ thực sự cải thiện kinh nghiệm, và luôn luôn kiểm tra với một cơ sở cơ sở đa dạng người dùng. Khi làm xong, cử chỉ chuyển động biến mất vào nền, cho người dùng tập trung vào nội dung và công việc.

Để đọc thêm, hãy tham khảo ý kiến của Apple thư mục [FLT:] dẫn đường cho bộ hành động , ) bộ nhận diện hành vi [FLT:], và bài tuyệt vời Xác định trình duyệt [FLT:] [FL:] [FL:5], từ WDC]. Để có thể thực hiện tốt nhất [FL: T], xem [FL] Appleity’s Applireity [FL: T] [FL: 7].