Hình 3. 15 Màu sắc chủ đạo của ứng dụng Giao hàng tiết kiệm (khi chưa cải thiện) là màu xanh, ít có sự xuất hiện của các màu khác)
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 52
Hình 3. 16 Ở ứng dụng Giao hàng tiết kiệm (gốc) màu sắc phụ không được bắt mắt và đảm bảo tính thẩm mỹ
Về màu sắc ở ứng dụng Giao hàng tiết kiệm cũ chủ yếu sử dụng màu xanh, đen trên nền trắng (Hình 3.15) khiến cho ứng dụng bị nhàm chán, khơng có điểm nhấn. Mặc dù ứng dụng có sử dụng thêm một số màu khác ở hoạ tiết nhưng lại chưa được phù hợp và đảm bảo yếu tố thẩm mỹ (Hình 3.16). Do vậy để cải thiện khía cạnh màu sắc của ứng dụng này, giải pháp được đưa ra đó là vẫn giữ nguyên màu chính là màu xanh lá để đảm bảo nhận diện thương hiệu, bên cạnh đó sẽ thêm vào một số màu phụ bổ trợ bao gồm vàng, đỏ và xanh dương.
Hình 3. 17 Hệ thống nút bấm (button) không đồng nhất ở ứng dụng Giao hàng Tiết kiệm khi chưa cải thiện
Về hệ thống nút bấm (Button) cũng được chuẩn hố về kích thước cũng như hình dạng để đồng bộ hơn so với ứng dụng cũ.
Hình 3. 18 Biểu tượng trang tổng quan khơng đồng nhất với các trang khác, biểu tượng trang đơn hàng chi tiết quá bé không hiển thị rõ
Thực hành chuyên sâu CHƯƠNG III. ĐỀ XUẤT GIẢI PHÁP THIẾT KẾ CẢI THIỆN ỨNG DỤNG GIAO HÀNG TIẾT KIỆM
Vũ Phương Anh – D18TKDPT3 53
Ở ứng dụng cũ, biểu tượng (icon) được sử dụng khá nhiều tuy nhiên lại chưa được đồng bộ, hay chỗ có chỗ khơng, khơng có sự đồng nhất, do vậy giải pháp ở đây là thiết kế thống nhất lại kích thước và phong cách biểu tượng được sử dụng trong ứng dụng.