Theo như những điều đã phân tích ở chương II và đề xuất giải pháp ở mục 3.1 của chương 3, ứng dụng sẽ rút ngắn từ 6 mục xuỗng còn 4 mục ở tab thanh để tối ưu lại giao diện.
Hình 3. 20 Các danh mục ở tab thanh của ứng dụng Giao hàng tiết kiệm khi chưa cải thiện
Các danh mục ban đầu bao gồm: Tổng quan, Chats, Đơn hàng, Kho&Sản phẩm, Dòng tiền, Tài khoản sẽ được lược bỏ bớt thành 4 anh mục bao gồm: Trang chủ, Đơn hàng, Thông báo và Tài khoản. Các danh mục bị lược bỏ sẽ được lồng ghép vào phần trang chủ và sẽ được trình bày chi tiết tại mục 3.2.4.
3.2.4. Thiết kế giao diện ứng dụng Giao hàng tiết kiệm
3.2.4.1. Trang chủ
Vũ Phương Anh – D18TKDPT3
Hình 3. 21 Giao diện Trang chủ, Trang đơn hàng, Trang thông báo, Trang tài khoản (từ trái sang phải)
Như đã trình bày ở mục 3.2.3, phương án cải thiện sẽ lược bỏ đi một số danh mục trong ứng dụng Giao hàng tiết kiệm bao gồm trang Kho&Sản phẩm và trang Chats. Ở đây, để thuận tiện cho người dùng truy cập được các tính năng nhanh hơn và quen thuộc hơn, tính năng chat được đặt ở góc phải phía trên của trang chủ, tính năng kho hàng và sản phẩm cũng được đặt ở trang chủ với icon minh hoạ rõ ràng, hỗ trợ người dùng dễ dàng truy cập.
Với phương án cải thiện ứng dụng Giao hàng tiết kiệm, trang chủ cịn được tích hợp thêm chức năng tìm kiếm để hỗ trợ người dùng tìm kiếm các thơng tin như đơn hàng, sản phẩm hay cách hàng một cách nhanh chóng hơn so với giao diện ứng dụng cũ.
Hình 3. 22 Ứng dụng Giao hàng tiết kiệm khi chưa cải thiện khơng có chức năng tìm kiếm hỗ trợ người dùng
Vũ Phương Anh – D18TKDPT3
Vì tính chất của một ứng dụng giao hàng, nên khó có thể tránh khỏi những thơng tin khô khan dày đặc, do vậy để điều tiết mắt cho người dùng, ứng dụng Giao hàng tiết kiệm sau khi cải thiện sẽ sử dụng thêm các icon, banner, giảm chữ trong phần trang chủ để đem đến cho người dùng cái nhìn trực quan.
3.2.4.2. Đăng nhập đăng ký
Giao diện đăng nhập và quên mật khẩu