Bố cục giao diện chung
Nhận biết cấu trúc trang Dashboard.
Toàn bộ các màn hình quản trị dùng chung một bố cục, dễ dàng làm quen: Sidebar (menu trái) danh sách các chức năng, Breadcrumb (trên cùng) hiển thị vị trí chức năng hiện tại, và Vùng nội dung chính hiển thị bảng dữ liệu hoặc biểu mẫu,...
Tổng quan Dashboard
- 1
Bộ chọn khoảng ngày + Refresh
Ở góc trên bên phải. Mọi số liệu bên dưới tính theo khoảng ngày đang chọn.
- 2
Day / Week / Month
Đổi cách xem biểu đồ Revenue trend theo ngày / tuần / tháng.
Cấu trúc Dashboard
1. Sidebar (menu trái)
Danh sách chức năng.
Dashboard
Trang tổng quan — xem nhanh doanh thu, số đơn
Order
Đơn hàng — xem và xử lý đơn của khách
Product
Sản phẩm — thêm, sửa, xoá sản phẩm
Inventory
Kho / Tồn kho — xem số lượng còn, nhập kho, chuyển kho
Category
Danh mục — nhóm sản phẩm cho khách dễ tìm
Promotion
Khuyến mãi — tạo mã giảm giá
Brand
Thương hiệu — nhãn hàng gắn với sản phẩm
Customer
Khách hàng — danh bạ khách
Setting
Cài đặt — thanh toán, vận chuyển, thông tin cửa hàng
2. Breadcrumb (trên cùng)
Vị trí chức năng hiện tại, ví dụ Home / Product List.
Ngoài ra, ở góc phải còn có múi giờ đang áp dụng (ví dụ US/Central) và chuông thông báo.
3. Thẻ chỉ số (Stats Cards)
Thống kê nhanh.
- RevenueDoanh thu (chỉ tính đơn đã Hoàn thành)
- OrdersTổng số đơn hàng
- CustomersSố khách hàng
- Product soldSố sản phẩm đã bán
4. Biểu đồ phân tích
Trực quan hoá số liệu.
- Revenue trendDoanh thu theo thời gian, đổi xem Day / Week / Month
- Order statusCơ cấu đơn theo từng trạng thái
5. Top products & Recent orders
Sản phẩm bán chạy và đơn hàng gần đây.
- Top productsSản phẩm bán chạy nhất trong khoảng ngày đang chọn
- Recent ordersCác đơn mới nhất kèm tên khách, tổng tiền, trạng thái
Bấm View All ở góc phải Recent orders để mở Danh sách Đơn hàng; giải thích từng trạng thái đơn xem Trạng thái Đơn hàng.
Tiếp theo: Danh sách Sản phẩm