BÁO cáo CUỐI kỳ môn THIẾT kế TƯƠNG tác đa PHƯƠNG TIỆN NÂNG CAO tinder là ứng dụng hẹn hò rất thành công với thiêt kế đơn giản và dễ dùng

Việc đầu tiên hấp dẫn người dùng về ứng dụng này là họ được tạo 1 profile mang đậm tính cá nhân – một điều quan trọng trong việc hẹn hò và việc họ kiểm soát được ai sẽ tiếp cận với bản t

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG

BÁO CÁO CUỐI KỲ

Môn

THIẾT KẾ TƯƠNG TÁC ĐA PHƯƠNG TIỆN NÂNG CAO

Giảng viên: Ths Nguyễn Thị Tuyết Mai Giảng viên: Ths Phí Công Huy

Sinh viên: Nguyễn Thùy Linh MSV: B18DCPT135

Hà Nội, 2021

Câu 1:

Tình huống:

Tinder là ứng dụng hẹn hò rất thành công với thiêt kế đơn giản và dễ dùng Ứng dụng gợi

ý những đối tượng mà mình quan tâm một cách ngẫu nhiên Tương tác của người dùng chỉ là những cái vuốt tay sang trái hoặc sang phải Tinder đã thống kê có tới 800 triệu lượt vuốt mỗi ngày Họ sẽ được ghép đôi nếu cả 2 cùng thích nhau (điều đặc biệt là họ không hề biết đối phương cũng chọn mình trước khi họ chọn người đó) Sự ghép đôi đó diễn ra một cách bất ngờ cũng là một sự thành công trong thiết kế của Tinder

a) Em hãy phân tích cảm xúc của người dùng khi họ sử dụng ứng dụng Tinder này

Việc đầu tiên hấp dẫn người dùng về ứng dụng này là họ được tạo 1 profile mang đậm tính cá nhân – một điều quan trọng trong việc hẹn hò và việc họ kiểm soát được ai sẽ tiếp cận với bản thân thông qua cài đặt khoảng cách ( lọc lần 1) và tiến hành tương tác “quẹt Tinder” ( lọc lần 2) Việc “quẹt” được thao tác vô cùng nhanh chóng và dễ dàng, tiết kiệm thời gian, từ đó giúp người dùng tiếp cận với lượng lớn profile cho tới khi tìm được người mình thích; thao tác này cũng đồng nghĩa với việc cho phép đối phương tiếp cận bản thân Như vậy, người dùng sẽ không bị làm phiền bởi những đối tượng họ cảm thấy không phù hợp Điều đặc biệt là người dùng sẽ cảm thấy bất ngờ và thú vị khi họ nhận được thông báo ghép đôi từ đối tượng họ đã thích, đây là bước đầu thể hiện sự kết nối giữa 2 người dùng, rằng họ hấp dẫn đối phương và ngược lại Điều này tạo ra sự thoải mái, tự tin, hứng thú và tăng khả năng hẹn hò giữa 2 người dùng Trong trường hợp không được ghép đôi, các thông tin của người thích và được thích cũng như hành động của họ vẫn được bảo mật Điều này tránh sự phân tâm không cần thiết về việc ai mình thích mà không thích lại mình, tạo ra mặc cảm hay ái kỷ Tổng kết lại, cảm xúc chung của người dùng sẽ đi từ hứng thú của bàn thân tới kết nối mở rộng với đối phương, cảm giác hồi hộp, bất ngờ nhưng cũng an toàn, được quyền lựa chọn mà không bị đánh giá, cuối cùng là tự tin, thỏa mãn

b) Em hãy xây dựng các kịch bản tình huống của người dùng theo mẫu dưới sau khi họ đã được ghép đôi

1

Kịch bản 1

1 trong 2 người

không có nhu cầu

liên hệ với người

kia nữa

Tình huống Sau khi xem lại profilecủa Ly, Dũng không còncảm thấy phù hợp với bảnthân nữa

Diễn biếnXem lại profile

của Ly

Cảm thấy không phù hợp

Chặn liên hệ

Kết quả mong muốnDũng không muốn Ly liên lạc với mình

Xem được các thông tin cá nhân

và hình ảnh của Ly

Tìm được chứcnăng có thểunmatch hoặcchặn liên hệ

Diễn biếnMinh xem lại

profile của Hòa

Nhận thấy đây là tài khoản giả mạo

Thao tác thành công chức năng báo cáo người dùng

Nhận được thông báo về kết quả báo cáo của mình

Diễn biếnNhận được hình

ảnh xấu

Nhận thấy hìnhảnh không phùhợp vì mục đíchxấu

Báo cáo hình ảnh

và người dùng

Kết quả mong muốn Các hình ảnh nhạy cảm được làm mờ và hỏi sự cho phép của người dùng trước khi được nhìn rõ

Báo cáo được các hình ảnh xấu

Hình ảnh gốc được làm mờ và hỏi sự cho phép của người nhận

Báo cáo hình ảnh

và người dùng thành công

Nhận được thông báo về kết quả báo cáo

Câu 2:

Tình huống:

Klook là một ứng dụng cho phép bạn đặt trước các dịch vụ du lịch (tour, nhà hàng, xe, ) khi bạn đi du lịch đến một vùng đất khác Người dùng sẽ được lợi từ những giảm giá của ứng dụng cung cấp

Cô Alex đã đặt một dịch vụ có tên là “Khantoke Dinner and Cultural Show” khi lần đầu tiên cô tới Thái Lan Cô nhận được một voucher như hình vẽ dưới Cô đã không tìm được địa chỉ

như thông tin được cung cấp trên voucher, và chỉ nhìn thấy mục “Contact us” tới Klook, không

có liên hệ với nhà hàng Kết quả là cô ấy đã mất tiền trong khi không được sử dụng dịch vụ Sau đó cô có phản hồi tới bộ phận chăm sóc khách hàng của Klook thì họ không đồng ý trả lại tiền đã mua voucher và nói rằng họ đã cung cấp số liên hệ của nhà điều hành địa phương cho người dùng Khi Alex kiểm tra lại thông tin trên voucher thì thấy có số liên hệ của nhà điều hành địa phương ở dưới cùng của voucher

a) Em hãy phân tích lỗi mà người dùng mắc phải là loại lỗi gì? Mức độ nghiêm trọng của lỗi

đó như thế nào?

- Lỗi người dùng: lỗi do trình bày thiết kế khiến người dùng bỏ sót thông tin

- Mức độ nghiêm trọng của lỗi: lỗi tiêu cực làm người dùng phải thực hiện lại hoặc dẫn đến kết quả không tốt.

b) Theo em Klook cần phải thiết kế lại như thế nào để tránh được lỗi này của người dùng (chỉ cần đưa ra giải pháp, không cần vẽ giao diện)

Hiển thị thông tin liên lạc của nơi diễn ra sự kiện và của nhà điều hành địa phương (tách

ra 2 mục riêng) sau mục địa chỉ.

Câu 3:

Tình huống:

Bên dưới là 2 giao diện của một trang mạng xã hội trên điện thoại Giao diện số 1 được thiết kế liệt kê các tính năng ở Menu Bar trên cùng (bản thiết kế nguyên bản), ngược lại giao diện số 2 được thiết kế dạng drop_down menu tập trung (được thiết kế lại) Mỗi giao diện có ưu nhược điểm khác nhau Tuy nhiên, kết quả tương tác của người dùng sau khi thay đổi thiết kế của Menu được thể hiện ở hình 3.

3

(3) Kết quả

a) Em hãy phân tích ưu nhược điểm trong thiết kế của 2 giao diện (1) và (2), điều gì thay đổi kết quả tương tác của người dùng? Người dùng cảm thấy điều gì khi thay đổi giao diện như vậy?

(1) - Tiết kiệm không gian dọc: sau khi thao tác, người

dùng nhận được tín hiệu thành công lập tức và đầyđủ

- Dễ sử dụng: Người dùng dễ dàng nhìn thấy vàthao tác nhanh, tốn ít thời gian để đạt được kết quảmong muốn

- Hiệu quả dựa trên thói quen đọc: người dùng cóthói quen đọc từ trái sang phải trước khi đọc từ trênxuống dưới

- Thêm chức năng: đưa ra lựa chọn về tìm kiếm chongười dùng

- Tốn nhiều không gian ngang: hạn chế vềmàn hình hiển thị khiến cho menu bartrông quá to hoặc quá bé hoặc thiếukhoảng trống

- Thiếu sự linh hoạt về thiết kế: với mỗihạng mục mới được thêm vào, thiết kếchung sẽ bị ảnh hưởng

(2) - Tiết kiệm không gian ngang: Chứa nhiều thông tin

chỉ trong hộp dropdown bé

- Cho phép thu thập và dự đoán về dữ liệu ngườidùng dễ dàng: tránh việc người dùng thao tác nhầmtrên màn hình

- Linh hoạt: Cho phép người thiết kế điều chỉnh cácthành phần trong dropdown box mà không bị ảnhhưởng quá nhiều tới thiết kế chung

- Khó sử dụng: người dùng phải thực hiệnnhiều thao tác, sử dụng nhiều thời gianhơn để đạt được kết quả mong muốn

- Nguy cơ “tàng hình” với người dùng: dothiết kế bé của dropdown box, người dùng

sẽ dễ cho rằng nó không quan trọng và bỏqua

- Hạn chế về hiển thị dọc: nguy cơ khôngthể hiển thị hết các thành phần củadropdown box trong 1 màn hình, ngườidùng buộc phải thao tác thêm hoặc dẫn đếnkhông tìm được kết quả mong đợi

Biểu đồ cho thấy tương tác của người dùng tụt giảm nghiêm trọng với tốc độ nhanh và cuối cùng duy trì ở mức thấp hơn trước đó rất nhiều Nguyên nhân dẫn đến sự thay đổi này một phần đến từ việc người dùng chưa làm quen với giao diện mới, nhưng lí do chính vẫn là các hạn chế khi dùng dropdown bar không hợp lí gây nên ( các hạn chế được liệt kê trong bảng trên).

Khi thay đổi giao diện như vậy, người dùng sẽ cảm thấy mới mẻ, tuy nhiên chủ yếu là sự bất tiện, dài dòng, tốn nhiều thời gian so với kết quả nhận được.

b) Nếu xây dựng Persona cho website này, em hãy điền thông tin vào mục những gì mà người dùng mong muốn.

Mong muốn người dùng: Sự thuận tiện, nhanh chóng, cập nhật

Câu 4:

5

Ứng dụng Health Data trên iphone cho phép người dùng có thể

theo dõi các hoạt động vận động trong ngày của mình Nó cung

cấp các dữ liệu bao gồm số tầng đã leo, số bước chân, khoảng

cách đi bộ hoặc chạy như hình vẽ bên

a) Em hãy phân tích các yếu tố Động cơ, Khả năng và Sự

kích hoạt theo mô hình BJ Fogg cho ứng dụng này

b) Em hãy đề xuất thiết kế mới cho trang chủ này để tăng

lượt tương tác của người dùng với ứng dụng

a)

- Động lực về cảm giác: tăng cảm

giác hài lòng, được công nhận của

đối tượng sử dụng là những người

quan tâm tới vận động cơ thể và sức

khỏe thể chất => Động cơ cao

- Động lực về sự hy vọng: Dựa trên

việc đối tượng sử dụng là những

người quan tâm tới lối sống lành

mạnh, sức khỏe thể chất => Động

cơ cao

- Thời gian thực hiện ít: Chỉ cần

truy cập ứng dụng có sẵn qua 1 cái chạm màn hình

- Không tốn kém về mặt tài chính:

Ứng dụng miễn phí và có sẵn trong iPhone

- Không tiêu tốn nhiều về mặt thể chất

- Không cần suy nghĩ nhiều khi truycập ứng dụng vì sự đơn giản, nhanhchóng và rõ ràng của các mục

- Thao tác trên ứng dụng không đi ngược lại các quy chuẩn xã hội

- Ứng dụng dựa trên việc ghi lại thói quen của người dùng

=> Khả năng lớn

Ứng dụng ra hiệu

- Cho phép thông báo về sự thay

đổi trong hoạt động theo ngày và tuần để nhắc nhở người dùng

- Ra hiệu bằng cách hiển thị các visual design hấp dẫn đi kèm

- Đối với đối tượng sử dụng chưa

có định hướng rõ ràng cũng như có

mối quan tâm mơ hồ tới việc luyện

tập, động cơ là chưa có hoặc ở mức

thấp => Động cơ yếu

Sự tán tỉnh:

Đưa ra các hình ảnh, dòng textnhằm khuyến khích người dùngluyện tập nhiều hơn, đồng nghĩa vớiviệc tạo thêm động cơ cho người sửdụng

b) Đề xuất thiết kế mới:

- Về visual design:

+ Sử dụng motion graphic ngắn cho các số liệu hàng ngày,biểu đồ cho sự thay đổi về tần suất hoạt động theo thờigian, các hình ảnh minh họa theo lời nhắc

+ Sắp xếp lại các yếu tố thống kê kết quả vận động như hìnhtrên

7

Câu 5:

Ứng dụng Foody Recipes được thiết kế cho những người thích

tự nấu ăn Những người dùng ứng dụng này có thể tham khảo

những công thức nấu ăn khác nhau, những món ăn có lợi cho sức

khỏe Ứng dụng mang lại cảm giác người dùng là một đầu bếp thực

thụ, đặc biệt có những lời khuyên rất bổ ích cho chế độ ăn của từng

người

a) Em hãy phân tích các yếu tố Động cơ, Khả năng và Sự kích

hoạt dựa vào mô hình BJ Fogg cho ứng dụng này

b) Em hãy đề xuất thiết kế mới cho trang chủ này để tăng lượt

tương tác của người dùng với ứng dụng

a)

- Động lực về cảm giác: tăng cảm

giác hài lòng, thỏa mãn, hấp dẫn, và

tính cá nhân của đối tượng sử dụng

là những người muốn tự học nấu

ăn=> Động cơ cao

- Thời gian thực hiện ít: Download

trực tiếp trên kho ứng dụng và truycập nhanh chóng trên điện thoại

- Thao tác trên ứng dụng không đi ngược lại các quy chuẩn xã hội

- Ứng dụng dựa trên thói quen nấu

ăn hàng ngày cũng như đưa ra các công thức thuận theo quy trình nấu

ăn

Ứng dụng ra hiệu

- Hiển thị các banner gợi ý phù hợp

với nhu cầu người dùng dựa trên thói quen tìm kiếm và xem công thức nấu ăn

- Hiển thị các hình ảnh minh họa hấp dẫn theo categories

- Đối tượng sử dụng là người có

nhu cầu tự nấu ăn thấp, những

người mới bắt đầu hình thành thói

quen ăn uống lành mạnh hoặc tự

nấu ăn => Động cơ yếu

+ Thêm chức năng hiển thị những categories bé và chitiết hơn mà người dùng theo dõi

+ Thêm chức năng hiển thị các món ăn nổi bật

9

Câu 6:

Ứng dụng nghe nhạc của Samsung với mục đích

chính là quản lý danh mục bài hát và nghe nhạc Ứng

dụng này có thể chạy ngầm trên hệ thống, và các bài

hát đều có thể tùy chỉnh các chức năng chạy (như:

phát xáo trộn, phát lập lại…) Mục đích giúp người

dùng có thể tìm sự thư giãn và giảm bớt căng thẳng

trong công việc

a) Em hãy phân tích các yếu tố Động cơ, Khả năng

và Sự kích hoạt dựa vào mô hình BJ Fogg cho

ứng dụng này

b) Em hãy đề xuất thiết kế mới cho giao diện Bài

Hát này để tăng lượt tương tác của người dùng

với ứng dụng

a)

- Động lực về cảm giác: người có

nhu cầu giải trí cao muốn được tạo

cảm giác thư giãn, thoải mái, tiện

lợi và tùy chọn sự kiểm soát ( tùy

chọn bài hát hoặc phát ngẫu nhiên)

=> Động cơ cao

- Thời gian thực hiện ít: Có sẵn và

truy cập nhanh chóng trên điện thoại

- Thao tác trên ứng dụng không đi

- Đối tượng sử dụng là người mới

cơ yếu ngược lại các quy chuẩn xã hội

=> Khả năng lớn

sử dụng chức năng này

- Đẩy các categories mang tính cánhân lên đầu trang chủ cùng hìnhảnh sống động

b) Đề xuất thiết kế mới

- Thay đổi các mục : Phát xáo trộn, phát tất cả bằng icon.

- Thêm chức năng hẹn giờ tắt nhạc

Câu 7:

Ứng dụng Lịch Việt cung cấp thông tin về lịch âm

Chủ yếu người dùng sử dụng ứng dụng để tra cứu

ngày âm khi họ cần Ứng dụng tự động đẩy thông báo

ra ngoài màn hình chờ khi gần đến ngày đặc biệt ví dụ

như xem ngày mùng một, ngày rằm, ngày lễ truyền

thống

a) Em hãy phân tích các yếu tố Động cơ, Khả năng

và Sự kích hoạt dựa vào mô hình BJ Fogg cho

ứng dụng này

b) Em hãy đề xuất thiết kế mới cho trang chủ này để

tăng lượt tương tác của người dùng với ứng dụng

- Động lực về liên kết xã hội và

tránh nỗi lo sợ: Những dịp lễ liên

quan tới lịch âm mang giá trị truyền

thống quan trọng trong cộng đồng

người Việt, khi người dùng kịp thời

tham gia những dịp này, họ sẽ cảm

- Truy cập dễ dàng và nhanh chóng:

download trực tiếp từ appstore trên điện thoại di động, sử dụng luôn bằng 1 cú chạm

thấy thỏa mãn vì là 1 phần trong

liên kết xã hội, đồng thời không

phải lo lắng hay nhầm lẫn nếu họ lỡ

- Thao tác trên ứng dụng không đi ngược lại các quy chuẩn xã hội

=> Khả năng lớn

sự kiện, xem ngày tốt v.v…

- Đối tượng sử dụng là người có

nhu cầu xem ngày âm nhưng không

thường xuyên do chỉ xem theo các

b) Đề xuất thiết kế mới

+ Thêm chức năng xem ngày bằng cáchtrượt ngang

+ Chỉnh sửa chức năng thêm sự kiện bằngtích hợp hiển thị sự kiện

+ Thêm chức năng xem lịch vạn viên hômnay

13

Câu 8:

Ứng dụng X được thiết kế cho một nhà hàng

Những khách hàng của nhà hàng này có thể cài đặt ứng

dụng để đặt bàn và xem món ăn trước khi đến Ứng

dụng mang lại sự thuận tiện cho khách hàng khi gọi

món cũng như nhận được nhiều ưu đãi

a) Em hãy phân tích các yếu tố Động cơ, Khả năng

và Sự kích hoạt dựa vào mô hình BJ Fogg cho ứng

dụng này

b) Em hãy đề xuất thiết kế mới cho trang chủ này để

tăng lượt tương tác của người dùng với ứng dụng

- Động lực về cảm giác: đem lại sự

tiện lợi, nhanh chóng, dễ dàng cho

những đối tượng sử dụng là người

có nhu cầu đặt bàn, tiết kiệm thời

gian và dự đoán chi phí cần thiết

Đồng thời cung cấp ưu đãi nhằm

tạo sự hài lòng hơn nữa trong chi

phí

- Xoa dịu nỗi lo: Tránh tình trạng

hết bàn, tốn công sức và thời gian

khi chưa đặt trước; tránh tình trạng

chi phí vượt quá khả năng khách

- Thao tác trên ứng dụng không đi ngược lại các quy chuẩn xã hội

Ứng dụng ra hiệu

- Sắp xếp dòng text và button đặt bàn trên đầu trang chủ

- Sắp xếp button xem menu ở dưới ảnh minh họa

trường hợp chi phí quá cao, khả

năng lớn xảy ra những tình huống

khó xử không cần thiết giữa khách

=> Khả năng lớn

- Đối tượng sử dụng là người có

nhu cầu đặt bàn ít do chỉ đến vào

dịp quan trọng hoặc nhu cầu thay

- Hiển thị hình ảnh món ăn hấp dẫn

15

b) Đề xuất thiết kế mới:

+ Thêm thông tin món ăn và hiển thị như hình bên Người dùng

có thể thao tác trượt ngang để xem nhiều hơn và chọn xem mónbằng cách nhấp vào món ăn

+ Hiển thị các thông báo hoặc các bài viết liên quan đến nhà hàng

ở mục “Hôm nay có gì mới!”

Câu 9:

Cho bảng số liệu mô tả kết quả kiểm tra sự hài lòng của người dùng với sản phẩm sử dụng bảng câu hỏi SUS Bảo câu hỏi gồm 10 câu hỏi như sau:

Q1: Tôi nghĩ là tôi sẽ sử dụng hệ thống này thường xuyên

Q2: Tôi thấy hệ thống này phức tạp không cần thiết

Q3 Tôi đã nghĩ hệ thống này dễ sử dụng

Q4 Tôi nghĩ rằng tôi cần có người hỗ trợ kỹ thuật để có thể sử dụng hệ thống này

Q5 Tôi thấy các chức năng khác nhau trong hệ thống được kết hợp rất tốt

Q6 Tôi nghĩ rằng có quá nhiều sự không nhất quán trong hệ thống

Q7 Tôi nghĩ là hầu hết mọi người học được cách sử dụng hệ thống một cách nhanh chóng

Q8 Tôi thấy hệ thống này rất cồng kềnh/rắc rối để sử dụng

Q9 Tôi cảm thấy rất tin tưởng khi sử dụng hệ thống này