Thiết kế giao diện app quản lý giáo dục tiểu học kidbo

Đồ án SEM 2

Thiết kế giao diện App

Quản lý giáo dục tiểu học Kidbo


1 Lời ngỏ

LỜI NGỎ
Lời đầu tiên, team 2.5 xin gửi lời cảm ơn đến

tất cả các giáo viên, các anh chị phòng đào

tạo tại Arena Multimedia đã giảng dạy và

giúp đỡ chúng em trong suốt sem 2 vừa qua.


Đồng thời, chúng em muốn gửi đến thầy

Nhật Trung lời cảm ơn sâu sắc đã hướng dẫn,

sao sát và đưa ra nhiều lời khun để team

2.5 có thể hồn thành đồ án một cách tốt nhất.


Lời cuối, team 2.5 hy vọng q trình hồn thành

đồ án sẽ diễn ra tốt đẹp và là hành trình

sáng tạo đầy màu sắc của team với tất cả

thầy cô trường Arena Multimedia.


Thành viên 1

Thầy Phan Nhật Trung
Giảng viên hướng dẫn

THÀNH VIÊN

Nguyễn Thanh Trúc

Bảo Hoàng

Lê Vũ Thanh Vy


1 Mục lục

MỤC LỤC
01 GIỚI THIỆU

02 LOGO
03 USER FLOW
04 WIREFRAME

06 ILLUSTRATOR

07 DESIGN LAYOUT
08

PROTOTYPE

09 ADVERTISEMENT

05 DESIGN SYSTEM


BỎ HÌNH MOCKUP


1

Giới thiệu

01

GIỚI THIỆU
Câu chuyện về Kidbo

08

Sứ mệnh và trọng trách

08

Biểu đồ khảo sát người dùng

08

User Personas

08


Câu chuyện về Kidbo

1

CÂU CHUYỆN VỀ KIDBO
Công tác quản lý giáo dục bậc tiểu học là

một trong những công tác tốn nhiều thời
gian và công sức. Đồng thời, cũng rất được
quan tâm và luôn được chú trọng.


Kidbo được ra đời với mong muốn được
đồng hành, giảm bớt gánh nặng và tiết
kiệm chi phí cho cơng tác quản lí giáo dục
bậc tiểu học .

Được xây dựng trên nền tảng sử dụng công nghệ
thông minh, thân thiện với tất cả đối tượng sử
dụng nên Kidbo sẽ giúp công tác quản lí sẽ trở nên
dễ dàng, hiệu quả và nhanh chóng hơn rất nhiều so
với cơng tác quản lí truyền thống.

Với mong muốn sẽ tạo được mối liên kết chặt chẽ
giữa nhà trường và gia đình. Kidbo sẽ giúp những
phụ huynh bận rộn với cơng việc nhưng vẫn có thể
quản lí được việc học của con em .


Ngồi ra, Kidbo cũng là một người bạn đồng hành
với trẻ trong việc học tập và ôn tập những kiến
thức quan trọng một cách đầy thú vị và mới mẻ .



1 Sứ mệnh và trọng trách

SỨ MỆNH VÀ TRỌNG TRÁCH
Đối với nhà trường
Tối giản và chun nghiệp hố cơng tác

quản lý: Quản lí dữ liệu thơng tin học sinh.

giáo viên , công nhân viên , cán bộ nhà

trường , hỗ trợ dịch vụ tài chính, v.v.


Thuận tiện trong công tác trao đổi thông

tin giữa nhà trường, giáo viên và phụ huynh:

Khảo sát và báo cáo tình hình của học sinh

tới gia đình một cách chính xác, nhanh

chóng nhất .


Đối với giáo viên
Quản lí lớp học một cách dễ dàng hơn: báo
cáo điểm danh, điểm số, kết quả học tập,
các hoạt động hàng ngày, v.v.



Đối với phụ huynh

Tương tác và liên hệ với giáo viên một cách
dễ dàng: chủ động cập nhật thông tin học
sinh lên hệ thống nhà trường, trực tiếp liên
hệ với phụ huynh thông qua phần tin nhắn.



Dễ dàng nắm bắt thông tin từ nhà trường và giáo
viên về hoạt động và quá trình học tập của trẻ.

Được trao đổi về tình hình học tập và cải thiện kết
quả của trẻ thông qua biểu đồ.

Được thông báo và đào tạo những khố
đào tạo, chun mơn đặc biệt từ nhà
trường, cung cấp những tài liệu dạy học và
hoạt động trường một cách nhanh nhất.



Linh hoạt trong việc thanh toán các khoản thu chi
của trẻ. Tiết kiệm thời gian cho những phụ huynh
bận rộn nhưng vẫn có thể yên tâm về hành trình
học tập của con tại trường .


Đối với học sinh
Giúp trẻ có thể dễ dàng tiếp thu kiến thức
mới một cách khoa học và nhớ lâu. Giúp trẻ
tiến bộ hơn, thích thú với học tập bằng
hình thức ơn tập vừa học vừa chơi.


Có ý thức về việc học của bản thân và
không ngừng phấn đấu trong hành trình
học tập của con.


Để con có thể tự giác sắp xếp giờ giấc sinh
hoạt và hoàn thành bài tập đúng tiến độ
của giáo viên .

1

Khảo sát người dùng

KHẢO SÁT NGƯỜI DÙNG
Độ tuổi của phụ huynh tham gia khảo sát ?
4%
43%

Dưới 25 tuổi

100% 53%

Ý kiến của phụ huynh về việc áp
dụng app quản lý trong tiểu học ?

10%

Từ 25-35 tuổi
Trên 35 tuổi

Ý kiến của phụ huynh về việc
thanh tốn online học phí?
10%

4%

100%

24%

62%

14%

100% 76%

Hồn tồn đồng ý

Bình thường

Đồng ý

Khơng đồng ý


Những lo lắng của phụ huynh khi sử dụng phần mềm?
Bảo mật kém

15%
19%

100%

33%

Quá nhiều thông tin
Giao diện không bắt mắt

33%

Ý kiến của phụ huynh về việc thiết kế
bài tập online theo dạng trắc nghiệm
và tích điểm tặng quà cho trẻ?
5%5%

33%

100%

Thao tác phức tạp

Ý kiến của phụ huynh về việc làm
bài tập online kết hợp báo cáo kết
quả cả quá trình học tập của trẻ?

10%

57%
24%

6%

100%

62%

Hồn tồn đồng ý

Bình thường

Đồng ý

Khơng đồng ý


100%
90%
80%
70%
60%
50%

53%

40%

43%

30%
20%
10%

4%

0%
Phụ huynh quan tâm đến vấn đề gì khi cho con tham gia cấp bậc tiểu học?
Hoàn toàn đồng ý
Đồng ý

Bình thường

Khơng đồng ý


100%
90%
80%
70%
60%
50%

53%

40%

43%

30%
20%
10%

4%

0%
Ý kiến của phụ huynh về việc làm bài tập online kết hợp báo cáo kết quả cả
quá trình học tập của trẻ?
Hồn tồn đồng ý
Đồng ý
Bình thường

Khơng đồng ý


1 User Personas

U

SER PERSONAS

NGUYỄN YẾN NHI

Mong muốn

Tuổi: 30


Muốn theo dõi kết quả học tập của bé

Nghề nghiệp: Nhân viên văn phịng


một cách tồn diện nhất.

Nơi ở: Thành phố Hồ Chí Minh


Kết nối với giáo viên chủ nhiệm và muốn

Có 2 con nhỏ.

cơ nhận xét q trình học tập của con.
Tiện lợi trong việc trao đổi các vấn đề
của con.

Tính cách
Quan tâm

Đơn giản

Lo ngại
Rất tâm lý
Lo lắng về quá trình tiếp thu kiến thức
của bé vì bé hơi chậm.

Thời gian làm việc

Bé thường hay không chia sẻ về chuyện
ở trường của mình.

Cơng nghệ


USER PERSONAS

NGUYỄN THÙY LINH

Mong muốn

Tuổi: 26

Nghề nghiệp: Giáo viên tiểu học

Nơi ở: Thành phố Hồ Chí Minh

Tình trạng: Độc thân

Cập nhật thường xuyên tình hình học tập
của trẻ.
Giúp trẻ chuẩn bị bài học thật tốt trước
khi đến trường.

Tính cách

Phụ huynh và nhà trường cùng nhau hợp
tác để giúp các bé có một q trình học
tập tốt nhất.

Kiên nhẫn
Thân thiện

Thời gian làm việc
Cơng nghệ

Tận tình

Lo ngại

Gửi thơng tin đến phụ huynh tốn rất
nhiều thời gian.

Các bé thường xuyên không làm bài tập
về nhà.
Các bé học chậm sẽ rất khó kết nối với
phụ huynh về vấn đề học tập của mình.


USER PERSONAS

NGUYỄN GIA BẢO
Tuổi: 6 tuổi

Chuẩn bị vào lớp 1

Nơi ở: Thành phố Hồ Chí Minh

Gia đình 3 người.

Bé rất dễ chán và hơi lười.

Tính cách
Hơi lười

Dễ chán

Tiếp thu nhanh

Thời gian làm việc
Công nghệ

Lo ngại

Hay sử dụng thiết bị điện thoại
Tính khơng cẩn thận và hay qn nên bé
thường xun đem thiếu sách giáo khoa







USER PERSONAS

LÊ HOÀNG GIA AN
Tuổi: 9 tuổi

Chuẩn bị lên lớp 5

Nơi ở: Thành phố Hồ Chí Minh

Gia đình 4 người.

Bé khá thụ động và thiếu tự tin trong
giao tiếp .

Tính cách
Chăm chỉ

Thiếu tự tin

Chưa thật sự cẩn thận

Thời gian làm việc
Công nghệ

Lo ngại

Chưa thật sự cẩn thận nên bé thường hay
làm sai những lỗi cơ bản trong bài tập .


1

LOGO

02
LOGO

Ý nghĩa tên thương hiệu

08

Ý tưởng Logo

08

Phác thảo Logo

08

Hệ thống Logo

08

Nguyên tắc sử dụng Logo

08


Ý tưởng Logo

1

Ý NGHĨA TÊN THƯƠNG HIỆU
Kidbo lấy ý tưởng từ Kid và Board.
Kid với ý nghĩa là các em nhỏ và
board có nghĩa là tấm bảng là hình
ảnh đại diện cho trường học.



Tên gọi mang ý nghĩa là sự liên kết
giữa nhà trường và gia đình để tạo
cho trẻ một mơi trường học tập tốt
nhất và hiệu quả nhất.

Hình ảnh trẻ nhỏ

Hình ảnh bảng đại diện
cho nhà trường

Ý TƯỞNG LOGO
Logo Kidbo được thiết kế theo kiểu
logo chữ. Với những đường nét bo
tròn tạo nên sự dễ thương và thân
thiện với các bé nhỏ.




1

Phác thảo Logo

PHÁC THẢO LOGO


Hệ thống Logo

HỆ THỐNG LOGO
Hệ thống lưới
Hệ thống lưới là một trong những tiêu
chuẩn đồ họa để đảm bảo hình ảnh Logo
không bị thay đổi và được sử dụng bằng
cách phóng to hoặc thu nhỏ dữ liệu có
trong tài liệu hướng dẫn , tránh làm biến
dạng Logo khi sử dụng
Tuy nhiên, trong trường hợp yêu cầu kích
thước quá lớn , máy móc khơng xử lý được
thì Logo phải được thực hiện đúng như hệ

thống lưới như hình minh họa ở trang này .

Kích thước tối thiểu

1


1 Nguyên tắc sử dụng Logo

NGUYÊN TẮC SỬ DỤNG LOGO
Hệ màu chính
HEX

FF794E

RGB

255 121 78

CMYK

0 66 72 0

Hệ màu phụ
26C1FC
38 193 252

8DD54F
141 213 79

FFB525
255 181 37

62 5 0 0

48 0 89 0

0 32 95 0


Khoảng cách an toàn
Khoảng cách an toàn nhằm đảm
bảo biểu tượng Logo luôn được
thể hiện ở mức độ rõ ràng và tác
động về thị giác lớn nhất

Các phiên bản Logo

App Icon


Logo sai quy chuẩn

Logo thiếu thành phần

Logo bị biến dạng

Logo sai màu

Logo trên nền kém tương phản

Logo đặt sai vị trí

Outline Logo