19 Quy chuẩn thiết kế Tab thanh

Một phần của tài liệu THỰC HÀNH CHUYÊN sâu nghiên cứu lý thuyết mô hình thiết kế lấy người dùng làm trung tâm và ứng dụng đề xuất giải pháp thiết kế cải thiện ứng dụng giao hàng tiết kiệm (Trang 65 - 67)

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

Một phần của tài liệu THỰC HÀNH CHUYÊN sâu nghiên cứu lý thuyết mô hình thiết kế lấy người dùng làm trung tâm và ứng dụng đề xuất giải pháp thiết kế cải thiện ứng dụng giao hàng tiết kiệm (Trang 65 - 67)

Tải bản đầy đủ (DOCX)

(85 trang)
w