[UX/UI] HUNTERGO / Event Mobile App /

Page 1

Hân Nguyễn

518110223

17-01-2020

UX/UI Thiết kế mobile app Huntergo



A

NGHIÊN CỨU ĐỀ TÀI


I. GIỚI THIỆU SẢN PHẨM

Huntergo là ứng dụng giúp người dùng nhanh chóng cập nhật thông tin sự kiện thuộc các chủ đề, lĩnh vực khác nhau diễn ra xung quanh khu vực. Đồng thời, ứng dụng Huntergo còn giúp người dùng chọn lọc nội dung sẽ hiển thị, và hỗ trợ trong việc đặt vé thông báo sự kiện sắp diễn ra. Huntergo giúp người dùng không mất nhiều thời gian trong việc tìm kiếm, cũng như bỏ lỡ cơ hội tham gia các sự kiện thú vị mà họ quan tâm. Nhiệm vụ chính của Huntergo tác động đến hành vi người dùng khiến họ tìm kiếm được sự kiện phù hợp với nhu cầu - đặt vé tham dự sự kiện (nếu có).

1


II. THỰC TRẠNG - VẤN ĐỀ CẦN ĐƯỢC XỬ LÝ Thực trạng hiện nay Tại Việt Nam, hầu như mỗi ngày đều có nhiều sự kiện ở các lĩnh vực khác nhau diễn ra, tuy nhiên các tổ chức phần lớn chỉ sử dụng kênh mạng như Facebook, Instagram, báo điện tử… hay các các ấn phẩm truyền thông như standee, tờ rơi để thông báo đến đối tượng quan tâm. Phần lớn đối tượng tìm kiếm và nhận thông báo về các sự kiện diễn ra thông qua mục Event trên Facebook, hoặc ứng dụng Ticketbox. Đối với người bận rộn, họ thường xuyên bỏ lỡ các sự kiện yêu thích vì không kịp cập nhật hay mất nhiều thời gian tìm kiếm thông tin về sự kiện sẽ diễn ra.

Vấn đề, khó khăn cần xử lý Nhiều sự kiện thông báo trên Facebook chưa được chọn lọc, nội dung hiển thị đúng với chuyên mục, chủ đề đề ra. Trên Facebook, người dùng không được thông báo về các sự kiện với đề tài họ yêu thích đến khi họ chọn “Quan tâm” đến sự kiện cụ thể nào đó. Ticketbox là trang web sự kiện sử dụng phổ biến tại Việt Nam, tuy nhiên ứng dụng chưa tạo ra môi trường cá nhân hóa người dùng, chưa phù hợp với giao diện điện thoại, thường được các bạn trẻ biết đến là nơi để đặt vé sự kiện âm nhạc thông qua đường link trên bài đăng Facebook. Eventbrite là ứng dụng nước ngoài thông báo các sự kiện diễn ra tại Việt Nam, tuy nhiên chỉ hiển thị ngôn ngữ Tiếng Anh dẫn đến hạn chế đối tượng sử dụng ứng dụng.

2


III. XỬ LÝ VẤN ĐỀ BẰNG ỨNG DỤNG HUNTERGO Xử lý vấn đề Các sự kiện đăng tải được xếp vào đúng 1 lĩnh vực duy nhất trong các lựa chọn gợi ý: Kinh doanh, Công nghệ, Giáo dục, Âm nhạc, Nghệ thuật, Văn học, Thể thao, Mục đích xã hội, Sức khỏe, Du lịch, Trẻ em, Tiệc tùng, Thời trang, Ăn uống, Phim, và khác. Người dùng có quyền lựa chọn lĩnh vực quan tâm hiển thị trên trang chủ. Tích hợp tính năng đặt vé sự kiện trên ứng dụng. Tính năng cộng điểm thưởng, nâng cấp thành viên, khi người dùng “tham gia”, đặt vé sự kiện trên ứng dụng.

3


SWOT Strengths Luôn hiển thị, thông báo với người dùng khi có các sự kiện thuộc lĩnh vực họ yêu thích được đăng tải. Người dùng có thể đặt vé trực tiếp trên ứng dụng bằng tài khoản ngân hàng của họ thay vì phải sử dụng app ngân hàng để chuyển khoản. Người dùng được cộng điểm thưởng, nâng cấp thành viên, khi tham gia nhiều sự kiện trên ứng dụng -> Khuyến khích người dùng sử dụng và tăng độ trung thành của họ với ứng dụng.

Weaknesses Người dùng chỉ có thể biết được thông tin sơ lược về Nhà tổ chức sự kiện, những sự kiện họ đã đăng lên.

Opportunities Các doanh nghiệp, nhà tổ chức có xu hướng tổ chức nhiều sự kiện giao lưu, chia sẻ với nhóm đối tượng nhằm với mục đích quảng bá hình ảnh. Nhu cầu sống của mọi người ngày càng cao, khiến cho nhu cầu tham gia giao lưu, giải trí, trải nghiệm các hoạt động ngày càng tăng.

Threats Số lượng người dùng Facebook rất cao, do đó họ đã quá quen thuộc với tính năng Event của ứng dụng này. Ybox, Ticketbox, … là các đối thủ cạnh tranh cao sau Facebook.

4


IV. CÁC GIẢI PHÁP ĐÃ CÓ TRÊN THỊ TRƯỜNG

Facebook

Nhận xét: Thông tin và cách sắp xếp nội dung ở màn hình chính khá nhiều và lộn xộn. Các thẻ nội dung tại mục tìm hoạt động còn đơn giản. Một vài sự kiện không đúng với chủ đề tìm kiếm, và vài thông tin bị lặp lại tại trang thông tin sự kiện. Tuy nhiên, có bản đồ hiển thị giúp người dùng hình dung khoảng cách tới địa điểm tổ chức.

Hình 1. Giao diện của tính năng Event trên ứng dụng điện thoại Facebook (Facebook, 2019)

5


Ticketbox

Nhận xét: Giao diện đơn giản nhưng hiện đại hơn so với Facebook. Tuy nhiên, phần lớn là các sự kiện âm nhạc, nghệ thuật. Tại trang chủ, hình ảnh được nhấn mạnh và to nhất, trên một trang điện thoại chỉ thể hiện hai sự kiện, khiến thông tin đến mắt người dùng trở nên thoải mái và dễ nhìn vào nội dung. Mục category còn sử dụng các hình ảnh chung chung, không có bộ icon riêng cho ứng dụng. Người dùng không thể tự tạo sự kiện trên ứng dụng. Đặt vé và thanh toán ngay trên ứng dụng.

Hình 2. Giao diện của ứng dụng Ticketbox (Ticketbox, 2019)

6


Eventbrite

Nhận xét: Trang chủ trình bày các sự kiện diễn ra nhưng chưa cá nhân hóa theo sở thích người dùng. Tại trang tìm kiếm, thông tin được trình bày với khoảng cách giữa các mục sự kiện rộng hơn, tạo cảm giác thoải mái cho người nhìn, nhưng không có taskbar để người dùng dễ dàng đến với các mục chức năng khác. Giống như Ticketbox, sau khi đặt vé xong, người dùng đều có trang để quản lý vé điện tử của mình và không cần phải dùng vé giấy. Ngoài ra, App có tính năng bình luận, chat với nhà tổ chức có giải đáp thắc mắc ngay trên ứng dụng.

Hình 3. Giao diện của ứng dụng Eventbrite (Eventbrite, 2019)

7


Kết luận Huntergo là ứng dụng tiềm năng khi sử dụng tính năng tích điểm, nâng cấp thành viên, khuyến mãi cho người dùng, tăng sự hứng thú khi sử dụng app cũng như tạo môi trường để người dùng có thể tương tác với nhà tổ chức. Đồng thời, không bị cản trở khi nhận quá nhiều sự kiện ở các lĩnh vực không quan tâm tại trang chủ.

8



B

NGHIÊN CỨU ĐỐI TƯỢNG


I. TARGET AUDIENCE Demographic Tuổi Giới tính Vị trí Nghề nghiệp Thu nhập

16 - 25 nam và nữ HCM và HN học sinh cấp 3, sinh viên, nhân viên văn phòng Trung bình

Psychographic

11

-

Những người trẻ ưa thích mở mang tầm óc, kiến thức, không ngại học hỏi; hoặc;

-

Những người có công việc bận rộn cần có không gian giao lưu, giải tỏa căng thằng, mở rộng kết nối.

-

Có mối quan tâm đến một hoặc nhiều lĩnh vực nhất định và mong muốn tham dự trực tiếp các sự kiện liên quan.

-

Thường xuyên theo dõi, tham gia các sự kiện vào thời gian rảnh.


II. KHẢO SÁT Form khảo sát

12


Kết quả khảo sát Số người tham gia khảo sát: 56 người Đơn vị: % số người tham gia khảo sát

Qua cuộc khảo sát Nhu cầu tìm kiếm – tham gia sự kiện (2019) trong cộng đồng giới trẻ, đặc biệt là sinh viên, dù đang học tập ở các lĩnh vực khác nhau, phần lớn đều có chung một số sở thích và mối quan tâm tới các hoạt động liên quan đến Âm nhạc (26.8%). Cộng đồng – thiện nguyện (26.8%), Kinh tế - Kinh doanh (21.4%), …

60.7%

bạn trẻ cho thấy việc tham gia các hoạt động sự kiện có lợi ích lớn trong việc học hỏi – mở rộng mối quan hệ.

30.4% số khác cho rằng tham gia các hoạt động giúp giải trí, giảm stress và giúp họ sống khác với nhịp sống quen thuộc thường ngày.

33.9% vài tuần trước

33.9% vài tháng trước

Hỏi về khoảng thời gian gần nhất tham gia các hoạt động yêu thích, câu trả lời vài tuần trước và vài tháng trước được các bạn lựa chọn nhiều nhất (lần lượt chiếm 33.9%), chỉ số ít 17.9% đi cách đó vài ngày. 13


52

Facebook 20

Bảng tin ở trường Tự tìm kiếm

18 6

Khác 0

20

10

30

40

50

60

92.9% bạn trẻ biết đến thông tin sự kiện thông qua bạn bè trên facebook 32.1% khác thường phải tự tìm kiếm.

Do đó, các nguồn vừa đề cập đã gây khó khăn, cản trợ nhóm đối tượng tìm kiếm sự kiện vì:

65.5%

đồng tình rằng khi biết đến thông tin thì sự kiện đã kết thúc

21.8% số khác nhận xét giao diện tìm kiếm cũng là yếu tố gây khó khăn cho họ

Kết luận Việc xây dựng ứng dụng tìm kiếm sự kiện Huntergo là hoàn toàn khả thi và phù hợp đối với đối tượng mục là giới trẻ, với sự đồng tình sử dụng ứng dụng tìm kiếm – đặt vé sự kiện từ người tham gia khảo sát là 75%, giúp các bạn truy cập nhanh hơn, tìm kiếm dễ dàng và thuận tiện, không bị bỏ lỡ các hoạt động sự kiện sự kiện yêu thích.

14


III. PERSONA

Huỳnh Nguyễn Anh Thư 18 tuổi Sinh viên Tài Chính Quốc tế Trường Đại Học Ngoại Thương HCM

Giới thiệu Thư là sinh viên năm nhất năng động, hoạt bát của trường Đại Học Ngoại Thương. Cô vốn sinh ra và lớn lại tại tỉnh lẻ; do đó, đến với môi trường đại học tại thành phố lớn, Thư rất thích thú và đã tham gia nhiều sự kiện, câu lạc bộ trong và ngoài trường. Hiện nay, Thư là thành viên trong ban truyền thông kỹ thuật – CLB Tài Chính của trường FTU2 và cô mong muốn được tham gia nhiều chương trình hơn để mở mang kiến thức và các mối quan hệ.

15


Motivation Đi cho vui với mong muốn có thể tìm kiếm người yêu. Muốn được nhìn thấy, nghe thấy và học hỏi những điều hay ho, thú vị cho “sang”, học thức và phong phú tâm hồn. Giải trí, hưởng thụ.

Pain Points Chưa thực sự biết được sự kiện nào là phù hợp với bản thân. Hay lười biếng hoặc do ngủ quên mà bỏ lỡ nhiều chương trình.

Needs Sử dụng một ứng dụng có thể nhắc nhở sự kiện diễn ra với chuông báo dễ nghe Tìm được các sự kiện thiết thực với nhu cầu học hỏi của bản thân Cập nhật nhanh chóng các thông tin.

Tech 4

Internet

5

Social Networks 4

Mobile Apps Online Shoppings

3

16


Phạm Ngọc Khánh Vy 19 tuổi Sinh viên Quản trị kinh doanh theo học chương trình đại học từ xa (online university)

Giới thiệu Vy đang theo học chương trình đại học online từ xa sau một năm gap year đi tìm hiểu bản thân và trải nghiệm nhiều phía cạnh của cuộc sống. Cô là một người trẻ khá hướng nội, điềm tĩnh nhưng thông minh, lanh lợi và tham vọng. Trước đây cô đã tham dự nhiều chương trình sự kiện, cũng như là thành viên ban tổ chức của các tổ chức học sinh – sinh viên lớn tại TP. HCM, như: Saigon Voice Amplifier, Vietnam Climate Leadership Camp,… Hiện tại, Vy đang học hỏi, trải nghiệm nhiều lĩnh vực như Tâm lý, Nghệ thuật, Khoa học Môi trường,… trong quá trình theo học đại học online của mình.

17


Motivation Các chủ đề gợi hứng thú, tò mò khi được khai thác từ khía cạnh khác. Nhu cầu tìm hiểu những lĩnh vực đã quan tâm từ lâu. Tham gia thảo luận các chủ đề đã quen thuộc và có đủ kiến thức. Được bạn bẻ rủ đi.

Pain Points Facebook có nhiều events hiện lên khiến Vy bị choáng ngợp . Không chủ động phương tiện đi lại. Chi phí cao vì các workshop liên quan đến Nghệ thuật/ Sáng tạo Vy thích có phí trung bình trên 350.000 VND

Needs Được cập nhật các sự kiện khác nhau, đặc biệt các sự kiện miễn phí phù hợp với học sinh – sinh viên. Có tính năng cài đặt giờ vào Google Calender để nhắc nhở.

Tech 5

Internet 3

Social Networks

4

Mobile Apps Online Shoppings

1

18


Kết luận Những hiểu biết sau khi tổng hợp từ 2 Persona, có thể thấy rằng: Bạn trẻ dù có các cá tính khác nhau đều mong muốn tham gia các hoạt động sự kiện để được học hỏi, mở rộng kiến thức, hiểu biết sâu lĩnh vực, chủ đề quan tâm. Đồng thời, họ muốn được truy cập, và tìm được các sự kiện phù hợp với nhu cầu hơn, và được thông báo nhắc nhở khi sự kiện sắp diễn ra.

19


20



C

PHÁT TRIỂN TRẢI NGHIỆM NGƯỜI DÙNG


I. MOODBOARD

23


Hello abcd Hello abcd 24


II. USER FLOW

Tìm kiếm - Đặt vé Homescreen

Yes

Events

Display Event Information

No

No

Yes

Enter receiver information

Choose type of ticket Location

Choose type of payment

Type of event

Time

Enter keywords

Price of ticket

Final booking information

Code booking information

End

25


Search by keywords

Xem vĂŠ Homescreen

E-ticket

Upcoming events

See the e-ticket

Past events

26


III. USER JOURNEY MAP Thư tìm kiếm sự kiện và thanh toán đặt vé bằng tiền mặt Motivation

Giải trí

Persona: Huỳnh Nguyễn Anh Thư

Tìm kiếm sự kiện

27

Nhanh

Rẻ

Tìm hiểu sự kiện

Action

- Mở app - Lướt để tìm kiếm - Tìm kiếm bằng filters: chọn thành phố, loại sự kiện - Tiếp tục lướt xem kết quả - đọc tên sự kiện.

- Xem thời gian, địa chỉ tổ chức - Đọc nội dung của sự kiện - Xem giá vé

Thought

- Có quá nhiều sự kiện. - Có sự kiện miễn phí không? - Có sự kiện hay ho không? - Sự kiện nào có tại HCM?

- Có diễn ra vào cuối tuần? - Có gần không? - Có gì tại sự kiện? - Có miễn phí không hay giá vé này có phù hợp không?

Feeling

Hứng thú Băn Khoăn

Opportunities

- Cá nhân hóa trang chủ theo sở thích - Hiển thị các sự kiện phổ biến

- Hiển thị đầy đủ thông tin về ngày, giờ, địa điểm tổ chức sự kiện và nội dung. - Hiển thị điểm cộng thành viên khi tham gia sự kiện


Đặt vé

Chờ nhận vé

Nhận vé

- Nhập thông tin cá nhân: họ tên, số điện thoại, địa chỉ. - Chọn hình thức thanh toán. - Xem thời gian giao vé dự kiến

- Ngồi làm việc, học bài. - Mở điện thoại xem ngày, giờ - Phỏng đoán ngày giao

- Nhận cuộc gọi từ người giao vé - Ký nhận vé - Thanh toán

- Liệu có nhập sai thông tin? - Thời gian giao vé là khi nào? - Có giao vào lúc mình bận? - Đặt vé ở app này có ưu đãi gì?

- Bao giờ vé được giao tới? - Có cuộc gọi nhỡ nào không? - Hồi hộp

- Vui mừng, nhẹ nhõm - Lỡ làm mất vé thì sao? - Nếu bận đột xuất không đi được thì có trả vé được không?

Phấn khích Đắn đo Chờ đợi

- Đề xuất lưu lại thông tin cho lần sau. - Hợp tác với các ngân hàng, dịch vụ khác (grab, be…) đưa ra các mã khuyến mãi khi thanh toán online hoặc đặt xe để đến sự kiện.

- Cho người đặt biết khoảng thời gian giao hàng dự kiến - Gọi điện thoại trước khi giao

- Vé điện tử trong tài khoản sau khi thanh toán tiền mặt. - Cung cấp chính sách đổi, trả vé

28


IV. WIREFRAME

29


30



D

GIAO DIỆN MOBILE APP


33


Font

Proxima Nova

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Bold

Aa

Montserrat

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Regular

Medium

Semibold

Bold

Color scheme

#7D5FFF

#7EFFF5

#FF7675

#AEABAB Opacity: 40%

#7D5FFF

#7158E2

Opacity: 64%

#7EFFF5

#67E6DC

34


Icons

Illustration

35


36


TRANG CHỦ Cập nhật các sự kiện phổ biến mới nhất dựa vào lượt yêu thích hoặc đặt vé những sự kiện trước đây của bạn.

37


38


TÌM KIẾM Tìm kiếm sự kiện thông qua 4 tùy chỉnh - giới hạn nội dung hiển thị chính xác hơn.

39


KẾT QUẢ Đề xuất các sự kiện thuộc các chủ đề khác tại trang kết quả mở rộng giới hạn tìm kiếm và tăng khả năng tiếp cận các sự kiện thú vị.

40


ĐẶT VÉ Đặt vé nhanh chóng trong vòng 3 bước, không bị giới hạn thời gian và được cộng điểm thành viên.

41


42


43


TRUY CẬP VÉ ĐIỆN TỬ Vé điện tử tự động cập nhật sau khi hoàn tất thủ tục đặt vé kể cả khi thanh toán online và tiền mặt. Có thể tìm kiếm vé bằng từ khóa và xem vé cũ.

44



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.