BÀI TẬP 1: TẠO HỒ SƠ UX -1-

Thực hành Thiết kế giao diện 2018

BÀI TẬP 2: TẠO HỒ SƠ UX

1. MỤC TIÊU
 Giới thiệu project thực tế, các bước chuẩn bị project.
 Tạo hồ sơ UX: Product Definite, UCBC, Bảng nghiên cứu đối thủ
2. HƯỚNG DẪN
2.1. Các bước chuẩn bị project
Chọn 1 dự án trong thực tế:
- Chọn dự án website hoặc ứng dụng
- Sản phẩm phải tích hợp được trên nhiều thiết bị với kích cỡ khác nhau
- Sản phẩm phải thể hiện tính sáng tạo trong thiết kế, chức năng, khắc phục được những lỗi
trải nghiệm người dùng của các sản phẩm có sẵn

2.2 Tạo hồ sơ UX: Tìm hiểu thực trạng UCBC, Personas, mô hình AARRR
I. THỰC TRẠNG
 Ngữ cảnh cho sự tồn tại của sản phẩm (Product Definition)
 Xác định mục tiêu và giá trị của sản phẩm
 Lập ra những lĩnh vực quan trọng của sản phẩm
 Phác thảo ý tưởng
II. PLAN
1. Bảng UCBC

THE THE USER THE PRODUCT

 BÀI TẬP 1: TẠO HỒ SƠ UX -2-
Thực hành Thiết kế giao diện 2018

PROBLEM

- Thiếu thông
tin chi tiết về
sản phẩm
- Khó khăn
- Website bán xe máy trực
trong việc tìm - Người mua lần đầu
tuyến
kiếm xe phù - Người có kinh
- Cung cấp thông tin chi tiết,
hợp nghiệm mua xe
hình ảnh
- Giao diện - Người chỉ tham
- Hỗ trợ tìm kiếm và lọc sản
không thân khảo
phẩm
thiện - Người trẻ tuổi
- Tích hợp dịch vụ bảo hành,
- Thiếu hỗ trợ - Người trung niên
bảo dưỡng
sau bán hàng - Người lớn tuổi
- Hỗ trợ so sánh sản phẩm
- Không có
- Giao diện thân thiện trên
đánh giá sản
nhiều thiết bị
phẩm
- Quá trình
mua hàng phức
tạp

PROBLEMS USERS USER SOLUTION ACQUISITION

NEEDS FEARS CHANNELS

- Cần thông - Người - - Cung cấp - Quảng cáo

tin rõ ràng mua trẻ Không thông tin trực tuyến
- Tìm kiếm tuổi đảm - Bộ lọc tìm - SEO
nhanh chóng - Người bảo kiếm - Mạng xã
- Trải nghiệm trung chất - Hệ thống hội(FB,
tốt niên lượng thanh toán TIKTOK, … )
- Hỗ trợ sau - Người - Giá bảo mật - Blog và nội
bán hàng lớn tuổi cả - Hỗ trợ sau dung hướng
- So sánh sản - Người không bán hàng dẫn
phẩm thường hợp lý - So sánh sản - Hợp tác với
- Hỗ trợ đa xuyên - Khó phẩm trực các diễn đàn xe
ngôn ngữ thay đổi khăn quan máy
xe trong - Đánh giá từ - Email
- Người thanh người dùng marketing
thích toán và chuyên
mua - gia REVENUE
sắm Thông SOURCES
trực tin sản
tuyến phẩm - Bán xe
không - Quảng cáo
rõ - Dịch vụ hỗ trợ
ràng - Dịch vụ tài
-Dịch chính và bảo
vụ hiểm xe
hậu - Phí thành viên
mãi cho dịch vụ cao
 BÀI TẬP 1: TẠO HỒ SƠ UX -3-
Thực hành Thiết kế giao diện 2018

cấp
- Phí quảng cáo
cho các đại lý xe

kém
- Quá
trình
giao
hàng
EXISTING EARLY USER VALUE
SOLUTION ADOPTERS GOALS PROPOSITION
S
METRICS
- Người yêu - Mua xe - Thông tin chính
- Website đối công nghệ nhanh xác
- Tỷ lệ chuyển
thủ - Người thích chóng - Trải nghiệm
đổi
- Đại lý xe mua sắm - Tìm hiểu người dùng tốt
- Thời gian
truyền thống, trực tuyến thông tin - Thanh toán an
truy cập
cũ - Người xe toàn
- Lượng khách
- Sàn thương thường - So sánh - Hỗ trợ sau bán
hàng quay lại
mại điện tử xuyên thay giá cả hàng
- Tỷ lệ hài lòng
- Ứng dụng đổi xe - Đánh giá - Giao diện thân
của khách hàng
mua bán xe - Người thích và lựa chọn thiện
- Số lượng sản
máy sự tiện lợi sản phẩm - Đánh giá từ
phẩm bán ra
- Mạng xã - Người cần tốt nhất người dùng
- Lượng truy
hội và nhóm thay thế xe - Hỗ trợ tư
cập trang web
mua bán cũ vấn từ
- Người thích chuyên gia
sưu tầm xe - Quy trình
cổ điển, xe thanh toán
hiếm nhanh
chóng

2. Nghiên cứu sản phẩm

 Nghiên cứu đối thủ, lập bảng so sánh điểm hay và chưa hay
Ví dụ bảng nghiên cứu đối tượng:
So sánh Yamaha Honda Suzuki
Đăng nhập Cần tài khoản để Cần tài khoản để Cần tài khoản để đăng
đăng nhập đăng nhập nhập
Sự tương tác Kết nối với Y- Kết nối với Suzuki Kết nối với Honda
Connect Safety Connect Connect
Xã hội Hỗ trợ khách hàng, tư Hỗ trợ khách hàng, Hỗ trợ khách hàng, tư
vấn xe và giá thành tư vấn xe và giá vấn xe và giá thành
thành
 BÀI TẬP 1: TẠO HỒ SƠ UX -4-
Thực hành Thiết kế giao diện 2018

Ui Giao diện trẻ trung, Giao diện đơn Giao diện hiện đại, cá
năng động với màu giản, dễ sử dụng tính với màu đen chủ
xanh dương chủ đạo. với màu đỏ chủ đạo.
đạo.
Tích cực Kết nối xe máy đa Bảo dưỡng, sửa An toàn, hỗ trợ lái xe
dạng chữa tiện lợi,mẹo tiên tiến
và hướng dẫn sử
dụng hữu ích
Tiêu cực Tính năng có thể Tính năng bảo Tính năng an toàn, hỗ
không tương thích dưỡng,sửa chữa trợ xe có thể yêu cầu
với tất cả dòng xe chỉ áp dụng cho xe đăng ký trả phí
Honda chính hãng

Yamaha Honda Suzuki

Booking   
Home Parking   
Online Parking   
Slot Image   
FASTag   
Navigation   
KYC   
Community   
Near By You   
 BÀI TẬP 1: TẠO HỒ SƠ UX -5-
Thực hành Thiết kế giao diện 2018