Thiết kế luồng dễ dùng
Biểu mẫu rõ cả lúc đúng, rỗng và lỗi.
Thiết kế cả lúc có lỗi
Vẽ từ lúc người dùng bấm đến lúc dữ liệu thật sự đổi. Nếu chưa biết yêu cầu đã thành công chưa, đừng báo “thất bại” rồi gửi lại ngay. Cho họ biết trạng thái và bước tiếp theo.
Khách bấm gửi hai lần vì không biết quán đã nhận đơn chưa.
Chưa rõ đã lưu chưa
Timeout có thể đến sau khi dữ liệu đã lưu. Giữ mã lần gửi, kiểm kết quả cũ rồi mới quyết định thử lại. Đừng đổi mã để né lỗi.
Mất tin nhắn xác nhận không có nghĩa quán chưa nhận đơn.
Thực hành
Soát luồng tạo phiếu trước khi thêm tính năng.
Soát luồng tạo phiếu trong lab ở màn hình hẹp và bằng bàn phím. Chỉ sửa index.html/style.css để giải quyết lỗi quan sát được. Giữ id của ô nhập/nút, quy tắc dữ liệu và logic. Báo ca đã thử, ca chưa thử.
Tự kiểm tra
Lỗi giữ nội dung; thông báo đúng trạng thái.
VI/EN, bàn phím và màn hình hẹp dùng được.