Mobile design pattern gallery chapter 4 – 5

SEMINAR: GIAO TIẾP NGƯỜI MÁY Đề tài: Mobile Design Pattern Gallery Chapter – Overview Chapter 4: Search, Sort & Filter I Search II Sort Patterns III Filter Chapter 5: Tools IV Toolbar V Option VI Call to Action Button VII.Contextual Tools VIII.Inline Actions IX Multi – State Button X Bulk Action Chapter 4: Search, Sort & Filter I Search I.1 Explicit search Thường kết hợp với Auto-complete I.2 Auto-complete search Ứng dụng rộng rãi kiểu hình tìm kiếm trang web ứng dụng di động I.3 Dynamic search • Được xem lọc tự động • Kí tự nhập vào lọc kết tồn danh sách I.4 Scoped search Giới hạn phạm vi tìm kiếm để kết trả tốt I.5 Saved and Recent search • Saved and recent search để tăng hiệu sử dụng cho người dùng • Cho phép lưu lại kết tìm kiếm I.6 Search Form Đặc trưng mẫu riêng cho vào nhiều tiêu chí tìm kiếm, nút tìm kiếm rõ ràng II.1 OnScreen sort Khi có vài lựa chọn phân loại, loại hình cung cấp đơn giản one-tap II.2 Sort Form Đòi hỏi người sử dụng mở biểu mẫu lựa chọn tiêu chí xếp III Filter • III.1 Onscreen Filter • III.2 Filter Drawer • III.3 Filter Dialog • III.4 Filter Form III.1 Onscreen Filter • Cung cấp hình hiển thị kết • Với lần nhấn,bộ lọc áp dụng III.2 Filter Dialog Sử dụng hộp thoại lọc chứa tùy chọn cho lọc III.3 Filter Form Được sử dụng có nhiều tùy chọn để lọc cho kết Chapter 5: Tools I Toolbar • Chứa công cụ thực hành động • Là kĩ thuật để cung cấp hiệu chỉnh tuỳ chọn định dạng II Option Menu Một menu chứa hành động III Call to Action Button • Khi có hành động hình • Đừng ẩn gọi để hành động Menu che giấu IV Contextual Tools • Contextual tools sử dụng để làm việc đối tượng cụ thể hình • Contextual tools thuộc dạng, dạng V Inline Actions • Được sử dụng để làm việc đối tượng cụ thể hình • Tối đa 1-2 Actions Inline đối tượng VI Multi- State Button Multi-State Button làm việc tốt cho loạt hành động có tương quan chặt chẽ mà cần thực liên tiếp với hình giới hạn real- estate VII Bulk Actions Thông thường Bulk Action gồm: selection, adding /deleting , reordering quản lí edit mode → Cung cấp chọn lựa mặc định cho exiting mode Thanks for listening ...Overview Chapter 4: Search, Sort & Filter I Search II Sort Patterns III Filter Chapter 5: Tools IV Toolbar V Option VI Call to Action Button VII.Contextual Tools VIII.Inline Actions IX Multi – State... Action Button VII.Contextual Tools VIII.Inline Actions IX Multi – State Button X Bulk Action Chapter 4: Search, Sort & Filter I Search I.1 Explicit search Thường kết hợp với Auto-complete I.2... • Được xem lọc tự động • Kí tự nhập vào lọc kết tồn danh sách I .4 Scoped search Giới hạn phạm vi tìm kiếm để kết trả tốt I .5 Saved and Recent search • Saved and recent search để tăng hiệu sử