Tải bản đầy đủ (.docx) (32 trang)

THIẾT kế website GIAO DIỆN QUẢN lý đặt TOUR DU LỊCH

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.5 MB, 32 trang )

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC NGOẠI NGỮ - TIN HỌC TP.HCM
KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO MÔN HỌC
THIẾT KẾ GIAO
DIỆN

QUẢN LÝ
ĐẶT TOUR DU LỊCH

GIẢNG VIÊN HƯỚNG DẪN: ThS. Trần Nguyễn Quỳnh Trâm
SINH VIÊN THỰC HIỆN:
Huỳnh Ngọc Vân Anh – 20DH111674

TP.HỒ CHÍ MINH - <NĂM 2022-2023>


LỜI CẢM ƠN

Em xin gửi lời lời cảm ơn đến cô Trần Nguyễn Quỳnh Trâm – giảng viên bộ môn
“Thiết kế giao diện” trong khoa Công nghệ thông tin đã trang bị cho em những
kiến thfíc, kỹ năng cơ bản cần có để hồn thành đồ án này.
Tuy nhiên, trong q trình hồn thành đồ án, do kiến thfíc về chuyên ngành và
thẩm mỹ còn hạn chế nên em vẫn cịn nhiều thiếu sót khi tìm hiểu, đánh giá và
trình bày về đề tài. Rất mong nhận được sự quan tâm, góp ý của các thầy/ cơ
giảng viên bộ mơn để đề tài của em được đầy đủ và hoàn chỉnh hơn.
Em xin chân thành cảm ơn.


MỤC LỤC



Chương 1. HỒ SƠ DỰ ÁN..........................................................................1
1.

Tên đề tài

1

2.

Mô tả sản phẩm..........................................1

3.

Dịch vụ này dành cho ai?..........................1

4.

Yêu cầu sản phẩm......................................1

5.

Đối thủ cạnh tranh và cảm hfíng..............1

6.

Giao hàng....................................................1

7.


Giá

8.

Dịng thời gian............................................2

2

Chương 2. LẬP KẾ HOẠCH (PLAN).......................................................3
I.

STRATEGIZE.................................................................................................................3
1.

User Centered Business Canvas...............................................................................3

2.

Nghiên cfíu sản phẩm (đối thủ)................................................................................3

3.

User Personas...........................................................................................................4

4.

Mơ hình AARRR......................................................................................................5

II.


ORGANIZE....................................................................................................................6
1.

Functionality map.....................................................................................................6

2.

Sitemap.....................................................................................................................6

3.

Design Brief..............................................................................................................6

3.1.

COMPANY CONTACT INFORMATION.............................7

3.2.

GENERAL..............................................................................................7

3.3.

PROJECT OBJECTIVE - BUSINESS GOAL...............................................................7
3.3.1.

Mục tiêu: Cung cấp một trải nghiệm mới về những chuyến du lịch, khi mà tồn bộ chi
phí của bạn đã được lo đầy đủ chỉ với một chiếc điện thoại đã cài sẵn fíng dụng.............7

3.3.2.


Thơng điệp: khơng có.........................................................................................................7

3.3.3.

Mục tiêu phụ: khơng có......................................................................................................7

3.3.4.

Mục tiêu chung: tiếp cận nền cơng nghiệp mới, thf í trải nghiệm tiện ích của việc số hóa
thành cơng...........................................................................................................................7

3.3.5.

Khác biệt.............................................................................................................................7
3.3.8. Dự án đem lại lợi nhuận bằng cách nào?..............................................................8


3.4.

USER NEEDS.................................................................................................................8

3.5.

PERCEPTION AND DESIGN........................................................................................8

3.6.

FUNCTIONALITY, CONTENT.....................................................................................8
III. THIẾT KẾ LUỒNG(FLOWS)........................................................................................9

1.

Journey map..............................................................................................................9

2.

User stories...............................................................................................................9

3.

User flows...............................................................................................................10

Chương 3. NGHIÊN CỨU NGƯỜI DÙNG (DISCOVER)....................11
I.

USER INTERVIEW......................................................................................................11

II.

OBSERVATION............................................................................................................11

Chương 4. PHÁC THẢO WIREFRAME (EXPLORER&DEFINE)...12
I.

CÁC LUỒNG WIREFRAME......................................................................................12
13
14
15
16


II.

BẢNG STYLE GUIDE................................................................................................ 17

III. BẢNG MOODBOARD................................................................................................17

Chương 5. THIẾT KẾ MẪU TƯƠNG TÁC (PROTOTYPE)..............19
I.

GIAO DIỆN CHÍNH.................................................................................................... 19

II.

CÁC LUỒNG PROTOTYPE (GIỮ NGUYÊN NHƯ WIREFRAME)........................20
21
22
23
24

KẾT LUẬN..................................................................................................25
TÀI LIỆU THAM KHẢO.......................................................................... 26


<HỒ SƠ DỰ ÁN>

Chương 1. HỒ SƠ DỰ ÁN
1. Tên đề tài
Dịch vụ đặt tour du lịch Holly Smart
2. Mô tả sản phẩm
Holly Smart mong muốn cung cấp cho bạn trải nghiệm kỳ nghỉ một cách thông minh,

chỉ với vài thao tác trên điện thoại, bạn hồn tồn có thể quản lý tồn bộ lịch trình của
bản thân trong chuyến hành trình du lịch, đem lại sự tiện lợi, thoải mái và thật sự thư
giãn khi bạn hồn tồn khơng cần lo việc chi phí khơng đủ trong cuộc hành trình. Khi
cuộc sống trở nên khá giả, ngày càng nhiều người mong muốn được thư giản sau
những ngày làm việc cực khổ, nhiều người đều mong muốn được đi chơi vào những
dịp lễ, tết, hoặc cuối tuần. Việc này gây ra hiện tượng khan hiếm vé, chen chúc nhau
hoặc không đặt được phòng.
3. Dịch vụ này dành cho ai?
Nhân viên cơng sở và các hộ gia đình: sản phẩm này dành cho tập thể công nhân viên
muốn đi du lịch cùng nhau, hoặc các hộ gia đình mong muốn có thêm thời gian để gắn
kệt tình cảm. Sản phẩm này sẽ cho phép họ được được đặt trước những dịch vụ mà họ
muốn trải nghiệm, cung cấp cho họ không gian thoải mái khi tất cả chi phí đã được
thanh toán
4. Yêu cầu sản phẩm
Truy cập dễ dàng, giao diện đơn giản, thân thiện với người dùng
Trung tâm hỗ trợ| Dịch vụ| Đăng nhập| Đăng ký|
Hỗ trợ các thị trường khác
Hệ thống AI chỉ dẫn khi truy cập lần đầu
Bảo mật chuyến hành trình
Khơng tính phí mơi giới, trung gian
Hỗ trợ vay trước cho các dịch vụ phát sinh
Màn hình cá nhân hóa
Xem hóa đơn thanh tốn
5. Đối thủ cạnh tranh và cảm hfíng
❖ Đối thủ cạnh tranh Metrip
Travelkola
Sygic Travel Maps Trip Planner

❖ Cảm hfíng:
Đi chơi nhưng tay xách tay mang

Đem theo quá nhiều tiền bị móc túi, nhưng nếu khơng đem thì lại thiếu
Mỗi lần đi chơi là một cuộc “hành hình”
Rất thích một nơi nhưng vì q tất bật mà quên mất
□ Nhằm nâng cao trải nghiệm cho cuộc hành trình, cung cấp cho khách hàng một
cuộc đi chơi thoải mái, khơng cần lo lắng về chi phí,...
6. Giao hàng
Cung cấp bản demo cho khách hàng trải
nghiệm Sfí dụng người dùng thfí
nghiệm
Báo cáo chất lượng, mfíc độ hỗ trợ của phần mềm
7. Giá
Trang 1


✓ 100.000.000 cho toàn bộ phần mềm
✓ Đặt cọc 50.000.000 để bắt đầu dự án
✓ Trả 10.000.000 cho mỗi yêu cầu được thêm vào trong tiến trình dự án
✓ Sau khi kết thúc dự án, thanh tốn tồn bộ chi phí trong vịng 3 ngày
8. Dịng thời gian:
26/8: lập hồ sơ UX
3/10-10/10: lập hồ sơ UX1, vẽ mockup giao diện
11/10-17/10: khảo sát người dùng
18/10-24/10: nghiên cfíu sản phẩm
25/10-31/10:vẽ sơ đồ chfíc năng, và lên ý tưởng cho
giao diện 1/11-7/11: thiết kế sơ đồ chfíc năng
8/11-14/11: thiết kế luồng
14/11-21/11: nghiên cfíu người
dùng 22/11-28/11: vẽ giao diện
Tháng 12: hoàn thành đồ án



<LẬP KẾ HOẠCH>

Chương 2. LẬP KẾ HOẠCH (PLAN)
I.

STRATEGIZE
1. User Centered Business Canvas
PROBLEMS
Đồ q nhiều
Khơng có thời gian
để lên kế hoạch nên
tới nơi chỉ ăn xong
rồi ngủ
Không biết điểm đến,
sợ bị chặt chém
-Family
NAME:
Holly Group

- TITLE: vác cả nhà
theo và lếch

NEEDS
Mua những thfí
dùng một lần rồi
chuyển tới nơi
trước
Đã thuê sẵn khách
sạn khi đến

Các món ăn đã
sẵn sàng và cịn
nóng khi vừa
bước chân xuống
xe
Đi tham quan
nhiều nơi

DEMOGRAPHICS CONTEXT
Gia đình gồm 3 thế
hệ : 2 người già, 2
-SHORT
đfía trẻ và 2 người
DESCRIPTION
lớnđều đang có việc
Vì có trẻ con nên làm ổn định
có q nhiều thfí
phải mang theo,
phải sợ, nào sợ
thiếu, sợ ăn khơng
quen, sợ...., vì vậy
vác cả đồ dùng
trong nhà theo
cho chắc

GOALS
Thoải mái, nhẹ
nhàng,
khơng
cồng kềnh, đúng

tiêu chí “vác ba
lơ lên và đi”

FEARS
Sợ phải mang
nhiều đồ

2. Nghiên cfíu sản phẩm (đối thủ)
MeTrip

Giao
diện

Giao diện đẹp mắt, bố
cục rõ ràng

Traveloka

Giao diện app dễ nhìn, nhưng giao
diện web bị lỗi responsive, sắp
xếp khoa học và trực quan. Các
mục đáng được lưu tâm như giá
tiền và hãng bay được in đậm nên
dễ lọc kết quả.

Sygic Travel Maps Trip
Planner

Giao diện rõ ràng
nhưng quá nhiều chữ.


Trang 3


Chfíc
năng

Thanh
tốn

Có chế độ đặt lịch trong
và được hệ thống hiện
thị ở dạng timeline,
giúp người dùng sfí
dụng các khaongr thời
gian thật hợp lý theo ý
muốn của mình

Có bộ lọc về thời gian bay, giúp
người dùng thuận tiện trong việc
tìm chuyến bay trong khoảng thời
gian cần.

App tích hợp cả map
hiển thị những nơi nổi
tiếng gần đó, giúp
người dùng thuận tiện
hơn trong việc lựa chọn
điểm đi chơi của mình.


Rõ ràng trong các
khoản tiền.

Minh bạch trong thanh toán, số
tiền hiển thị trong khu vực tìm
kiếm chuyến bay chính là số tiền
cuối cùng mà người dùng phải
đóng đã bao gồm phí nội vụ.

Rõ ràng trong các
khoản tiền.

3. User Personas
Problems, needs USERS
viên
- Nhu cầu đi Nhân
chơi ngày càng cơng sở, hộ
tăng, dẫn đến gia đình
việc đăng ký
vé trở nên khó
khăn
- Kẹt chuyến,
đặt
nhầm
khách sạn
- Lên
nhầm
chuyến,
khó
đặt chuyến

- Đem q nhiều
tiền, bị móc
hết
- Đem
thiếu
tiền, khơng đủ
tiêu xài, chi
tiêu
khơng
thoải mái
- Mỗi cuộc đi
chơi như di
dân, đem gần
hết đồ ăn trong
nhà theo khiến
chuyến đi từ
mục đích xả
stress
thành
cuộc đi ăn rồi
ngủ

USER FEARS
ACQUISITION
SOLUTION
- Khơng có nhiều - Dựa vào nhu CHANNELS
- Khách sạn Holly
thời gian để lên
cầu người
kế hoạch

dùng,
Holly Funny
Smart se tự lên - Các chuyến xe
- Phải quản lý
timeline
và chuyên dùng cho
quá nhiều thfí
linh hoạt chỉnh những cuộc du lịch
lặt vặt, khơng
sfía theo nhu - Nhà hàng tiệc cưới
tên
cầu của khách
- Muốn đi nhưng
Holly
Wedding
không
biết - Chỉ cần đeo 1 chuyên cung nhưng
mã QR được món ăn cao cấp và
điểm nào nên
thiết kế và 1 sảnh trang trí theo
đến
chiếc
điện nhu cầu của khách
- Không biết lựa
thoại cài sẵn hàng
chọn phương
tiện di chuyển
phần
mềm, - Khơng biết đặc
người dùng có

thể tìm đồng
sản địa phương,
đội của mình ở
giá cả, bị chặt
chém
bất kì đâu
- Có tích hợp
sẵn việc quản
lý đồ dùng, có
thể đặt trước
tất cả những đồ
cần dùng cho
chuyến đi và
chúng sẽ sẵn
sàng khi khách
đến
- Gợi ý điểm
đến lý tưởng,


tình trạng, món
ngon, giá cả
- Đặt sẵn món
ăn, hỗ
trợ
thanh tốn qua
app, chỉ cần tới
nhận
EXISTING
SOLUTIONS


EARLY
ADOPTERS

Go2joy
Travelkola
TripAdvisor
Cảm hfíng:

Những

nhân/
gia
đình/ tổ chfíc
có thu nhập
hằng
tháng
trên 15tr
Những doanh
nghiệp

nhân muốn tổ
chfíc du lịch
cho
cơng
nhân viên

USER GOALS
Giảm
stress,

hưởng thụ một
cuộc du lịch đúng
nghĩa, gắn kết
giữa những cá
nhân với nhau
Không cần lo về
các khoản phí phát
sinh
Khơng cần đối
mặt với việc lạc
đồng đội

VALUE
PROPOSITION
Càng gắn bó với
sản phẩm sẽ càng
có những ưu đãi
cho
những
chuyến đi, khách
sạn, nhà hàng
thuộc chuỗi nhà
hàng tiệc cưới –
khách sạn – du
lịch Holly Group

REVENUE
SOURCES
Khách hàng thân
thiết

Quảng cáo
Nhà hàng, khách sạn
trong chuỗi
METRICS
Tải fíng dụng, đk tài
khoản miễn phí
Sfí dụng lâu dài
Trở thành khách
hàng thân thiết

4. Mơ hình AARRR
Các
bước

Hoạt động

Mơ tả hoạt động
Người dùng sau khi được giới thiệu sẽ
Thu Tải app
tải app về
hút
Đăng ký vào app
Nhập vào thông tin cá nhân
Dùng tài khoản đã đăng ký bằng
email hoặc số điện thoại và nhập mật
Đăng nhập
khẩu
Hoạt
Đặt một tour trên app, có thể giữ chỗ
động Đặt mới một tour

nếu chưa muốn thanh tốn
Chỉnh sfía lại số người trong một tour
Chỉnh sfía một tour đã đặt
Thanh toán tour
Trả tiền cho tour đã đặt
Nâng cấp tài khoản để trải nghiệm tốt
Doanh Nâng cấp tài khoản hơn
thu
Tiến hành quảng cáo trong 30s khi đặt
Quảng cáo
tour
Người dùng giới
Người dùng chia sẻ cho người quen
Giới thiệu bạn bè của họ của họ nếu dịch vụ tốt
thiệu Chia sẻ
Chia sẻ trên các nền tảng xã hội

Số phần trăm
khảo sát

Quy đổi
thành số

100%
90%

100,000
50,000

15%


15,000

70%

5,000

30%
20%

3,000
2,000

10%

1,000

10%

1,000

5%
3%

300
100


II. ORGANIZE
1. Functionality map


2. Sitemap

3. Design Brief
Holly Travel


3.1. COMPANY CONTACT INFORMATION
• Tên cơng ty chính thfíc: Chuỗi nhà hàng-khách sạn-tiệc cưới Holly
• Địa chỉ cơng ty đầy đủ: Chuỗi nhà hàng-khách sạn-tiệc cưới Holly
• Liên hệ chính cho dự án (tên và tiêu đề): Holly Smart, Holly Wedding, Holly Group
• Người ra quyết định cuối cùng cho dự án: Huỳnh Ngọc Vân Anh
• Điện thoại: 0941839327
• Email:
• Địa chỉ trang web hiện tại: khơng
• Hosting (nếu bạn hiện có nhà cung cấp): khơng



















3.2. GENERAL
❖ Ngân sách
100.000.000 cho toàn bộ phần mềm
Đặt cọc 50.000.000 để bắt đầu dự án
Trả 10.000.000 cho mỗi yêu cầu được thêm vào trong tiến trình dự án
Sau khi kết thúc dự án, thanh tốn tồn bộ chi phí trong vịng 3 ngày
❖ Phạm vi
Cho mọi đối tượng có nhu cầu đi du lịch
❖ Dòng thời gian
26/8: lập hồ sơ UX
3/10-10/10: lập hồ sơ UX1, vẽ mockup giao diện
11/10-17/10: khảo sát người dùng
18/10-24/10: nghiên cfíu sản phẩm
25/10-31/10:vẽ sơ đồ chfíc năng, và lên ý tưởng cho giao diện
1/11-7/11: thiết kế sơ đồ chfíc năng
8/11-14/11: thiết kế luồng
14/11-21/11: nghiên cfíu người dùng
22/11-28/11: vẽ giao diện XD
Tháng 12: hoàn thành đồ án
❖ Thời hạn
Giữa tháng 12

3.3. PROJECT OBJECTIVE - BUSINESS GOAL
3.3.1. Mục tiêu: Cung cấp một trải nghiệm mới về những chuyến du lịch, khi mà tồn bộ
chi phí của bạn đã được lo đầy đủ chỉ với một chiếc điện thoại đã cài sẵn fíng dụng
3.3.2. Thơng điệp: khơng có

3.3.3. Mục tiêu phụ: khơng có
3.3.4. Mục tiêu chung: tiếp cận nền cơng nghiệp mới, thfí trải nghiệm tiện ích của việc số
hóa thành cơng
3.3.5. Khác biệt:
Khi bạn đặt trọn 1 tour du lịch bao gồm khách sạn và nhà hàng của chúng tôi,
bạn sẽ được nhận chiết khấu cho bất kỳ dịch vụ nào mà Holly hiện đang cung cấp
3.3.6. Những lý do chính tại sao khách hàng chọn cơng ty của bạn?
Tính an tồn: chúng tơi sẽ chi trả cho mọi mất mát tài sản của bạn


Tất cả chuyến xe của chúng tôi luôn đảm bảo có mặt nhanh nhất khi bạn gọi,
tiện lợi đi lại mà khơng cần mất thêm phí
3.3.7. Cơng ty có những mục tiêu nào trong kinh doanh?
Đem lại sự an toàn, tiện lợi cho tất cả các chuyến du lịch gia đình
3.3.8. Dự án đem lại lợi nhuận bằng cách nào?
Khách hàng thân thiết, đặt cọc, dịch vụ phát sinh

3.4.1.
3.4.2.
3.4.3.

3.4.4.

3.5.1.
3.5.2.
3.5.3.
3.5.4.

3.4. USER NEEDS
Đối tượng mục tiêu: nhân viên công sở và các hộ gia đình

Ba nhu cầu quan trọng nhất của đối tượng mục tiêu của bạn: an toàn, tiện dụng,
dịch vụ chăm sóc khách hang
Những users có những đặc tính, thơng tin nào?
Than mệt nhưng lại xách quá nhiều đồ khi du lịch, mong muốn bản thân không phải
lo lắng khi đi chơi nhưng lại có q nhiều thfí cần sắp xếp, muốn đi chơi đây đó
nhưng lười, bể kế hạch
Users cần những gì, có những nhu cầu nào, và có mục đích
gì? Cần: hiểu hơn về bản thân, gia đình hoặc đồng nghiệp
Nhu cầu: tổ chfíc đi cắm trại, teambuilding, đi phượt
Mục đích: giải trí, vui vẻ, gắn kết hơn với gia đình, đồng nghiệp

3.5. PERCEPTION AND DESIGN
Ba tính từ để mô tả cách người dùng nên cảm nhận trang web mới: thân thiện, chuyên
nghiệp, sang trọng
Bạn cảm thấy điều gì là thách thfíc lớn nhất trong việc đưa hình ảnh này đến với khách
hang: khách hàng đã quen với du lịch truyền thống, trong thời gian ngắn khó để tiếp
cận được với khách hàng
Mô tả bất kỳ yếu tố hoặc phong cách trực quan nào có thể được sfí dụng từ các
tài liệu tiếp thị hiện có hoặc tài sản thế chấp, công ty hướng dẫn phong cách, vv
..: khơng có
Liệt kê bất kỳ trang web nào bạn thấy hấp dẫn. Bạn thấy điều gì thú vị nhất về
các trang web này:
Metrip: giao diện đẹp, thận thiện với người dùng
Traveloka: đầy đủ thông tin, dịch vụ để khách hàng lựa chọn
3.6. FUNCTIONALITY, CONTENT
- Mơ tả chfíng năng của sản
phẩm Đặt tour:
Chọn tour cần đặt
Thanh tốn:
Giữ chỗ: trong vịng 24 nếu khơng thnah tốn tồn bộ số tiền sẽ bị hủy

Thanh tốn: thanh tốn tồn bộ số tiền có trên hóa đơn
Hủy đơn đặt: chỉ có thể hủy đơn đặt khi chưa đóng cọc, nếu khơng sẽ mất ½
cọc
Xem thơng tin:


Xem thông tin đơn đặt (trạng thái)

III. THIẾT KẾ LUỒNG(FLOWS)
1. Journey map

2. User stories


3. User flows


<NGHIÊN CỨU NGƯỜI DÙNG>

Chương 3. NGHIÊN CỨU NGƯỜI DÙNG (DISCOVER)

I.

USER INTERVIEW

Câu hỏi

Bạn thường bắt đầu chuyến đi
chơi vào thời gian nào trong
ngày?

Bạn thích đi chơi cùng gia
đình hay một mình?

Trả lời
Thường là vào sáng sớm, hoặc
tối hôm sau để tôi có thể tận
hưởng tồn bộ thời gian đi chơi
vào ngày hơm sau
Tơi thích đi chơi một mình hơn,
mặc dù cùng với gia đình vui
hơn, nhưng một lần cần chuẩn bị
quá nhiều, từ ăn uống, nghỉ ngơi
đến việc thuê xe
Tôi thường chỉ tìm kiếm những
chuyến xe để tơi có thể đến đó
và về nhà, tơi cho rằng như vậy
thì tự do hơn về thời gian

Người trả lời

Bạn thường đặt vé của một
tour trên app hay bạn chỉ tìm
kiếm những chuyến xe để bạn
có thể di chuyển đến đó?
Bạn nghic sao nếu có một app
mà bạn có thể đặt tour cho cả Vậy thì tuyệt, tơi có thể kiểm
nhà nhưng bạn vẫn có thể sắp sốt được chi tiêu cho cả chuyến
xếp lịch trình của tour theo ý đi
bạn muốn
Tơi hy vọng app sẽ chạy nhanh,

Bạn hy vọng app sẽ phục vụ dung lượng ít, và số tiền hiện
trên app là số tiền cuối cùng mà
tốt cho bạn về mặt nào nhất
tôi phải đóng.

Trần Nguyệt

II. OBSERVATION
Problem

Người dùng than phiền về tiến trình đăng nhập quá chậm
Sfí dụng nút "đặt tour"
Hỏi về việc xuất hóa đơn
Hỏi về việc xem thẻ khách hàng
Mong muốn việc chỉnh sfía tài khoản nhanh hơn
Mong muốn việc thanh tốn mất ít tời gian chờ hơn
Hỏi về việc xem chi tiết tour
Mong muốn giá ghi trên tour trong quá trình đặt là giá cuối cùng
phải trả
Muốn có nhiều khuyến mãi hơn
Than phiền về phơng chữ

Khơng có hộp thoai chat

P1 P2 P3
1
1

1
1

1

1

1
1
1
1
1

1
1
1
1

1

P
4
1
1
1
1

1
1

1

P5 Tổng

0
1
5
2
1
3
2
1
5
1
3
1
1

5
2
2

Trang 11
1

1

2


< PHÁC THẢO WIREFRAM >

Chương 4. PHÁC THẢO WIREFRAME (EXPLORER&DEFINE)


I.

CÁC LUỒNG WIREFRAME

Trang 13






II. BẢNG STYLE GUIDE

III. BẢNG MOODBOARD
Figma


AdobeXD


Chương 5. THIẾT KẾ MẪU TƯƠNG TÁC (PROTOTYPE)

I. GIAO DIỆN CHÍNH


< PHÁC THẢO WIREFRAM >

II. CÁC LUỒNG PROTOTYPE (GIỮ NGUYÊN NHƯ WIREFRAME)

Trang 21




×