School of Information and Communication Technology

DESIGN: ODD ONE OUT

User Experience & User interface

IT4441

Authors: Group 23 Student ID:

Cù Minh Hoàng 20204975
Nguyễn Việt Anh 20215308
Phan Phú Huy 20215397
Đặng Đình Quý 20215466
Nguyễn Đức Hòa 20204651

Course Coordinator:
PhD. Trần Nhật Hóa
Mục lục

Mục lục
1 GIỚI THIỆU ĐỀ TÀI 2

2 Phân chia công việc 3

3 Kết quả thực hiện 3

3.1 Xác thực người dùng . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
3.2 Tạo phòng và tìm trận . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
3.2.1 Xác thực tuổi, tìm phòng . . . . . . . . . . . . . . . . . . . . . . 5
3.2.2 Mời bạn bè . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
3.3 Sự kiện In-game . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.3.1 Tham gia phòng chờ và chức năng button . . . . . . . . . . . . . 6
3.3.2 Playing-game . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
3.3.3 Hiển thị kết quả vote . . . . . . . . . . . . . . . . . . . . . . . . . 8
3.3.4 Kết quả game . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

4 Lời cảm ơn 10

ODD ONE OUT 1

1 GIỚI THIỆU ĐỀ TÀI

1 GIỚI THIỆU ĐỀ TÀI

Mục tiêu của của dự án: Phát triển giao diện cho tựa game ODD ONE OUT chạy
trên các thiết bị di động. ODD ONE OUT là một trò chơi trí tuệ và mô phỏng tương
tác giữa các người chơi, nơi họ cùng nhau điều tra và tìm ra những "gián điệp"giấu mình
trong đám đông. Được biết đến như một trò chơi giải đố thú vị, nó không chỉ thách thức
trí tuệ mà còn kiểm tra sự khéo léo, tinh tế và khả năng tương tác xã hội của người chơi.

Nguyên tắc cơ bản của trò chơi là người chơi sẽ được phân công vào vai trò là người
dân hoặc gián điệp. Nhiệm vụ của người dân là tìm ra và loại bỏ gián điệp khỏi đám
đông, trong khi gián điệp cố gắng giữ bí mật danh tính của mình và phá hủy mọi nỗ lực
của người dân.

Trò chơi thường diễn ra trong không gian ảo hoặc trong không gian vật lý như phòng
họp, khuôn viên trường học hoặc các bối cảnh xã hội. Người chơi sẽ tham gia vào các
cuộc họp, thảo luận và bầu cử để đưa ra quyết định về việc ai là gián điệp. Các cuộc
thăm dò, câu hỏi và sự quan sát kỹ lưỡng là chìa khóa để phát hiện và tiêu diệt gián điệp.

Trò chơi không chỉ đòi hỏi sự sắc sảo từ người chơi mà còn thách thức khả năng giao
tiếp và đàm phán của họ. Các chiến lược phức tạp và sự tin tưởng vào đồng đội cũng là
yếu tố quan trọng để thành công.ODD ONE OUT không chỉ mang lại những giờ giải
trí thú vị mà còn giúp phát triển kỹ năng quản lý thời gian, tư duy chiến lược và khả
năng làm việc nhóm. Đồng thời, nó cũng tạo ra môi trường thú vị để giao lưu, kết nối và
xây dựng tình bạn giữa các người chơi.

ODD ONE OUT 2

3 Kết quả thực hiện

2 Phân chia công việc

STT Họ và tên Nội dung công việc chính Đánh giá
1 Cù Minh Hoàng Leader, quay video 10/10
2 Nguyễn Việt Anh Design Figma 10/10
3 Nguyễn Đình Quý Desgin Figma 10/10
4 Phan Phú Huy Design Figma 10/10
5 Nguyễn Đức Hòa Testing 10/10

3 Kết quả thực hiện

Giao diện được thực hiện trên phần mềm Figma – một ứng dụng gồm nhiều công cụ
thiết kế mạnh mẽ trên nền tảng website. Figma giúp sáng tạo không giới hạn giao diện
người dùng (UI/UX), thiết kế tạo mẫu, tạo bài đăng trên các mạng xã hội và nhiều dự
án thiết kế khác. Giao diện tựa game được thiết kế thành 3 phần chính:

1. Xác thực người dùng

(a) Đăng nhập

(b) Đăng kí

(c) Quên mật khẩu

2. Tạo phòng và tìm trận

(a) Xác thực tuổi

(b) Trang chủ

(c) Tìm phòng

(d) Mời bạn bè

3. In-game

(a) Tham gia phòng game

(b) Miêu tả từ khóa, thảo luận và vote

(c) Hiển thị kết quả vote

(d) Kết thúc game

ODD ONE OUT 3

3 Kết quả thực hiện

3.1 Xác thực người dùng

Sau đây là chi tiết các màn hình cũng như là luồng chính của game

Hình 1: Xác thực người dùng

ODD ONE OUT 4

3 Kết quả thực hiện

3.2 Tạo phòng và tìm trận

3.2.1 Xác thực tuổi, tìm phòng

Hình 2: Tìm phòng

3.2.2 Mời bạn bè

Hình 3: Mời bạn bè

ODD ONE OUT 5

3 Kết quả thực hiện

3.3 Sự kiện In-game

3.3.1 Tham gia phòng chờ và chức năng button

Hình 4: Phòng chờ in-game

ODD ONE OUT 6

3 Kết quả thực hiện

3.3.2 Playing-game

Hình 5: Playing-game

ODD ONE OUT 7

3 Kết quả thực hiện

3.3.3 Hiển thị kết quả vote

Hình 6: Playing-game

ODD ONE OUT 8

3 Kết quả thực hiện

3.3.4 Kết quả game

Hình 7: result-game

ODD ONE OUT 9

4 Lời cảm ơn

4 Lời cảm ơn
Sau một học kì vừa rồi, nhóm chúng em đã học và teamwork với nhau để làm thiết
kế một tựa game online trên mobile dưới sự hướng dẫn của Trần Nhật Hóa. Trong quá
trình học và làm, nhóm đã biết được nhiều quy tắc thiết kế và hiểu rằng việc có thể tạo
ra một thiết kế làm hài lòng bất cứ user là điều không thể. Tuy nhiên, vẫn có những quy
tắc để có thể tạo ra thiết kế phù hợp với đại đa số người dùng, bằng cách vận dụng các
quy tắc đó, nhóm đã thiết kế ra giao diện tựa game ODD ONE OUT. Nhóm em tin
rằng bằng kiến thức mình đã học, ứng dụng sẽ đạt trải nghiệm tốt về UX/UI đối với
người dùng.
Cuối cùng nhóm chúng em xin chân thành cảm ơn thầy đã hướng dẫn và đồng hành cùng
chúng em trong suốt một kì học vừa qua!

ODD ONE OUT 10