Uxui animal pedia đã edit

1.1 Khảo sátNhu cầu tìm hiểu về động vật...  Thông tin động vật đa dạng, có các hình ảnh, âm thanh và video..  Hình ảnh sử dụng cho động vật ưu tiên sắc nét, dễ nhận diện thay vì ưu t

THIẾT KẾ GIAO DIỆN NGƯỜI

DÙNG

NHÓM 05

NỘI DUNG

0 1

Khảo sát phân tích tham khảo

0 2

Phác thảo giao diện

0

3

Giao diện

0 4

Tương tác giao diện

0 5

Kết luận

01 KHẢO SÁT PHÂN TÍCH

THAM KHẢO

1.1 Khảo sát

1.1 Khảo sát

Độ tuổi

1.1 Khảo sát

Giới tính

1.1 Khảo sát

Nhu cầu tìm hiểu về động vật

1.1 Khảo sát

Những vấn đề quan tâm khi tìm hiểu

về động vật Trang 8

1.1 Khảo sát

Nhu cầu sử dụng ứn dụng

1.1 Khảo sát

Mục đích sử dụng

1.1 Khảo sát

Giao diện ứng dụng

1.1 Khảo sát

Giao diện ứng dụng

1.1 Khảo sát

Chủ đề màu nền

1.1 Khảo sát

Thanh menu ứng dụng

1.1 Khảo sát

Logo

1.1 Khảo sát

Logo

1.1 Khảo sát

Tiêu chí

1.1 Khảo sát

Chức năng

1.1 Khảo sát

Cải thiện

1.1 Khảo sát

Nhu cầu

1.1 Khảo sát

Chia sẻ

1.2 Phân tích và đề xuất giải

pháp

 Xây dựng giao diện cần đẹp mắt, dễ thao tác và rõ rang.

 Tông màu lạnh pastel phù hợp với chủ đề ứng dụng.

 Thông tin động vật đa dạng, có các hình ảnh, âm thanh và video.

 Hình ảnh sử dụng cho động vật ưu tiên sắc nét, dễ nhận diện thay vì ưu

tiên màu sắc.

 Cần nhiều chức năng như: Tìm kiếm đa dạng, có bản xếp hạng động

vật yêu thích, chia sẻ thông tin và phân loại động vật,

1.3 Tìm hiểu và nghiên cứu Animal Facts

 Trình bày đơn giản, dễ hiểu.

 Hình ảnh chân thực đa dạng.

 Có phân loại động vật và danh sách rõ ràng.

 Thông tin động vật được trình bày xuống dòng

rõ ràng và dễ đọc

Ưu điểm

1.3 Tìm hiểu và nghiên

cứu Animal Facts

 Một số icon chưa nổi bật

 Độ tương phản chữ , icon và nền chưa

cao

 Chữ bị đè lên hình.

 Còn thiếu một số chức năng như : xem

video, nghe âm thanh,…

Nhược điểm

Sasol Wildlife for

 Giao diện không tương thích với nhiều

1.4 Rút ra kinh

nghiệm

 Chất lượng và độ đa dạng của hình ảnh cần được phải chú trọng và đầu tư kĩ lưỡng.

 Nội dung thông tin cần chính xác và trình bày rõ ràng dễ đọc

 Cần xây dựng một bố cục cụ thể và cân đối,

 Cần có chức năng phân loại động vật

 Sử dụng các màu sắc tương phản cao và phù hợp chủ đề.

 Hạn chế quá nhiều tác vụ phức tạp và tận dụng các yếu tố quen thuộc thông dụng.

 Cần những chức năng mở rộng như xem video, nghe âm , ủng hộ,…

2

PHÁC THẢO GIAO DIỆN

04 TƯƠNG TÁC GIAO DIỆN

Xem tại đây

05 KẾT LUẬN

 Giao diện thân thiện, dễ sử dụng, màu sắc hài hòa phù hợp chủ đề.

 Bố cục dễ hiểu, rõ ràng và thân thiện với người dung.

 Chất lượng hình ảnh rõ nét và hình ảnh đa dạng.

 Các thông tin đa dạng , chính xác và trình bày tách đoạn dễ đọc.

 Sử dụng các icon đơn giản nhưng thể hiện tối đa ý nghĩa.

 Có thêm các chức năng mới : xem video, nghe tiếng, ủng hộ tiền,…

5.1 Ưu

điểm

5.2 Nhược

điểm

 Chỉ có chế độ light mood chưa có dark mood

 Ứng dụng chỉ hổ trợ ngôn ngữ Tiếng Việt.

 Số lượng động vật chưa được đầy đủ và còn trùng lặp

 Chưa làm được tất cả thông tin chi tiết của các động vật đã đưa vào.

 Chức năng xem video chưa được xem cụ thể video.

5.3 Những gì học được

 Quy trình thiết kế giao diện lấy người dùng làm trung tâm.

 Cách nhận xét đánh giá giao diện.

 Học được các nguyên lý thiết kế

 Ý nghĩa phông chữ, màu sắc và icon.

 Phương pháp thiết kế lấy người dùng làm trung tâm.

 Cách phối màu, sắp xếp bố cục, không gian.

5.4 Hướng phát

triển

 Triển khai thành một ứng dụng thực tế và tiếp cận thị trường.

 Liên kết ứng dụng lên nền tảng website.

 Thêm nhiều tính năng mới hơn nữa: xem ảnh 3D, tham quan thực tế

ảo,

TÀI LIỆU THAM KHẢO

▪ Báo Thanh Niên,” 13 08 2020 [Trực tuyến] Available:

https://cotich.vn/su-tich-chim-cu-meo-truyen-co-tich-ly-giai-tai-TÀI LIỆU THAM KHẢO

▪ “Eva,” [Trực tuyến] Available:

CẢM ƠN CÔ VÀ

CÁC BẠN ĐÃ CHÚ

Ý LẮNG NGHE !