← Đánh giá giao diện · mục 7 Bản điện thoại
Bản điện thoại đề xuất — bấm thử được
Nguyên mẫu tương tác cho teacher.flyer.us trên điện thoại. Mỗi màn hình ở đây là lời giải cho một lỗi đã ghi ở mục 7.1 của bản đánh giá. Bấm trực tiếp vào máy bên cạnh: thanh tab dưới, nút Bộ lọc, các thẻ trong danh sách và nút quay lại đều hoạt động.
Thử theo thứ tự này
- Màn mở đầu là Hôm nay — danh sách việc cần làm, không phải danh sách menu. Bấm một dòng bất kỳ để đi tới đúng chỗ xử lý.
- Mở tab Khám phá, bấm nút Bộ lọc. Bộ lọc mở từ dưới lên, chọn xong bấm Áp dụng để thấy các thẻ điều kiện hiện dưới ô tìm kiếm.
- Mở tab Lớp rồi bấm một lớp, sau đó bấm một học sinh. Dùng mũi tên quay lại ở góc trái để lùi từng bước.
- Mở tab Giao bài. Chú ý nút tròn trò chuyện nằm phía trên thanh phân trang, không đè lên hàng cuối.
- Mở tab Thêm rồi chọn Cài đặt trường để xem biểu mẫu một cột, kể cả ô tên miền dài.
Bốn lỗi và cách nguyên mẫu xử lý
| Lỗi ở mục 7.1 | Cách xử lý trong nguyên mẫu |
|---|
| Vỡ bố cục | Mọi lưới xếp thành một cột, nhãn nằm trên ô nhập. Ô tên miền dài cắt bằng dấu ba chấm thay vì tràn ra ngoài màn. Cài đặt trường |
| Bảng thu thành một cột | Không còn bảng. Mỗi dòng là một thẻ hai dòng: tên và chỉ số chính. Số liệu phụ nằm ở màn chi tiết. Lớp · Giao bài |
| Bộ lọc chiếm màn đầu | Năm ô lọc gom vào một nút Bộ lọc kèm số điều kiện đang bật. Nội dung bắt đầu ngay từ đầu màn. Khám phá |
| Nút nổi che nội dung | Nút trò chuyện thu từ 164×57 còn 48×48 và neo vào khoảng đệm 96px dưới danh sách, nên cuộn hết trang vẫn không đè lên hàng cuối hay thanh phân trang. Giao bài |
Hai điểm vượt ra ngoài bốn lỗi
| Vấn đề ở mục 4 | Cách xử lý trong nguyên mẫu |
|---|
| 4.2 · Menu phục vụ cấu trúc tổ chức | Thanh tab dưới chỉ giữ bốn việc làm hằng ngày. Phần còn lại vào tab Thêm, nhóm theo công việc chứ không theo phòng ban. |
| 4.3 · Không có nơi trả lời "hôm nay cần làm gì" | Tab Hôm nay là màn mặc định: lớp sắp dạy, bài chờ chấm, học sinh cần chú ý — mỗi dòng dẫn thẳng tới thao tác. |
Nguyên mẫu vẽ bằng HTML thuần, không gọi dữ liệu thật. Số liệu trong màn là ví dụ để nhìn được bố cục, không phải số production.