lOMoARcPSD| 10435767
B Ộ THÔNG TIN VÀ TRUY Ề N THÔNG
H Ọ C VI Ệ N CÔNG NGH Ệ BƯU CHÍNH VIỄ N THÔNG
BÀI T Ậ P CÁ NHÂN H Ọ C PH Ầ N
THI Ế T K Ế TƯƠNG TÁC ĐA PHƯƠNG TIỆ N
Đề tài: “ Ứ ng d ụ ng nghe và chia s ẻ nh ạ c MELOBIT ” : lOMoARcPSD| 10435767 MỤC LỤC
Phần 1: GIỚI THIỆU VỀ ỨNG DỤNG MELOBIT ...................................... 2
1.1 Giới thiệu chung .................................................................................................. 2
1.2 Màu sắc sử dụng .................................................................................................. 2
1.3 Typography .......................................................................................................... 2
PHẦN 2: PHÂN TÍCH GIAO DIỆN CÁC CHỨC NĂNG ............................ 3
2.1. Các chức năng giải quyết mong muốn “Thao các với bài hát” .......................... 3
2.1.1 Luồng hoạt ộng ............................................................................................. 3
2.1.2 Các chức năng .............................................................................................. 3
2.1.3 Thiết kế giao diện ........................................................................................ 5
2.2. Các chức năng giải quyết mong muốn “Quản lý playlist” ............................... 11
2.2.1. Luồng hoạt ộng .......................................................................................... 11
2.2.2 Phân tích các chức năng ............................................................................. 11
2.2.3 Thiết kế giao diện ....................................................................................... 12
2.3. Các chức năng giải quyết mong muốn “Chỉnh sửa profile cá nhân” ............... 15
2.3.1 Luồng hoạt ộng ........................................................................................... 15
2.3.2 Phân tích chức năng .................................................................................... 15
2.3.3 Thiết kế các giao diện chính ....................................................................... 17
2.3 Các yếu tố PACT ứng dụng trong việc thiết kế................................................. 20
2.3.1 Yếu tố con người (People) .......................................................................... 20
2.3.2 Yếu tố hoạt ộng (Activities) ....................................................................... 23
2.3.3 Yếu tố ngữ cảnh (Context) ......................................................................... 27
2.3.4 Yếu tố công nghệ (Technology) ................................................................. 27
PHẦN 3: XÂY DỰNG PROTOTYPE ........................................................... 28 lOMoARcPSD| 10435767
Phần 1: GIỚI THIỆU VỀ ỨNG DỤNG MELOBIT 1.1 Giới thiệu chung
MELOBIT là một ứng dụng nghe và chia sẻ nhạc với ối tượng chủ yếu là những
người trẻ ồng thời tạo iều kiện cho những người trong cộng ồng Underground có một
môi trường cởi mở ể thể hiện cá tính riêng và chia sẻ suy nghĩ, quan iểm của mình về âm nhạc. 1.2 Màu sắc sử dụng
Ứng dụng sử dụng các màu sắc thuộc tone tím xanh với nhiều sắc ộ khác nhau ồng thời
kết hợp sử dụng hiệu ứng gradient.
Lý do cho việc lựa chọn màu sắc này là do người dùng chủ yếu là giới trẻ, quan tâm
nhiều về âm nhạc và nghệ thuật, nên những màu sắc này sẽ tại sự thu hút, bí ẩn và mang tính nghệ thuật cao. 1.3 Typography \ lOMoARcPSD| 10435767
PHẦN 2: PHÂN TÍCH GIAO DIỆN CÁC CHỨC NĂNG
2.1. Các chức năng giải quyết mong muốn “Thao các với bài hát” 2.1.1 Luồng hoạt ộng 2.1.2 Các chức năng
STT Chức năng
Mục ích chức năng Chức năng cập Loại chức nhật/ năng khai thác tương ứng
Giúp ăng nhập vào tài khoản của Dữ liệu ược cập
người dùng ể có thể sử dụng ứng nhật thông qua chức 1 Đăng nhập dụng Khai thác năng “Đăng ký” Dữ liệu ược khai
Để những người dùng chưa có tài
thác ở hầu như tất cả 2 Đăng ký
khoản tạo tài khoản ể sử dụng
Cập nhật các chức năng khác ứng dụng của ứng dụng lOMoAR cPSD| 10435767 do Melobit yêu cầu người dùng phải có tài khoản ể sử dụng Tìm kiếm
Giúp người dùng có thể tìm kiếm thông qua
bài hát mong muốn thông qua tên 3 Khai thác thanh tìm
bài hát/ tên nghệ sĩ/ tên album kiếm hoặc lời bài hát
Người dùng có thể dễ dàng lựa Chọn qua
chọn bài hát muốn nghe qua danh 4 thư viện Khai thác
sách ược xây dựng trên những tiêu chí nhất ịnh Dữ liệu ược cập Tiếp tục
Khi việc nghe bị gián oạn, bài nhật thông qua chức
nghe bài hát hát sẽ dừng lại ngay thời iểm ó năng “Đăng bài 5 Khai thác ã nghe
ể sau ó người nghe có thể tiếp hát”, “Tạo danh trước
tục mà ko cân lặp lại từ ầu sách” và các chức năng liên quan ến
Nếu bài hát úng sở thích thì việc chỉnh sửa Thích bài
người nghe có thể ấn “thích” ể 6
Khai thác thông tin tác giả/ hát
bày tỏ quan iểm và ủng hộ nghệ tác phẩm/danh sách sĩ các tác phẩm
Với người dùng thì chia sẻ bài
hát là cách thể hiện sở thích các Chia sẻ bài 7 nhân. Khai thác hát
Với các nghệ sĩ thì ây là cách ể
tác phẩm ược biết ến rộng rãi
Xem lời bài Biết ược câu chuyện ằng sau bài 8 hát Khai thác hát, bài hát như Dữ liệu ược khai thác thông qua các chức năng như Thêm vào
Người nghe có thể lưu vào danh 9
Cập nhật “Nghe bài hát”, playlist sách phát ể nghe sau “Tìm kiếm/chọn playlist”, “Đề xuất’’, “Chia sẻ”
Khi người nghe muốn thêm bài
hát vào playlist mà chưa có Tạo playlist 10
playlist phù hợp thì có thể sử mới
dụng chức năng này tạo một playlist mới \ lOMoARcPSD| 10435767
Hệ thống sẽ tự chuyển sang các
bài hát ngẫu nhiên. Việc này Phát ngẫu
giúp người nghe có thể khám phá 11 Khai thác nhiên
nhiều bài hát mới, ồng thời tạo
cơ hội cho các bài hát tiếp cận người nghe mới
Giúp người dùng nghe bài nhiều Dữ liệu ược cập 12 Phát lại lần. Khai thác nhật thông qua chức
Lưu bài hát offline trong trường năng “Đăng bài
Tải xuống hợp kết nối không tốt/ không hát”, “Tạo danh 13 Khai thác offline nghe online ược sách” và các chức năng liên quan ến
Phục vụ nhu cầu người nghe Điều chỉnh việc chỉnh sửa 14
thích bài hát dạng “speed up”, ể tốc ộ Khai thác thông tin tác giả/ chỉnh tốc ộ tác phẩm/danh sách
Tùy chỉnh thời gian ể một bài các tác phẩm
15 Hẹn giờ tắt hát/danh sách sẽ tự tắt sau một Khai thác thời gian nhất ịnh
Khi người nghe cảm thấy tác
phẩm không phù hợp với bản 16 Hạn chế
thân thì có thể chọn “hạn chế” ể Khai thác
không thấy tác phẩm này. Dữ liệu ược cập
Người dùng có thể bày tỏ ý kiến Xem bình nhật thông qua chức 17
của mình về tác phẩm và xem luận Khai thác năng “Bình luận”
quan iểm của những người khác
2.1.3 Thiết kế giao diện
2.1.3.1. Chức năng “Đăng nhập” lOMoARcPSD| 10435767
Khi mới cài ặt ứng dụng, người dùng sẽ ược yêu cầu ăng
nhập ể truy cập vào ứng dụng. Sau khi ã ăng nhập thì tào
khoản sẽ ược duy trì ăng nhập và chỉ yêu cầu ăng nhập lại
trong trường hợp người dùng gỡ cài ặt của ứng dụng rồi
cài lại hoặc ổi thiết bị ăng nhập.
Trong trường hợp quên mật khẩu, người dùng sẽ ược yêu
cầu nhập email ể bắt ầu ặt lại mật khẩu.Sau ó yêu cầu xác
nhận ặt lại mật khấu sẽ ược gửi qua email. Người dùng sau
ó sẽ mở ứng dụng gmail ể ấn xác nhập vào sẽ vào lại app ể tạo mật khẩu mới
Ngoài cách sử dụng tên và mật khẩu ược tạo từ chức năng
“Đăng ký” người dùng có thể ăng nhập nhanh thông qua
tài khoản Google, Facebook hoặc Apple ID \ lOMoARcPSD| 10435767
2.1.3.2 Chức năng “Đăng ký” lOMoARcPSD| 10435767
Nếu người dùng chưa có tài khoản thì cần ăng ký tài
khoản do ứng dụng không có chức năng dành cho khách
mà phải có tài khoản ể sử dụng
Ngoài ra có thể ăng ký nhanh thông qua tài khoản
Google, Facebook hoặc Apple ID giống với chức năng “Đăng nhập” 2.1.3.3 Trang chủ
2.1.3.4 Các chức năng “Thao tác với bài hát” \ lOMoARcPSD| 10435767 Vuốt lên/ xuống ể xem thêm Vu ố t sang Vu ố t sang bình luận trái ể xem trái ể xem l ờ i bài hát bình lu ậ n
M ở thêm các ch ứ c n ăng Thu g ọ n giao di ệ n ể quay l ạ i trang ch ủ Chia s ẻ Yêu thích Thêm vào playlist Phát ng ẫ u nhiên Phát l ạ i
Chuy ể n bài tr ướ c/ sau
Khi ấn vào icon ể “Mở thêm các chức năng khác” sẽ mở ra giao diện với những lựa chọn
khác cho người dùng sử dụng lOMoARcPSD| 10435767 \ lOMoARcPSD| 10435767
2.2. Các chức năng giải quyết mong muốn “Quản lý playlist” 2.2.1. Luồng hoạt ộng
2.2.2 Phân tích các chức năng STT Chức năng
Mục ích chức năng Chức năng cập Loại chức nhật/ khai thác năng tương ứng
Ảnh của playlist giúp người sử
dụng dễ dàng phân biệt các tác
phẩm với nhau hơn. Đồng thời
có nhiều người dùng chọn các
ảnh cho các playlist theo một Dữ liệu ược khai 1 Đổi ảnh
phong cách/ câu chuyện nhất
Cập nhật thác thông qua các
ịnh ể thể hiện óc nghệ thuật. chức năng như
Chính vì thế người dùng có thể “Nghe bài hát”,
dùng chức năng này ể sửa ổi “Tìm kiếm/chọn
các danh sách theo ý muốn của playlist”, “Đề bản thân xuất’’, “Chia sẻ”
Giúp người dùng có thể thay ổi
Đổi tên danh tên gọi ể dễ nhớ và dễ phân 2 Cập nhật sách
biệt các danh sách với nhau hơn
Nếu người dùng không có nhu Đổi quyền Dữ liệu ược cập 3
cầu công khai sở thích và muốn riêng tư Khai thác nhật thông qua giữ các playlist chức năng “Đăng
Tùy chỉnh thời gian ể một bài bài hát”, “Tạo danh
hát/danh sách sẽ tự tắt sau một sách” và các chức 4 Hẹn giờ tắt Khai thác thời gian nhất ịnh. năng liên quan ến lOMoARcPSD| 10435767
Với người dùng thì chia sẻ việc chỉnh sửa
playlist bài hát là cách thể hiện thông tin tác giả/
Chia sẻ danh sở thích các nhân. tác phẩm/danh sách 5 Khai thác sách
Với các nghệ sĩ thì ây là cách ể các tác phẩm
tác phẩm ược biết ến rộng rãi hơn
Lưu bài hát offline trong trường Tải danh sách 6
hợp kết nối không tốt/ không Khai thác offline nghe online ược
Khi người nghe cảm thấy danh
sách không còn phù hợp hoặc Dữ liệu ược khai thác
nhàm chán thì có thể lựa chọn 7 Xóa danh sách Cập nhật thông qua chức năng
xóa .Xóa danh sách tổng hợp các “Xem playlist”,
tác phẩm nhưng không xóa các tác phẩm.
2.2.3 Thiết kế giao diện Vuốt sang trái phải ể xem thêm các playlist khác \ lOMoARcPSD| 10435767
M ở thêm các ch ứ c n ăng
S ắ p x ế p các bài hát trong danh
sách ể d ễ tìm ki ế m h ơn như sắ p
x ế p theo l ượ t nghe/ l ượ t thích … Thanh tìm ki ế m trong danh sách Vu ố t lên/ xu ố ng ể xem thêm các tác ph ẩ m khác trong danh sách lOMoARcPSD| 10435767 \ lOMoARcPSD| 10435767
2.3. Các chức năng giải quyết mong muốn “Chỉnh sửa profile cá nhân” 2.3.1 Luồng hoạt ộng
2.3.2 Phân tích chức năng
Chức năng cập nhật/ STT Chức năng
Mục ích chức năng
Loại chức năng khai thác tương ứng
Thay ổi hình ảnh cho tác phẩm, danh sách các tác Dữ liệu ược khai thác 1 Đổi tên
phảm cho hợp với thẩm mĩ Cập nhật thông qua chức năng và nhu cầu của người “Xem tài khoản”, dùng “Chia sẻ tài khoản. Đối với nghệ sĩ thì
Thay ổi hình ảnh cá nhân thông tin thay ổi sẽ
của người dùng ể nhưng 2
Đổi ảnh ại diện người khác có thể Cập nhật hiện trong các chức biết bạn là ai năng có hiện thông tin tác phẩm như
Tiểu sử như một cách ể “Nghe bài hát”,
tóm tắt về bản thân người
“Chia sẻ bài hát”, các 3 Đổi tiểu sử dùng nên người dùng có Cập nhật chức năng liên quan
thể tùy tân trạng và thời ến danh sách
gian ể chỉnh sửa tiểu sử
Người dùng có thể ổi mật
khẩu ể tăng tính bảo mật Dữ liệu ược khai thác 4 Đổi mật khẩu
hoặc giúp mật khẩu dễ ghi Cập nhật thông qua chức năng nhớ hơn “Đăng nhập” lOMoARcPSD| 10435767
Trong trường hợp nghệ sĩ
ăng tải có sửa ổi bài hát
thì có thể chọn ổi file nhạc Dữ liệu ược khai thác 5 Đổi file nhạc
ể vừa sửa ược bài hát vừa Cập nhật thông qua chức năng
dữ lại số liệu về người “Xem tài khoản”, nghe/ người thích “Chia sẻ tài khoản. Đối với nghệ sĩ thì
Có thể chỉnh sửa một số thông tin thay ổi sẽ
thông tin của bài hát như 6 Sửa thông tin Cập nhật hiện trong các chức
tên, lời bài hát, câu chuyện năng có hiện thông ằng sau bài hát tin tác phẩm như
Trong trường hợp bài hát “Nghe bài hát”,
gặp các vấn ề liên quan ến
“Chia sẻ bài hát”, các
xã hội/văn hóa, nghệ sĩ có chức năng liên quan 7 Gỡ bài hát Cập nhật
thể chủ ộng gỡ tác phẩm ể ến danh sách
giải quyết vấn ề truyền thông Nghệ sĩ có thể ghim
những bài hát mình muốn
lên ầu trang cá nhân ể khi
có người theo dõi bấm vào Ghim tác phẩm
sẽ dễ chú ý ến hơn. Ví dụ 8 nổi bật Khai thác
trong trường hợp quảng bá
sản phẩm mới thì ây là
Dữ liệu ược cập nhật thông qua chức năng
cách tốt giúp tác phẩm thu “Đăng tải bài
hút nhiều tương tác hơn hát”
Nếu nghệ sĩ cảm thấy tác phẩm không ổn ể ăng 9
Đặt làm riêng tư công khai thì có thể ặt Khai thác
làm riêng tư ể xem xét và sửa lại Xóa danh sách tổng hợp Dữ liệu ược khai thác 10 Xóa danh sách các tác phẩm nhưng Cập nhật thông qua chức năng không xóa các tác phẩm “Xem playlist”, \ lOMoARcPSD| 10435767
2.3.3 Thiết kế các giao diện chính lOMoARcPSD| 10435767 \ lOMoARcPSD| 10435767 lOMoARcPSD| 10435767
2.3 Các yếu tố PACT ứng dụng trong việc thiết kế
2.3.1 Yếu tố con người (People)
2.3.1.1 Đặc iểm vật lý 2.3.1.1.1 Th ị giác
Giao diện ược thiết kế theo theme màu tối, thứ nhất là ể thích
hợp với concept nghệ thuật, thứ hai là chế ộ tối dịu mắt với người xem hơn
Sử dụng màu tím là màu chủ ạo, xuyên suốt trong giao diện
của tưng tính năng, tạo nên sự thống nhất, liên tục, giúp người
dùng dễ ghi nhớ màu sắc chủ ạo của ứng dụng. Màu tím là
màu trung tính nên mang lại cảm giác dễ chịu cho mắt. Hình
ảnh có nhiều màu sắc nhưng ều ược thiết kế một cách hài
hòa, ảm bảo sự cân bằng thị giác, mang lại cảm giác thư giãn
khi người dùng sử dụng ứng dụng.
Sử dụng các icon quen thuộc ể người dùng có thể phán oán
các chức năng, ồng thời áp dụng tương phản về sắc ộ.
Ví dự như với thanh tab bar. Khi người dùng ang ở trang giao
diện chính nào thì thanh tab bar tượng trưng sẽ có màu sáng
hơn ể tạo sự tương phản bới phần còn lại 2.3.1.1.2 Thính giác
Melobit có chức năng ể người dùng iều chỉnh âm thanh một cách chi tiết
• Với “Bộ chỉnh âm”: \ lOMoARcPSD| 10435767
Có lựa chọn “Bình thường” là chế ộ âm thanh mặc ịnh của ứng dụng. Ngoài ra có danh
sách các thể loại nhạc. Người dùng có thể iều chỉnh âm thanh theo thể loại nhạc mà
mình yêu thích một cách dễ dàng: tích vào ô thể loại ược liệt kê sẵn. Đối tượng người
dùng phổ thông, hoặc ít kinh nghiệm, ít am hiểu về âm thanh nhất vẫn tương tác trên
giao diện bộ chỉnh âm này ể lựa chọn ược loại nhạc mà không gặp bất kì khó khăn nào.
Sau khi chọn thể loại nhạc, người dùng còn có thể iều chỉnh thông số ở bảng thông số
phía dưới ể có ược âm thanh vừa ý nhất. Hoặc người dùng có thể chọn “tùy chọn” ể tự
thiết lập âm thanh. Với thao tác này thì ối tượng người dùng ã có kinh nghiệm và am
hiểu về âm thanh sẽ dễ dàng iều chỉnh hơn.
Thính giác của mỗi người ều có sự khác biệt và thay ổi theo ộ tuổi. Vì vậy giao diện
chỉnh âm sẽ mang ến âm thanh phù hợp nhất ược iều chỉnh dành riêng cho thính giác của mỗi người dùng.
• Với “Tốc ộ phát lại”:
Có lựa chọn “Bình thường” là chế ộ âm thanh mặc ịnh của ứng dụng. Ngoài ra còn các
lựa chọn như “2x, 1.5x” ể nghe nhạc nhanh hơn, hay còn gọi là nhạc speed up; còn lựa
chọn 0.5x ể nghe nhạc chậm hơn • Về thông báo
Âm thanh thông báo sẽ khác với âm thanh thông báo mặc ịnh của ứng dụng ể tránh gây nhầm lẫn 2.3.1.1.3 Xúc giác
Các nút ấn có kích cỡ biểu tượng vừa ủ với ầu ngón tay ể chạm, không bị nhỏ quá, ược
ặt cách nhau một khoảng cách vừa phải, không dễ nhầm lẫn giữa các nút ấn.
hi chạm vào các nút ấn, giao diện chuyển ngay ến giao diện nội dung người dùng vừa
chọn một cách nhanh chóng và mượt mà. Với hầu hết các nút bấm, khi chạm vào sẽ có
bóng mờ màu trắng xuất hiện phủ trên nút bấm, giúp người dùng xác nhận ược ứng dụng
ã tiếp nhận và ang phản hồi lại sự tương tác của mình. Khi ã chọn chức năng thì các nút/
icon sẽ có sự thay ổi về màu sắc ể hiện thị thao tác ược hoàn thành và hệ thống ã phản
hồi bằng sự thay ổi lOMoARcPSD| 10435767
2.3.1.2 Đặ c iể m tâm lý
2.3.1.2.1 Khả năng ghi nhớ Sự chú ý:
• Nhưng thông tin cần người dùng chú ý ược ặt ở
ngay ều trang. Như ở trang chủ là tên thương hiệu,
các thông tin ăng kí Premium. Những thông tin này
sẽ có một khoảng cách nhất ịnh với phần còn lại ể
gây chủ ý cho người sử dụng.
• Với phần quảng cáo sẽ có khả năng tự chuyển sang
quảng cáo tiếp theo sau khoảng thời gian nhất ịnh Sự ghi nhớ:
• Sử dụng lặp lại các hình ảnh biểu tượng ể tạo sự
ồng nhất và tăng sự ghi nhớ của người dùng
• Nhưng thông tin quan trọng sẽ ược nhắc lại nhiều
lần ể thu hút người dùng. Ví dụ như khi có một bài
hát nổi/ mới phát hành thông tin về nó sẽ xuất hiện
nhiều hơn, ở phần phổ biến của trang chủ, ở bảng
xếp hạng và ề xuất ể có giúp bài hát ó tiếp cận với nhiều người nghe 2.3.1.2.2 Ngôn ngữ
Đối tượng sử dụng chính của ứng dụng là người việt nên ngôn ngữ mặc ịnh là tiếng
Việt. Tuy nhiên trong các tiêu ề vẫn còn trộn lẫn một vài từ tiếng anh và một vài câu \ lOMoARcPSD| 10435767
nói phổ biến trên mạng xã hội. Điều này cũng dễ hiểu vì ối tượng sử dụng chính của
Melobit ở ộ tuổi thanh thiếu niên. Vậy nên dùng những từ ngữ như vậy có thể gây sự
thích thú ối với người dùng. 2.3.1.2.3 Văn hóa
Phần lớn ối tượng sử dụng ược hướng tới là người trẻ và có quan tâm ến cộng ồng
Underground nên ứng dụng ược thiết kế theo phong cách bí ẩn, hấp dẫn và mang tính
nghệ thuật ể thu hút người dùng
2.3.1.3 Đặc iểm xã hội
Phần giao diện nghe sẽ là phần phổ thông nhất với tất cả
những người dùng ở mọi lứa tuổi. Đánh giá với các
nhóm ối tượng sử dụng nêu trên thì các phần nút chạm
phổ biên như Pause/Play/Back/Next, người dùng ở a số
lứa tuổi sẽ dễ dàng tiếp cận hơn trong phần giao diện này
hơn so với các danh mục hoặc nút chạm khác.
Phần cài ặt là phần phân hóa rõ ràng nhất giữa các nhóm
ối tượng sử dụng ứng dụng. Tổng quan các ầu mục trong
giao diện cài ặt này khá ơn giản và dễ hiểu với phần lớn
người dùng khi có sẵn ề mục chức năng, nhưng có một
phần áng lưu ý hơn trong ây ó là “ Chất lượng nghe
nhạc”. Mục ích của việc cài ặt này là iều chỉnh chất
lượng âm thanh và một số cài ặt phù hợp với trải nghiệm
sử dụng của từng người.
Ví dụ như mục chỉnh âm ở ây, mục này sẽ dễ tiếp cận ối
với nhóm người có sự nghiên cứu nhất ịnh về ứng dụng
hoặc có kiến thức về việc sáng tạo âm nhạc
2.3.2 Yếu tố hoạt ộng (Activities) 2.3.2.1 Thời gian
• Thường xuyên/ Không thường xuyên: Những tính năng thường ược sử dụng sẽ
dễ thấy và dễ thực hiện. Ví dụ như ở giao diện nghe nhạc, những hành ộng người
dùng thường xuyên thực hiện như: phát nhạc, chuyển nhạc, phát lại, phát ngẫu
nhiên, thích bài hát, chia sẻ, thêm vào playlist sẽ ược hiển thị ngay ở giao diện
chính bằng các icon/ biểu tượng. Người dùng chỉ cần ấn bào biểu tượng là sẽ hoàn thành thao tác.
• Không thường xuyên: Với các thao tác người dùng ít thực hiện hơn như “ iều
chỉnh tốc ộ”, “hẹn giờ tắt” hay “hạn chế bài hát” thì người dùng cần ấn vào biểu
tượng dấu “…” ể i ến giao diện khác. Mỗi chức năng khác ấy sẽ ược thể hiện
bằng một icon và một tên diễn tả chức năng ể dù người dùng chưa sử dụng chức
năng ấy bao giờ vẫn có thể phán oán và sử dụng lOMoARcPSD| 10435767
• Liên t ụ c/gián oạ n: Tính năng phát nhạc dướ i
n ền: cho phép ngườ i dùng ti ế p t ụ c nghe nh ạ c
ngay c ả khi thoát ứ ng d ụ ng. Melobit có tính
năng “nhớ” bài hát mà ngườ i dùng ã nghe
trước ó nhưng bị t ắt ộ t ng ộ t. N ế u b ạn ang
nghe 1 bài hát, sau ó thoát ứ ng d ụ ng và t ắ t
nh ầ m nó thì khi m ở l ạ i ứ ng d ụ ng, b ạ n s ẽ th ấ y bài hát ó vẫn ược ặ
t ở trên thanh iề u hướ ng c ủ a Melobit 2.3.2.2 Sự hợp tác \ lOMoAR cPSD| 10435767
Melobit hỗ trợ người dùng chia sẻ bài hát/ playlist tới
những người khác thông qua ứng dụng thứ ba.
Đồng thời cũng có khả năng bình luận ể bản thân người
dùng bày tỏ ược quan iểm bản thân và xem ược quan iểm
của người khác. Khi bình luận thì ảnh ịa diện và tên
người dùng sẽ ược công khai ể những người khác khi
xem bình luận của bạn sẽ biết bạn là ai 2.3.2.3 Sự phức tạp
Cách sử dụng của Melobit khá ơn giản: nếu bạn không biết nên nghe nhạc gì thì có thể
vào mục “Nổi bật” ể xem gợi ý hoặc lướt tìm kiếm ở phần nổi bật/ mới phát hành trên
trang Home. Nếu bạn ã biết nên nghe nhạc gì thì có thể nhập tên ca sĩ/ tên bài hát/ lời
của một bài hát ở thanh tìm kiếm -> Melobit sẽ hiển thị lên màn hình là tên các bài hát
của ca sĩ ó/ bài hát ó với nhiều nghệ sĩ khác nhau/ bài hát chứa lời nhạc ó. lOMoARcPSD| 10435767 2.3.2.4 Sự an toàn
Ứng dụng cho phép người dùng liên kết thông
qua tài khoản Google, Facebook hoặc Apple ID.
Có khả năng sao lưu dữ liệu ể nếu có chuyển thiết
bị thì mọi dữ liệu sẽ giữ nguyên.
Người dùng có thể thay ổi mật khẩu ể tăng tính bảo mật cho tài khoản.
Trong trường hợp quên mật khẩu, người dùng
cần ăng nhập vào Gmail ể xác nhận qua email
gửi từ ứng dụng mới có thể tiếp tục ổi mật khẩu. 2.3.2.5 Dữ liệu \ lOMoARcPSD| 10435767
Dữ liệu có thể nhập vào từ bàn
phím (nhập tên/ miêu tả) hoặc
chọn từ danh sách cố ịnh (nhập thể loại).
Với những dữ liệu cần nhập từ
bàn phím thì giao diện cần ảm
bảo ủ khoảng trống ể khi hiện
bàn phím lên sẽ không che mất tác vụ nào
2.3.3 Yếu tố ngữ cảnh (Context)
2.3.3.1 Ngữ cảnh vật lý
Các môi trường vật lý khác nhau, ảnh hưởng ến việc sử dụng ứng dụng cũng khác nhau.
Môi trường ánh sáng trong và ngoài nhà là khác nhau nên cũng cần có chế ộ sáng – tối khác nhau.
Thường người nghe sẽ luôn có kết nối Internet ể có thể sử dụng ứng dụng, tuy nhiên
trong trường hợp mất mạng hoặc kết nối không ổn ịnh, người dùng cũng mong muốn có
thể nghe nhạc offline không gián oạn
2.3.3.2 Ngữ cảnh xã hội
Ứng dụng có tính năng khi tắt kết nối bluetooth hoặc rút tai nghe sẽ tự ộng ngừng phát.
Điều này giúp người dùng có thể tránh ược các tình huống không mong muốn. Ví dụ
như khi ang trong một văn phòng/ thư viện mà tai nghe sử dụng bị lỏng, khi ó thay vì
nhạc sẽ phát qua loa iện thoại ột ngột gây ảnh hưởng mọi người thì ứng dụng sẽ cho nhạc tạm ngừng
2.3.4 Yếu tố công nghệ (Technology) • Đầu vào:
o Công nghệ (Thiết bị) ầu vào có liên quan với cách mọi người nhập dữ liệu và
hướng dẫn vào trang chủ. lOMoARcPSD| 10435767
o Ứng dụng chủ yếu ược sử dụng trên iện thoại cảm ứng. Vì thế, màn hình cảm
ứng là thiết bị ầu vào trước tiên. Màn hình cảm ứng sẽ sử dụng tương tác với
các ngón tay. Mọi hoạt ộng thông qua hồng ngoại hoặc cảm ứng iện dung.
Ngày nay, khi công nghệ cảm ứng phát triển trở thành cảm ứng a iểm (khác
với loại cảm ứng một iểm chỉ cho phép chạm một làn duy nhất tại một thời
iểm). Màn hình cảm ứng a iểm cho phép tương tác nhiều ngón tay, như phóng to hay xoay ảnh …
=> Rất tiện lợi, vì người dùng không phải mang theo bất cứ thứ gì họ luôn có
những ngón tay ể tương tác vào sản phẩm.
o Người dùng chỉ cần một nút bấm hoặc lướt (xúc giác) là có thể tìm thấy và
mở bài hát muốn xem trong iều kiện có kết nối với Internet hoặc sử dụng công nghệ 4G,5G.
• Đầu ra: o Thiết bị ầu ra cơ bản nhất là màn hình iện thoại. Khi hiển thị nội dung,
con người tiếp nhận ược chủ yếu dựa vào: thị giác và thính giác.
o Thị giác: chúng ta nhìn thấy hình ảnh hiển thị sau khi bấm vào một khoảng
thời gian rất ngắn (phụ thuộc vào ường truyền kết nối).
o Thính giác: Ứng dụng công nghệ mã hóa âm thanh lossless: cho phép người
dùng thưởng thức nhạc chất lượng cao với ộ phân giải lên ến 16bit hoặc
24bit o Ngoài ra có thể dùng trên máy tính bẳng, nghe thông qua ồng hồ cảm
ứng, liên kết Blutooth trên Smart TV
• Một số công nghệ khác o Công nghệ tìm kiếm thông minh: giúp người dùng tìm
kiếm những bài hát yêu thích nhanh chóng và chính xác.
o Công nghệ âm thanh tùy chỉnh: cho phép người dùng tùy chỉnh âm thanh theo
ý thích của mình, với các tùy chọn bao gồm bass, mid, treble, sóng v.v.
o Công nghệ chia sẻ nhạc: cho phép người dùng chia sẻ nhạc của mình với bạn
bè thông qua các mạng xã hội như Facebook, Twitter,...
o Công nghệ giới thiệu nhạc mới: giúp người dùng cập nhật với những bài hát
mới nhất và sự kiện âm nhạc hot nhất.
o Công nghệ quản lý nhạc: giúp người dùng quản lý bài hát của mình một cách tiện lợi và dễ dàng
PHẦN 3: XÂY DỰNG PROTOTYPE
Tổng quan prototype của ứng dụng: \ lOMoARcPSD| 10435767
Chi tiết prototype của ứng dụng trong link ính kèm
https://www.figma.com/file/2gHQ0f0R9RUyfaj4UXC14d/Thi%E1%BA%BFt-
k%E1%BA%BF-t%C6%B0%C6%A1ng-t%C3%A1c---MeloBit?type=design&nodeid=0- 1&t=cfUDLz6lQtduYFcZ-0