1 Giới thiệu + Đăng nhập + đăng ký Màn hình giới thiệu được bố trí logo kèm tên của ứng dụng và hình ảnh động vật giúp tạo cảm giác thân thiện và dễ hiểu cho người dùng Để trước khi nhấn “ bắt đầu“, n[.]
1 Giới thiệu + Đăng nhập + đăng ký : Màn hình giới thiệu bố trí logo kèm tên ứng dụng hình ảnh động vật giúp tạo cảm giác thân thiện dễ hiểu cho người dùng Để trước nhấn “ bắt đầu“, người dùng hiểu sử dụng ứng dụng Phần đăng ký bố trí số thơng tin quan trọng người dùng có bố trí nhiều dạng đăng nhập đăng ký khác cho người dùng tự lựa chọn : tài khoản app, tài khoản google, tài khoản facebook,… có hướng dẫn “Chưa có tài khoản? Đăng ký” cho người lần đầu sử dụng.Tương tự hình đăng ký có hướng dẫn “Đã có tài khoản? Đăng nhập” người có tài khoản để thuận tiện cho người dùng Ngồi ra, có thêm hình chọn động vật mà người dùng thích để trước sử dụng, ứng dụng đáp ứng nhu cầu riêng biệt người Sử dụng nhiều hình ảnh động vật để người dùng chọn cách trực quan , sinh động họ thích thú dùng chữ để nêu tên động vật đề xuất cho họ Tìm kiếm: Có dạng tìm kiếm nhập chữ hình ảnh để phục vụ nhiều nhu cầu tìm kiếm người dùng Ví dụ như: họ bắt gặp mà khơng biết tên họ sử dụng tìm kiếm hình ảnh Ở phần tìm kiếm chữ, người dùng nhập tên động vật để tìm phía lịch sử tìm kiếm để người dùng biết minh tìm kiếm có nút để khơng muốn tìm Ở phần tìm kiếm hình ảnh, người dùng chụp hình tìm chọn hình ảnh có sẵn thiết bị Kết cho danh sách động vật có hình dáng giống hình đầu vào 3.Trang chủ: Xuyên suốt ứng dụng sử dụng tông màu trắng xanh dương cách chia bố cục tương tự trang chủ Phần đầu hiển thị tên ứng dụng để tạo ấn tượng làm cho người dùng ghi nhớ ứng dụng Tiếp theo, bố trí thêm tìm kiếm đầu để thuận tiện cho người dùng dễ dàng thấy Ảnh đại diện người dùng đặt kế bên tìm kiếm, để họ biết tài khoản đăng nhập Về phần navigation đặt cuối để giúp người dùng dễ thấy dễ thao tác gồm bốn mục: trang chủ, động vật, yêu thích tài khoản Được thiết kế có chữ icon phù hợp với chủ đề ứng dụng Do có mục nên mục trang chủ ưu tiên xếp vị trí để người dùng dễ nhận biết, mục động vật yêu thích đặt kế bên để người dùng thuận tiện vào xem động vật cuối mục tài khoản để người dùng dễ quản lí tài khoản Khi chọn mục navigation , làm bật màu từ màu xám thành màu xanh dương để người dùng định vị đâu Về phần nội dung: trang chủ này, bố trí nhiều hình ảnh đẹp để tạo hứng thú cho người dùng Và bao gồm nhiều thứ để phục nhiều nhu cầu đa dạng người dùng : xem khoảnh khắc đẹp động vật, xem top động vật quan tâm nhiều, đọc tin tức , truyện cổ tích đề xuất động vật phù hợp với sở thích người dùng để họ xem thích Các tiêu đề làm đậm bật nội dung để người dùng dễ thấy dễ sử dụng 4.Động vật: Phần đầu hiển thị tên trang “ Động Vật” để làm cho người dùng dễ thấy qua biết vào trang Tiếp theo, bố trí thêm tìm kiếm đầu để thuận tiện cho người dùng dễ dàng thấy để tìm kiếm động vật muốn Kế đó, danh mục phân loại loài động vật : phổ biến, lớp thú, lớp chim, lớp cá,… để người dùng dễ dàng xem biết động vật nhóm Và dùng tiếp navigation để tạo cho người dùng nhiều thao tác định vị người dùng Về phần nội dung: Mỗi động vật bố trí theo bố cục hình ảnh to phía tên in đậm để tăng hứng thú cho người dùng để xem tiếp chi tiết động vật để chữ nhiều hình,mỗi hàng bố trí động vật để người dùng khơng bị rối mắt 5.u thích: Phần đầu hiển thị tên trang “ Yêu Thích” để làm cho người dùng dễ thấy qua biết vào trang Tiếp theo, bố trí thêm tìm kiếm đầu để thuận tiện cho người dùng dễ dàng thấy để tìm kiếm động vật u thích muốn Và dùng tiếp navigation để tạo cho người dùng nhiều thao tác định vị người dùng Về phần nội dung: Mỗi động vật bố trí theo bố cục hình ảnh to phía tên in đậm để tăng hứng thú cho người dùng để xem tiếp chi tiết động vật để chữ nhiều hình,mỗi hàng bố trí động vật để người dùng khơng bị rối mắt.Ngồi ra, bố trí thêm icon trái tim để tăng tính nhận diện cho trang 6.Tài Khoản-… (các trang chung với tài khoản) Phần đầu hiển thị tên trang “ Tài khoản” để làm cho người dùng dễ thấy qua biết vào trang nào.Phía làm màu xanh bật lên tên tài khoản người dùng hình đại diện để người dùng dễ dàng nhận diện tài khoản Nội dung bố trí mục quản lí tài khoản là: sửa thông tin tài khoản, xem lịch sử ủng hộ, đăng xuất,… mục khác trung tâm hỗ trợ điều khoản dịch vụ Trang sửa hồ sơ , bố trí nhiều phần: người dùng thay đổi hình đại diện, họ tên, email số điện thoại, ngồi để tiêu đề bật cịn đặt thêm icon để tạo cảm giác dễ sử dụng, thường mục sửa đổi sử dụng người dùng có cảm giác sợ lỗi phát sinh, nên việc đặt icon giúp tạo cảm giác thoải mái cho người dùng Trang thay đổi mật xác nhận mật thiết kế đơn giản để người dùng dễ sử dụng Ngồi có bố trí thêm mục qn mật để người có qn có thêm lựa chọn cho họ Trang lịch sử ủng hộ bố trí thơng tin , số tiền hình ảnh động vật ủng hộ để người dùng biết số tiền ủng hộ ngày tháng ủng hộ Trang thông báo lỗi đăng xuất, “thơng báo bạn có muốn đăng xuất hay khơng?” hạn chế việc người dùng bị nhấn nhầm đăng xuất việc quan trọng Ngồi ra, cịn đặt thêm nút hủy người dùng bị nhấn nhầm đăng xuất nút X người dùng tắt thông báo Trang trung tâm hỗ trợ, thiết kế phần chữ tách bạch, xuống dòng sau câu hỏi, để người dùng dễ đọc trước gọi hỗ trợ xem thử có phải trường hợp hay khơng.Ngồi ra, có phần gửi phản hồi gọi điện thoại gửi mail 7.Thông tin động vật: Phần đầu hiển thị tên trang “ Thông tin động vật” có icon trở để làm cho người dùng dễ thấy qua biết vào trang kế bên icon để nhấn vào để xem thơng tin thích tình trạng (ít quan tâm, bị tuyệt chủng, ) , thông tin thuộc thơng tin khoa học chun ngành, nên có số người bị khó hiểu, giúp tăng tính dễ học dễ hiểu Phần hình ảnh động vật thiết kế to , rõ nét động vật có ảnh để người dùng xem nhiều Ngoài ra, phần thiết kế thêm phần xem video động vật Tên động vật thiết kế chữ to in đậm để người dùng dễ nhận biết.Phía bên phải icon cho người dùng thả tim u thích động vật động vật xếp vào danh sách u thích giúp người dùng dễ xem mà thích Icon loa icon chia sẻ giúp người dùng nghe âm động vật chia sẻ cho người xem Về phần thông tin, Mỗi động vật gán nhãn tình trạng (ít quan tâm, bị tuyệt chủng, ) phân loài (lớp thú, lớp chim,…) Thơng tin động vật trình bày thơng tin chữ rõ ràng trình bày dịng, giúp người dùng dễ đọc Phần cuối đề xuất động vật tương tự động vật yêu thích người dùng, giúp người dùng lựa chọn đa dạng Tình trạng Phần đầu hiển thị tên trạng “Tình trạng” có icon trở để làm cho người dùng dễ thấy qua biết vào trang Tình trạng số lượng động vật thiết kế thành hình đồ địa điểm có động vật tơ màu xanh đặt mốc, giúp tăng tính thích thú cho người dùng, giúp người quan sát biểu đồ Phân thông tin thiết kế chữ rõ ràng dễ đọc Ngoài ra, phần “Ủng hộ ngay” phía người dùng dễ dàng ủng hộ cho động vật mà muốn giúp đỡ Phần số người ủng hộ tổng số tiền ủng hộ giúp tăng tin tưởng cho người dùng, để họ tự tin ủng hộ 9.Ủng hộ (các trang nói chung): Trang ủng hộ trực tuyến thiết kế lựa chọn ủng hộ qua ngân hàng ví điện tử giúp người dùng dễ dàng ủng hộ Về ủng hộ qua ngân hàng, thiết theo kiểu danh sách logo ngân hàng giúp người dùng dễ chọn Và chọn ngân hàng, người dùng nhập thông tin cần thiết vào để chuyển tiền Phần xác nhận thông tin giao dịch thiết kế đầy đủ thông tin rõ ràng để người dùng xem lại xác nhận , tránh lỗi trường hợp nhập nhầm, sau xác nhận xe có thơng báo xác nhận mã OTP để bảo mật cho người dùng Sau ủng hộ xong có thơng báo xác nhận giao dịch thành công hay thất bại để người dùng biết tiền ủng hộ chưa, giúp giảm lo lắng cho người dùng Ngồi ra, có thêm nút “về trang chủ” “tiếp tục” để người dùng thuận tiện quay lại trang chủ ủng hộ tiếp Phần ủng hộ qua ví điện tử thiết kế tương tự ủng hộ qua ngân hàng 10 Địa điểm tham quan: Trang địa điểm tham quan thiết kế phần đầu hiển thị tên trang “Địa điểm tham quan” có icon trở để làm cho người dùng dễ thấy qua biết vào trang Phần danh sách địa điểm tham quan thiết kế gồm phần hình ảnh phần thơng tin đặt kế bên theo hàng ngang giúp người dùng dễ dàng đọc xem Hình ảnh thiết kế rõ nét, phần tên nơi tham quan thiết kế bật to in đậm giúp người dùng dễ thấy, phía thơng tin địa nơi giúp người dùng biết mà đến tham quan 11.Tin Tức-Tin tức báo: Trang địa điểm tham quan thiết kế phần đầu hiển thị tên trang “Tin Tức” có icon trở để làm cho người dùng dễ thấy qua biết vào trang Phần danh sách tin thiết kế gồm phần hình ảnh phần thông tin đặt kế bên theo hàng ngang giúp người dùng dễ dàng đọc xem Hình ảnh thiết kế rõ nét, phần tên title tin thiết kế bật to in đậm giúp người dùng dễ thấy, phía thơng tin tóm tắt tin để người dùng biết mà chọn vào để xem phía góc phải tên nguồn tin (Vnexpres, Zing.vn,…) Phần title tin thiết kế bật.Phần chữ tin thiết kế rõ ràng dễ đọc tách đoạn cụ thể giúp người dùng dễ dàng đọc có sử dụng ảnh minh họa để đọc tin không bị nhàm chán.Ở cuối tên tác tên nguồn tin 12.Truyện cổ tích – chi tiết truyện cổ tích: Trang địa điểm tham quan thiết kế phần đầu hiển thị tên trang “Truyện cổ tích” có icon trở để làm cho người dùng dễ thấy qua biết vào trang Phần danh sách truyện cổ tích thiết kế gồm phần hình ảnh phần thơng tin đặt kế bên theo hàng ngang giúp người dùng dễ dàng đọc xem Hình ảnh sử dụng hình đồ họa, hình hoạt hình dễ thương để phù hợp với đối tượng trẻ em, qua dễ dàng giáo dục trẻ hơn.Phần tên title truyện thiết kế bật to in đậm giúp người dùng dễ thấy, phía thơng tin tóm truyện để người dùng biết mà chọn vào để xem -Phần title truyện thiết kế bật.Phần chữ truyện thiết kế rõ ràng dễ đọc tách đoạn cụ thể giúp người dùng dễ dàng đọc có sử dụng ảnh minh họa để đọc không bị nhàm chán.Ở cuối tên tác tên nguồn tin 13 Top quan tâm: Trang địa điểm tham quan thiết kế phần đầu hiển thị tên trang “Top quan tâm” có icon trở để làm cho người dùng dễ thấy qua biết vào trang Phần danh sách động vật quan tâm nhiều thiết kế gồm phần hình ảnh phần thơng tin đặt kế bên theo hàng ngang giúp người dùng dễ dàng đọc xem Danh sách đánh số thứ tự động vật gắn icon bật để tạo thích thú cho người dùng Phần tên thiết kế bật phía icon thơng tin lượt xem, lượt thả tim lượt chia sẻ để người dùng xem so sánh 14 Màn hình chia sẻ: Được thiết kế hiển thị 1/3 hình giúp khơng bị che nhiều thông tin bên dưới.Thiết kế có nhiều lựa chọn cho người người, chia sẻ ứng dụng tảng khác.Các icon tảng chia sẻ thiết kế đẹp bắt mắt để tăng độ nhận diện cho người dùng ... Phần danh sách truyện cổ tích thiết kế gồm phần hình ảnh phần thông tin đặt kế bên theo hàng ngang giúp người dùng dễ dàng đọc xem Hình ảnh sử dụng hình đồ họa, hình hoạt hình dễ thương để phù hợp... định vị người dùng Về phần nội dung: Mỗi động vật bố trí theo bố cục hình ảnh to phía tên in đậm để tăng hứng thú cho người dùng để xem tiếp chi tiết động vật để chữ nhiều hình, mỗi hàng bố trí động... định vị người dùng Về phần nội dung: Mỗi động vật bố trí theo bố cục hình ảnh to phía tên in đậm để tăng hứng thú cho người dùng để xem tiếp chi tiết động vật để chữ nhiều hình, mỗi hàng bố trí động