1. Trang chủ
  2. » Luận Văn - Báo Cáo

Báo cáo môn học thiết kế giao diện ứng dụng bán cây cảnh

45 0 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Báo Cáo Môn Học Thiết Kế Giao Diện Ứng Dụng Bán Cây Cảnh
Trường học Trường Đại Học Ngoại Ngữ - Tin Học TP.HCM
Chuyên ngành Công Nghệ Thông Tin
Thể loại Báo cáo
Năm xuất bản 2021
Thành phố TP.Hồ Chí Minh
Định dạng
Số trang 45
Dung lượng 8,17 MB

Cấu trúc

  • Chương 1. HỒ SƠ DỰ ÁN (0)
    • I. GIỚI THIỆU CHUNG (6)
    • II. MÔ TẢ D Ự ÁN (6)
      • 1. Lý do (6)
      • 2. M ục đích (6)
      • 3. Nề n t ng .......................................................................................................... 7 ả Chương 2. LẬP KẾ HOẠCH (PLAN) (0)
    • I. STRATEGIZE (8)
      • 1. User Centered Business Canvas (8)
      • 2. Nghiên cứ u s n ph ả ẩm (đối thủ ) (9)
      • 3. Story Boarding (10)
      • 4. User Personas (11)
      • 5. Mô hình AARRR (14)
    • II. ORGANIZE (15)
      • 1. Functionality map (15)
      • 2. Sitemap (16)
      • 3. Design Brief (17)
    • III. THI ẾT KẾ LU ỒNG(FLOWS) (22)
      • 1. Journey map (22)
      • 2. User stories (24)
      • 3. User flows (26)
  • Chương 3. NGHIÊN C ỨU NGƯỜ I DÙNG (DISCOVER) (0)
    • I. USER INTERVIEW (29)
    • II. OBSERVATION (30)
    • III. UX SURVEY (31)
  • Chương 4. PHÁC TH O WIREFRAME (EXPLORER&DEFINE) Ả (0)
    • I. CÁC LUỒNG WIREFRAME (0)
    • II. B ẢNG STYLE GUIDE (37)
  • Chương 5. THIẾT KẾ MẪU TƯƠNG TÁC (PROTOTYPE) (0)
    • I. GIAO DIỆN CHÍNH (0)
      • 1. Đăng Nhập , Đăng kí (38)
      • 2. Trang Chủ , Tra c u ...................................................................................... 39 ứ 3. Thông tin sả n ph m ...................................................................................... 40ẩ 4. Giỏ hàng, Thanh toán (0)
      • 5. Danh sách đơn hàng, Thông tin đơn hàng (42)
      • 6. Đổi trả đơn hàng (43)

Nội dung

Ứng dụng cho phép người dùng đăng kí thông tin của mình và tiến hành đặt hàng và thanh toán các sản phẩm muốn mua trực tiếp trên ng ứ dụng.. − Có chức năng xem qua camera ACQUISITIO N CH

HỒ SƠ DỰ ÁN

GIỚI THIỆU CHUNG

Trong những năm gần đây, sự phát triển vượt bậc của khoa học kỹ thuật, đặc biệt là công nghệ thông tin, đã đóng góp to lớn cho sự nghiệp phát triển của con người Lĩnh vực quản lý đã được cải thiện đáng kể nhờ vào việc áp dụng công nghệ thông tin, giúp cho việc quản lý và mua bán trở nên hiệu quả hơn Việc sử dụng máy tính và điện thoại để quản lý và giao dịch thay vì phương pháp truyền thống là rất cần thiết trong các doanh nghiệp và cá nhân Do đó, “quản lý mua bán hàng qua mạng” trở thành yếu tố không thể thiếu trong mọi doanh nghiệp và cửa hàng Hơn nữa, việc mua hàng trực tuyến không ngừng phát triển đã giúp con người tiết kiệm thời gian và công sức Với các thiết bị kết nối internet, người dùng dễ dàng tiếp cận các trang thương mại điện tử.

MÔ TẢ D Ự ÁN

Nhu cầu sử dụng các trang thương mại điện tử ngày càng phổ biến, đặc biệt trong thời kỳ dịch bệnh này, khi việc ra đường bị hạn chế Các công ty lớn đang chú trọng đến việc làm hài lòng khách hàng một cách tốt nhất So với kinh doanh truyền thống, thương mại điện tử có chi phí thấp hơn và hiệu quả cao hơn Với lợi thế của công nghệ Internet, việc truyền tải thông tin về sản phẩm diễn ra nhanh chóng và thuận tiện Hình thức giao hàng tận nơi qua bưu điện và ngân hàng để thanh toán cũng góp phần thúc đẩy sự phát triển của thương mại điện tử Các ứng dụng mua bán ngày càng phong phú và đa dạng, trong đó việc bán cây cảnh ngày càng thu hút sự quan tâm của người tiêu dùng Cây cảnh không chỉ là sản phẩm tự nhiên mà còn là tác phẩm nghệ thuật, góp phần làm cho môi trường sống thêm xanh và tươi mát.

Chương trình "Ứng dụng bán cây cảnh" được phát triển nhằm đáp ứng nhu cầu của người tiêu dùng toàn cầu, cho phép họ dễ dàng đặt mua các sản phẩm cây cảnh cần thiết thông qua hệ thống trực tuyến.

Xây dựng một hệ thống bán cây cảnh trực tuyến đơn giản và thân thiện, cho phép khách hàng dễ dàng xem thông tin và đặt hàng qua mạng Người quản lý có thể theo dõi thông tin về sản phẩm và người dùng Giao diện hài hòa giúp người dùng dễ dàng sử dụng, cung cấp sản phẩm uy tín với chất lượng tốt và giá cả hợp lý Hệ thống cũng triển khai các chương trình thành viên và khuyến mãi phù hợp với từng đối tượng khách hàng Ứng dụng cho phép người dùng đăng ký thông tin và thực hiện đặt hàng, thanh toán sản phẩm trực tiếp Thông tin sản phẩm mới và đầy đủ được cập nhật chính xác đến khách hàng.

Có nhiều hình thức xác minh phù hợp, cho phép khách hàng liên hệ với cửa hàng qua gọi điện hoặc trò chuyện trực tuyến Khách hàng có thể cập nhật thông tin nhanh chóng và tiện lợi, giao hàng tận nơi, tiết kiệm thời gian mua sắm và chi phí khi đặt trực tuyến Bên cạnh đó, khách hàng có những chức năng như tìm kiếm sản phẩm, xem sản phẩm qua camera, thêm vào danh sách yêu thích, thêm vào giỏ hàng và thanh toán các sản phẩm, hủy đơn hàng, cũng như có các chính sách đổi trả khi gặp phải hàng bị lỗi, giúp khách hàng có những trải nghiệm tốt nhất.

3 Nền tảng Đề tài được xây dựng trên mô hình B2C, B2C là mô hình được các c a hàng áp d ng ử ụ rộng rãi gi a doanh nghiữ ệp và người tiêu dùng Giúp k t n i v i khách hàng tr c tiế ố ớ ự ếp không c n ph i qua trung gian ầ ả

STRATEGIZE

− Không cập nhật được các s n ph m câyả ẩ cảnh m i tớ ại cửa hàng

− Không tìm được các ứng d ng bán cácụ loại cây cảnh

− Muốn mua cây cảnh nhưng xa và không cần phải ra đường

− Tiết ki m thệ ời gian cho khách hàng

− Theo dõi được chương trình khuy n mãi vàế các s n phả ẩm mới.

− Tình hình d chị bệnh căng thẳng mong muốn hạn chế tiếp xúc với nhiều người.

− Không tìm được các sản phẩm chăm sóc cây c nh phùả h p ợ

− Dành cho mọi l a tu i hứ ổ ọc sinh, sinh viên, người đi làm, người l n tu ớ ổi.

− Những người có nhu c u sầ ử d ng ụ cây cảnh để trang trí, sưu tầm

− Người muốn mua s m trắ ực tuyến nhanh chóng d ễ dàng

− Những người s ợ mua hàng kém chất lượng, cây cảnh giả

− Không nh n ậ được những thông tin chính xác từ cửa hàng

− Lừa đảo khi đặt hàng trực tuyến

Ứng dụng cho phép người dùng đăng ký thông tin cá nhân, thực hiện đặt hàng và thanh toán cho các sản phẩm mua sắm trực tuyến một cách thuận tiện và nhanh chóng.

− Có chương trình khách hàng thành viên, tích điểm đổi quà khi mua hàng giúp d dàng thu hútễ khách hàng

− Thông tin đến khách hàng các s n ph m m i vàả ẩ ớ có đầy đủ các thông tin của sản ph m m t cáchẩ ộ chính xác

− Có nh ng hìnhữ thức xác minh phù h p, choợ phép khách hàng liên h v i cệ ớ ửa hàng thông qua gọi điện ho c trò ặ chuyện trực tuyến

− Có chức năng xem qua camera

− Các kênh thông tin s n có c a côngẳ ủ ty

− Các trang mạng xã hội online trên mạng xã hội: facebook, zalo,tiktok

− Trở thành shop yêu thích, sản phẩm yêu thích, ,sản phẩm được bán chạy nhất, bán được nhiều sản phẩm

− Tìm một nơi bán s n phả ẩm chất lượng đáng tin cậy giúp cho khách hàng d dàngễ chọn cây cho phù h p vợ ới nhà

− Có chính sách đổi tr nên kháchả hàng yên tâm về s n ph m ả ẩ

− Những người sưu tầm các loại cây c nh ả khác nhau

− Người vừa xây nhà xong mong mu n ố dùng cây cảnh để trang trí n i thộ ất trong nhà

− Những người t 20-50 tuừ ổi b n r n côngậ ộ vi c ệ không muốn mua trực ti p tế ại cửa hàng

− Tìm được ứng dụng uy tín có th ể g n bó lâuắ dài

− C p ậ nhật được các chương trình khuy n mãi ế và thông tin của các loại cây cảnh

− Giao hàng trực ti p tế ại nhà không cần phải đến trực ti p cế ửa hàng

− Đặt càng nhiều s n ph m càngả ẩ nhi u s nh n ề ẽ ậ được nhiều điểm để đổi những món quà có giá trị cao.

− C p nhậ ật được nhi u ề khuy n ế mãi m i c a cớ ủ ửa hàng thường xuyên

− Đăng ký tài khoản, đăng nhập

− Sử dụng thường xuyên, lâu dài

− Tích lũy nhiều điểm thưởng

− Được tăng hạng thành viên kim cương

Bảng 1: User Centered Business Canvas

2 Nghiên cứu s n phả ẩm (đối thủ) Đối thủ Chợ ố T t Ever Green Đăng nhập Yêu cầu đăng nhập

Có các tính năng không cần phải đăng nhập trước

Có các tính năng không cần đăng nhập

Tương tác Dễ dàng cài đặt sử ụng Dễ d dàng cài đặt sử ụng d Giao diện Giao di n b c c d dùngệ ố ụ ễ và d s d ng, màu sễ ử ụ ắ hài hòa

Giao diện của cửa hàng rất đơn giản và dễ nhìn, không quá cầu kỳ nhưng vẫn thu hút Điểm nổi bật là sự đa dạng của các mặt hàng, không chỉ có cây cảnh mà còn nhiều sản phẩm khác, giúp khách hàng có thêm nhiều lựa chọn khi mua sắm.

Giao hàng tận nơi và thanh toán trực tuyến mang lại sự tiện lợi cho khách hàng Tuy nhiên, điểm yếu của dịch vụ này là thiếu rõ ràng về nguồn gốc sản phẩm và không đảm bảo chất lượng Ngoài ra, sự đa dạng của các sản phẩm cây cảnh cũng hạn chế, và không có chương trình khuyến mãi hấp dẫn.

Không đa dạng s n phẩmả Không có mô t chi tiả ết s n ph m, không có chả ẩ ứ năng yêu thích sản phẩm

Bảng 2: Bảng nghiên cứu đối thủ

Nhà sưu tầm cây cảnh

Là người đam mê cây c nh, vả ới mong muốn sưu tầm được các loại cây cảnh đẹp, độc đáo

Luôn bận r n vộ ới công vi c kinh ệ doanh

Do b n công vi c kinh doanậ ệ nên không th ể đi khắ nơi đểp sưu tầm các loại cây khác nhau

Sưu tầm và chăm sóc nhiều loại cây cảnh Được mua hàng v i giá c phù ớ ả h p và g n bóợ ắ v i c a hàng lâuớ ử dài

Với thời gian hạn chế, nhiều người mong muốn mua cây cảnh và dụng cụ chăm sóc cây trực tiếp và được giao hàng tận nhà mà không cần phải đi xa Việc tìm hiểu thông tin trước khi mua hàng là rất quan trọng để đảm bảo lựa chọn đúng sản phẩm.

Có nhiều chương trình ưu đãi dành cho khách hàng thân thiết DEMOGRAPHICS

Giới tính nam, quê tại Đồng

Nai, s ng và hoố ạt động kinh doanh tại Đồng Nai

Công vi c kinh doanh bệ ận rộn M i ngày dành chút thỗ ờ gian để chăm sóc các cây cảnh c a mình ủ

M c thu nh p ứ ậ ổn định theo t ng ngày ừ

Có th mua hàngể b t cấ ứ đâu bằng chiếc điện thoại thông minh

C n giao hàngầ t n nhà ậ Mua s n phả ẩm với giá c h p lý ả ợ

Không được tư vấn nhiệt tình, thông tin sản phẩm không rõ ràng

Gặp phải lừa đảo khi đặt hàng trực tuyến

Sinh viên năm 4 đang học tại 1 trường đại học tại

Là một ngườ ự chủi t tài chính mong muốn có được tìm hi u các thông tinể cây c nh và nh ngả ữ cây cảnh độc đáo

Tìm hi u và mua cây c nể ả theo ý thích dùng để trang trí nhà c a t ng quà chử ặ người thân

Sử dụng cây cảnh nhỏ để trang trí bàn học là một ý tưởng tuyệt vời, đồng thời cũng là món quà ý nghĩa dành tặng người thân trong dịp chúc mừng Bạn có thể gói quà cẩn thận và giao hàng trực tiếp đến địa chỉ của người nhận để tạo sự bất ngờ.

Tặng nh ng ữ người thân nh ng ữ chậu cây c nh ýả nghĩa, phù h p v i túi ợ ớ tiền sinh viên

Giới tính nam, quê tại Sà Gòn

Là sinh viên ham h c h i tọ ỏ ự chủ được chi phí sinh s ngố hàng tháng và ti n h c phíề ọ

M c thu nh p thông quaứ ậ công việc làm thêm

Không cần đến trực ti p cế ửa hàng mua và được giao hàng 24/7

Giao nhanh trong khu vực Sài Gòn

Mua s n phả ẩm giá c phù hả ợp sinh viên

Các s n phả ẩm mô t không ả đúng với chất lượng sản phẩm.

Giao hàng sa địa điểm giao hàng

Nhân viên văn phòng vừa mua nhà tại Sài Gòn

Là một người yêu thiên nhiên, mong mu n cóố nhi u cây cề ảnh để trang trí n i thộ ất cho căn nhà mới.

Công việc nhân viên văn phòng khi n Hi n b nế ề ậ rộn su t tu n Cố ầ ả tuần ph i làm viả ệc ở công ty.

Cuối tuần nghĩ ngơi ở nhà và đi dạo không muốn phải đi xa mua hàng

Dùng cây c nhả để trang trí n i ộ thất trong nhà

Những sản ph m ẩ chất lượng, an toàn Mẫu mã đa d ng phù hạ ợp với xu hương hi n nay ệ

Tìm kiếm được nhiều s n ả phẩm yêu thích Biết trước được giá cả , m u mã, ẫ xu t ấ xứ Được nhiều ưu đãi, khuy n mãi ế

Giới tính nữ, quê tại Đồng Tháp, S ng và làmố việ ạc ti TPHCM

Thích đi du lịch vào nh ng kì ngh dài h n ữ ỉ ạ

M c thu nh p ứ ậ ổn định t ng ừ tháng.

Yêu thích sự tiện l i khi ợ mua hàng trực tuyến

Không cần phải ra đường để mua hàng và có th giaoể các s n phả ẩm nh nh tỏ ẹ ại công ty làm việc.

Giao hàng không gi ng mô t ố ả s n phả ẩm. Giá không đúng với giá tr sị ản phẩm.

Giao hàng lâu hơn dự ki n ế

Business Goals Thước đo Đo lường

Nhiều người tiếp cận đến ứng dụng

Lượt vào ứng d ng, Quụ ảng cáo trên các trang m ng xạ h i ộ

Thu hút khách hàng t l nừ ầ đầu sử d ng ụ

S hài lòng c a khách hànự ủ Lượng khách hàng qua lại Đăng kí thành viên để nhận ưu đãi

User interview Đẩy mạnh lượt mua hàng Lượt mua hàng hằng ngày tuần Các chiến lượt thu hút khách hàng qua tín điểm mua s m, khuy n mãắ ế

M r ng quy mô kháở ộ ch hàng

Lượng voucher khi gi iớ thiệu ng d ng ứ ụ

ORGANIZE

Xem tình trạng đơn hàng Hủy đơn hàng Đổi trả đơn Xem cây qua hàng camera Liên hệ

Thanh toán Áp dụng khuyến mãi

Thêm danh sách yêu thích

Xem chi tiết sản phẩm Đánh giá sản phẩm

Cập nhật thông tin cá nhân Đổi mật khẩu Điểm hạng

Thông tin chi tiết khuyến mãi

Cập nhật thông tin giao hàng Thanh toán hóa đơn

Thông tin chi tiết tin tức

Thông Báo Danh sách thông báo

Danh sách loại sản phẩm Danh sách sản phẩm Chi tiết sản phẩm Xem qua camera

Thông tin thành viên Cập nhật thông tin cá nhân Đổi mật khẩu

Danh sách sản phẩm yêu thích Chi tiết sản phẩm

Lịch sử hóa đơn Chi tiết hóa đơn

Hủy đơn hàng Đổi trả đơn hàng

Hỗ trợ Thông tin hỗ trợ

• Tên công ty chính thức: C a hàng cây cử ảnh Việt Nam

• Địa chỉ công ty đầy đủ: Tân Bình, Hồ Chí Minh

• Liên hệ chính cho d ự án (tên và tiêu đề):

• Người ra quyết định cuối cùng cho dự án:Nguy n Hoàng Huynh ễ

• Địa chỉ trang web hiện tại:

• Hosting (nếu b n hi n có nhà cung c p): ạ ệ ấ

• B n có ngân sách dành cho d án này không? N u v y, phạ ự ế ậ ạm vi của b n là gì? ạ

Ngân sách dành cho d án là 15.000.000VND, 200.000VND/gi cho công ự ờ việc bổ sung

• Dòng thời gian cho dự án là gì?

05/11/2021: Bàn giao wireframe đầu tiên cho khách hàng

10/11/2021: Đánh giá wireframe và những yêu cầu chỉnh sửa

20/11/2021: Đưa ra bản nguyên mẫu cho khách hàng xem và kiểm tra

30/11/2021: Ph n hả ồi về ả b n nguyên m u và ch nh s a giao di n b n cuẫ ỉ ử ệ ả ối. 10/12/2021: Người dùng kiểm tra s n phẩm trong vòng 2 tuần ả

Người dùng hoàn thành ki m tra s n ph m và ti n hành báo cáo kh ể ả ẩ ế ả năng sử d ng ụ s n ph m trong cuả ẩ ộc họp

28/12/2021: Hoàn thành vi c bàn giao s n ph m ệ ả ẩ

• Thời hạn cho d án là gì? Các y u t xung quanh thự ế ố ờ ạn này là gì? i h

Thời gian được hoàn thành trong 2 tháng

Với sự phát triển nhanh chóng của thương mại điện tử, các cửa hàng đã áp dụng nhiều hình thức để thu hút khách hàng, trong đó có việc xây dựng website phong phú và đa dạng cho việc mua sắm trực tuyến Ứng dụng bán cây cảnh đang ngày càng được quan tâm, cho phép khách hàng dễ dàng xem thông tin và đặt hàng trực tuyến Giao diện thân thiện giúp người dùng dễ dàng sử dụng, cung cấp sản phẩm uy tín với chất lượng và giá cả hợp lý, cùng với các chương trình khuyến mãi phù hợp Khách hàng có thể đăng ký thông tin, đặt hàng và thanh toán trực tiếp trên ứng dụng, nhận thông tin sản phẩm mới một cách chính xác Các hình thức liên hệ với cửa hàng qua điện thoại hoặc trò chuyện trực tuyến giúp khách hàng cập nhật thông tin mua bán nhanh chóng và tiện lợi Giao hàng tận nơi tiết kiệm thời gian và chi phí, cùng với các chức năng quản lý thông tin sản phẩm và khách hàng, mang đến trải nghiệm mua sắm tốt nhất cho người tiêu dùng.

❖ USER NEEDS Đối tượng mục tiêu: Nam và nữ từ 15-60, có thiết bị smartphone, có khả năng thu nhập hàng tháng trên 500.000VND, không phân bi t dân tệ ộc.

Nhu cầu quan trọng trong việc mua sắm sản phẩm cây cảnh bao gồm hàng chất lượng và người dùng uy tín Đối tượng người tiêu dùng chủ yếu là những người đam mê cây cảnh, mong muốn sưu tầm các loại cây đẹp và độc đáo Họ cũng có thể là những người chủ tài chính tìm kiếm thông tin về cây cảnh và những mẫu cây độc đáo Sinh viên và học sinh cần trang trí không gian học tập và làm việc với cây cảnh, trong khi những người yêu thiên nhiên muốn có nhiều cây cảnh để trang trí nội thất cho ngôi nhà mới Cuối cùng, việc thiết kế văn phòng làm việc bằng những cây cảnh cũng là một xu hướng đang được ưa chuộng.

Người tiêu dùng hiện nay mong muốn mua sản phẩm cây cảnh với giá cả hợp lý và dịch vụ giao hàng tận nhà, đặc biệt là trong khu vực Sài Gòn Họ cần có thông tin đầy đủ trước khi quyết định mua, đồng thời ưa chuộng các chương trình ưu đãi dành cho khách hàng thân thiết Việc sử dụng cây cảnh nhỏ để trang trí bàn học hoặc làm quà tặng cho người thân trong các dịp lễ cũng đang trở thành xu hướng Ngoài ra, chất lượng sản phẩm và mẫu mã đa dạng, an toàn cũng là những yếu tố quan trọng mà khách hàng quan tâm Mua sắm thuận tiện, không cần đến trực tiếp cửa hàng, và giao hàng 24/7 là những yếu tố thu hút người tiêu dùng, đặc biệt là sinh viên.

20 | P a g e o C n giao hàng t n nhà ầ ậ o Mua sản phẩm với giá c h p lý ả ợ

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, trang tr ng ệ ọ

Thách thức lớn nhất trong việc đưa hình ảnh đến với khách hàng là việc khách hàng thường ngần ngại khi tải những hình ảnh có dung lượng cao Quy trình xác minh đơn hàng còn rườm rà và thiếu những thông tin quảng cáo hấp dẫn để thu hút sự chú ý của khách hàng.

Các trang web thu hút khách hàng như Chất Tốt, Lazada, Shopee, Tiki, Sendo, Amazon, và Mybonsai đều có thiết kế giao diện hợp lý, minh bạch và chính xác Màu sắc hài hòa cùng với các chức năng dễ sử dụng giúp cải thiện trải nghiệm người dùng, từ đó thu hút và giữ chân khách hàng hiệu quả.

Các trang web không th y h p d n: Caycanhvietnam.com, Cay.vn,Caycanhdep.vn, ấ ấ ẫ Vuoncayviet.com

Các trang web có thi t k b c c không rõ ràng, n i dung không chính xác, qu ng ế ế ố ụ ộ ả cảo và các chương trình không thu hút người dùng

M u giao diẫ ện ưa nhìn, đơn giản và d s d ng ễ ử ụ

An toàn và bảo m t d u ậ ữliệ Đầy đủ các chức năng và sử dụng tốt

Báo cáo v ề tính năng và tính khả ụ d ng của ứng d ng ụ Ứng dụng đã được kiểm duyệt

Tên chức năng: Đặt hàng

Người sử d ng chụ ức năng: Khách hàng

Chức năng dùng để t hàng đặ

Khách hàng bắt đầu trải nghiệm mua sắm bằng cách xem các sản phẩm, sau đó thêm sản phẩm vào giỏ hàng Tiếp theo, họ chuyển sang giỏ hàng để kiểm tra lại các mặt hàng đã chọn Khi đã sẵn sàng, khách hàng sẽ chọn phương thức thanh toán và xác nhận đơn hàng của mình.

Tên chức năng: Xem cây qua camera

Người sử d ng chụ ức năng: Khách hàng

Chức năng dùng để xem mô phỏng cây cảnh so với th c tế ự

Luồng chức năng: Trang chủ -> Chọn danh sách s n ph m-> ch n chi ti t s n ph m-ả ẩ ọ ế ả ẩ

Tên chức năng: Tra cứu s n ph m ả ẩ

Người sử d ng chụ ức năng: Khách hàng.

Chức năng dùng để tra c u s n ph m ứ ả ẩ

Luồng chức năng: Chọn vào m c tra c u-> Nh p thông tin tra c u-> Ch n s n phụ ứ ậ ứ ọ ả ẩm cần tra c u ứ

Tên chức năng: Đánh giá sản ph m ẩ

Người sử d ng chụ ức năng: Khách hàng

Chức năng dùng để đánh giá các sản phẩm đã mua.

Luồng chức năng: Chọn vào l ch s ị ử hóa đơn-> ch n s n ph m muọ ả ẩ ốn đánh giá-> nhập thông tin đánh giá -> Lưu đánh giá

Tên chức năng: Thêm danh sách yêu thích

Người sử d ng chụ ức năng: khách hàng

Chức năng dùng đểlưu sản phẩm vào sản phẩm yêu thích

Luồng chức năng: xem danh sách sản phẩm -> ch n s n ph m-ọ ả ẩ > lưu sản phẩm

Tên chức năng: Hủy đơn hàng

Người sử d ng chụ ức năng: khách hàng

Chức năng dùng để hủy đơn hàng khi thay đổi nhu c u ầ

Luồng chức năng: Trang chủ -> chọn cá nhân-> ch n l ch sử đơn hàngọ ị -> chọn đơn hàng mu n h y-> ch n hố ủ ọ ủy đơn hàng.

Tên chức năng: Đổi trả s n ph m ả ẩ

Người sử d ng chụ ức năng: khách hàng

Chức năng dùng đểđổi trả hàng khi s n ph m có vả ẩ ấn đề

Để thực hiện quy trình đổi trả hàng, bạn cần truy cập vào trang chủ, sau đó chọn mục "Tài khoản cá nhân" Tiếp theo, hãy tìm và chọn "Lịch sử đơn hàng", sau đó chọn đơn hàng mà bạn muốn đổi trả Tiếp tục chọn "Đổi trả", nhập lý do cho việc đổi trả và cuối cùng xác nhận yêu cầu của bạn.

Tên chức năng: Đăng nhập

Người sử d ng chụ ức năng: Khách hàng

Chức năng dùng để đăng nhập

Luồng chức năng: Khách hàng truy cập vào ứng d ng -> Chọn sang màn hình đăng ụ nh p -> nhậ ập thông tin đăng nhập -> nhấn nút đăng nhập.

THI ẾT KẾ LU ỒNG(FLOWS)

Awareness Pre-paration Pre-transcribing Transcribing Post- transcribing User goals

Muốn mua chậu cây cảnh để trang trí văn phòng làm việc

Mong muốn ứng dụng đơn giản dễ dàng sử dụng

Tìm kiếm các thông tin sản phẩm

Tìm hiểu các thông tin của cây

Mong muốn có thể đổi trả

Tìm kiếm các ứng dụng bán cây cảnh chất lượng, phù hợp Đăng kí thành viên

Tìm hiểu thông tin chi tiết cây cảnh Đổi trả hàng

Chanels Tìm kiếm ứng dụng trên các của hàng

AppleStore Điền các thông tin vào biểu mẫu đăng kí

Tìm kiếm sản phẩm theo nhu cầu

Tìm hiểu các thông số cây trồng và các đặt tính của cây Đổi trả hàng hóa kém chết lượng

Process Có các ứng dụng nhưng mà không có chương trình khuyến

Nhập thông tin h tên, sọ ố điện thoại, mật khẩu vào các ô thông tin

Chọn vào biểu tượng tìm kiếm và nhập tên sản phẩm cần tìm kiếm

Hoặc chọn vào biểu tượng tìm

Chọn vào cây mà muốn xem thông tin chọn vào biểu tượng giọt nước để

Vào danh sách hóa đơn chọn , chọn vào hóa đơn muốn đổi trả, chọn đổi mãi và khó chọn cây phù hợp

Khách hàng có thể tạo tài khoản đăng nhập bằng cách nhập số điện thoại Để tìm kiếm cây trồng, hãy chọn biểu tượng camera để quét Sau khi xác định môi trường thích ứng của cây, nếu muốn đổi trả hàng hóa, khách hàng cần nhập lý do và chụp hình minh chứng (nếu có) trước khi chọn xác nhận.

Do tính chất công việc cùng với dịch bệnh nên việc đến các cửa hàng còn hạn chế

Khách hàng không thích thường xuyên điền nhiều vào các biểu mẫu

Khách hàng muốn tìm 1 cây nhưng không biết tên của cây đó

Khách hàng không biết được môi trường thích hợp cho cây nào hoặc không biết các đặt tính của cây

Khách hàng sợ khi cây giao đến bị gãy cành, vỡ chậu, hoặc cây héo kém chất lượng

Trước đây, việc tìm hiểu các ứng dụng bán cây cảnh gặp khó khăn do sự không đa dạng và chất lượng cây không được đảm bảo, gây trở ngại trong việc lựa chọn cây phù hợp.

Cho phép người dùng đăng nhập bằng các tài khoản mạng xã hội : Facebook, Google

Khách hàng có thể dễ dàng tra cứu thông tin sản phẩm bằng cách quét cây mà họ yêu thích qua camera Ứng dụng sẽ hiển thị thông tin chi tiết về cây đó hoặc gợi ý các cây tương tự, giúp người dùng tìm kiếm một cách nhanh chóng và tiện lợi.

Có hiển thị đầy đủ các thông tin về đặc điểm của cây cũng như môi trường thích hợp cho từng loại cây

Có chức năng đổi trả giúp cho khách hàng yên tâm về chất lượng sản phẩm

As… Conditional I want… So that…

Khách hàng Người dùng ứng d ngụ Tôi mu n tìm kiố ếm s n ph m nhanh nhả ẩ ấ

Vì th có chế ức năng tra cứu bao quát nhấ Khách hàng Người dùng ứng d ngụ Tôi mu n thanh toánố online

Việc thanh toán qua thẻ ngân hàng và ví điện tử ngày càng trở nên phổ biến, giúp khách hàng thực hiện giao dịch nhanh chóng và tiện lợi Người dùng ứng dụng có thể dễ dàng lưu trữ thông tin sản phẩm để tham khảo trong tương lai.

Người dùng có thể lưu sản phẩm vào danh sách yêu thích để dễ dàng truy cập sau này Bên cạnh đó, khách hàng cũng có thể thay đổi thông tin cá nhân của mình trong ứng dụng để cập nhật và quản lý tài khoản một cách hiệu quả.

Khách hàng có thể dễ dàng cập nhật thông tin cá nhân của mình trong ứng dụng Bên cạnh đó, người dùng cũng có thể lưu lại các sản phẩm yêu thích để mua sau.

Vì th ếcó gi ỏ hàng để lưu các sản ph m cẩ ủa tôi

Khách hàng Người dùng ứng d ng Tôi muụ ốn đặt hàng các s n phả ẩm tôi đã chọn và giao hàng đến nhà

Vì thành phố có chế độ ả ức năng đặt hàng và nhập địa chỉ để nhận hàng tại nhà, khách hàng và người dùng ứng dụng có thể dễ dàng theo dõi đơn hàng của mình.

Vì th có chế ức năng xem l ch sị ử các đơn hàng mà tôi đã đặt và các tr ng thái cạ ủa chúng

Khách hàng Người dùng ứng d ng Tôi mu n có th xemụ ố ể mô ph ng cây c nhỏ ả vào nhà tôi

Vì th có chế ức năng mô ph ng hình nhỏ ả s n ả ph m ẩ qua camera

Khách hàng Người dùng ứng d ng Tôi mu n xem cácụ ố tin t c c a các loứ ủ ại cây trồng

Vì th có trang tinế tức để tham kh o ả thêm v thông tinề chăm sóc các loại cây

Admin Người quản trị ứng d ng ụ

Tôi mu n qu n lý ố ả s n ph m ả ẩ

Vì th có chế ức năng nh p s n ph m mậ ả ẩ ớ vào kho hàng của mình và c p nh t lậ ậ ại thông tin sản ph m ẩ Admin Người quản trị ứng d ng ụ

Tôi mu n có th cố ể ập nhật lại thông tin giá

Vì th có chế ức năng cập nhật lại thông tin các sản phẩm Admin Người quản trị ứng d ng ụ

Tôi mu n qu n lý ố ả các tin t c ứ

Vì th có chế ức năng thêm các tin t c mứ ớ và xóa các tin tức đã cũ đi

Admin Người quản trị ứng d ng ụ

Quản lý các khuyến mãi

Vì th có chế ức năng thêm các khuy n mãế có th i bờ ắt đầu và kết thúc

Admin Người quản trị ứng d ng ụ

Tôi mu n qu n lý ố ả đơn hàng

Vì th có chế ức năng xác nhận các đơn của khách hàng, và the d i tình tr ng c a cácỗ ạ ủ đơn hàng

❖ Luồng xem mô ph ng qua camera ỏ

Chọn danh sách sản phẩm

Chọ n biểu t ượ ng camera

Chọn danh sách sản phẩm

Chọ n tra c u s n phẩm ứ ả Nhập t n s n ph m/ ê ả ẩ chọ n camera

Trang chủ Chọn Danh sách sản phẩm

Chọ n Chi tiết s n phẩm ả Chọ ố ượ n s l ng

Chọ n phương th c thanh toán ứ

❖ Luồng Đổi trả đơn hàng

Lý do i tr đổ ả Chọn chi tiết đơn hàng Trang chủ

Chọn cá nhân Lịch sử đơn hàng

Chọ đổ n i trả đơn hàng

NGHIÊN C ỨU NGƯỜ I DÙNG (DISCOVER)

USER INTERVIEW

Mỗi khi rảnh bạn thường làm gì?

Bạn có thường xuyên mua s m online không? ắ

Bạn thường mua kênh mua s m nào? ở ắ

Cuối tuần b n ạ thường làm gì?

Bạn có thường trang trí nhà c a không? ử

B n làm viạ ệc ở công ty nào?

Bạn còn đi học không?

Bạn thường s d ng internet bao lâu trong 1 ngày? ử ụ

Bạn đã lập gia đình chưa?

Gia đình bạn g m bao nhiêu thành viên? ồ

B n có dành nhi u thạ ề ời gian cho gia đình không?

Ai là người thường xuyên mua sắm trong gia đình bạn?

B n thích mua gì khi mua hàng online? ạ

Bạn đã dùng qua ứng d ng mua sụ ắm nào?

B n thích trang trí v trí làm vi c và nhà cạ ị ệ ửa như thế nào?

Lần g n nhầ ất bạn mua hàng online là khi nào? Điều bạn thích nh t khi mua hàng online là gì? ấ

Bạn thường dành th i gian cho tìm ki m s n ph m khi mua hàng là bao nhiêu? ờ ế ả ẩ

Bạn có thường xuyên săn các sản ph m khuy n mãi không? ẩ ế

B n có xem tin tạ ức thường xuyên không?

Bạn chú ý đến nh ng thông tin tin tữ ức nào?

Bạn có thường so sánh các s n phả ẩm ởcác ứng d ng khác nhau không? ụ

Tần suất bạn mua hàng online trong 1 tháng là bao nhiêu?

Bạn đã sử ụ d ng s n phả ẩm này bao nhiêu lần?

B n có thích s d ng s n phạ ử ụ ả ẩm này không?

B n có g p vạ ặ ấn đề gì khi s d ng s n ph m không? ử ụ ả ẩ

Bạn đã sử ụ d ng cho mục đích gì?

B n th y s n ph m này giúp ích bạ ấ ả ẩ ạn như thế nào?

B n s chi tr bao nhiêu cho viạ ẽ ả ệc bạn mua sắm sản phẩm này?

Hôm nay bạn có s d ng này không? ử ụ

B n t ng th y s n ph m ạ ừ ấ ả ẩ này trước đây chưa?

B n có c m giác th nào khi s d ng s n phạ ả ế ử ụ ả ẩm này?

B n có mu n s d ng s n phạ ố ử ụ ả ẩm này thường xuyên không?

B n có mu n gi i thi u s n ph m này cho b n bè không? ạ ố ớ ệ ả ẩ ạ

B n thích nhạ ất điều gì khi s d ng s n phử ụ ả ẩm?

Những điều bạn không thích khi sử dụng sản phẩm là gì?

Bạn nghĩ điểm nào s n phở ả ẩm này chưa phù hợp?

B n có thích màu sạ ắc ở ả s n ph m này không? ẩ

S n ph m này có giúp ích trong mua sả ẩ ắm của b n không? ạ

Bạn có khó khăn khi sử ụ d ng s n ph m không? ả ẩ

B n th y s n ph m có phù h p v i nhu c u cạ ấ ả ẩ ợ ớ ầ ủa bạn không?

OBSERVATION

Bắt buộc đăng nhập trước khi sử ụng d 1 1 1 1 4 Tra cứu qua hình nh có chính xác ả 1 1 1 1 1 5

Hiển th màu s c hài hòa ị ắ 1 1 1 3

Khuyến mãi có nút sao chép 1 1 1 1 1 5

Chứ năng liên hệ qua mail phù h p ợ 1 1 2

Menu ngang hiển th các icon phù h p ị ợ 1 1 1 3

Chúng tôi cung cấp dịch vụ thanh toán trực tuyến an toàn và tiện lợi, cho phép bạn cập nhật địa chỉ giao hàng ngay cả khi đã đặt hàng Trang chủ của chúng tôi hiển thị đầy đủ thông tin cần thiết để bạn dễ dàng tìm kiếm Ngoài ra, chúng tôi còn tích hợp chức năng mô phỏng cây cảnh qua camera, giúp bạn trải nghiệm trực quan và sinh động hơn.

Không nhận được các thông báo thông tin 1 1 Ứng dụng không mượt 1 1

UX SURVEY

Khảo sát khách hàng qua Goole Form:

Hình 1: Biểu đồ google form 1

Hình 2 : Biểu đồ google form 2

32 | P a g e Hình 3:Biểu đồ google form 3

Hình 4:Biểu đồ google form 4

Hình 5:Biểu đồ google form 5

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

Hình 6 : Wirreframe Trang ch -Danh sách s n ph m ủ ả ẩ

Hình 8: Wireframe Gi hàng- ỏ Đơn hàng

Hình 9: Wireframe Cá nhân- Danh sách đơn hàng

36 | P a g eHình 10: Wireframe Đổi trả đơn hàng

Hình 11: Các hình nh s d ng ả ủ ụ

Bảng 12: Bảng font ch s d ng ữ ử ụ

B ng font ch ả ữSitka Heading Sylfaen

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

Hình 13 Màn hình : Đăng nhập Hình 14:Màn hình Đăng kí

Hình 15 Màn hình Trang ch : ủ Hình 16 Màn hình Tra c u qua Camer: ứ

Hình 17 Màn hình Thông tin s n ph m: ả ẩ Hình 18: Màn hình Xem s n phả ẩm mô ph ng ỏ

Hình 19: Màn hình Gi hàng ỏ Hình 20: Màn hình Thanh toán

5 Danh sách đơn hàng, Thông tin đơn hàng

Hình 21: Màn hình Danh sách đơn hàng Hình 22: Màn hình Thông tin đơn hàng

Hình 23: Màn hình Đổi tr ả đơn hàng

1 Nh ng vữ ấn đề đã làm được

- Thiết kế giao di n màu sệ ắc hài hòa, bố ục hợ c p lý, phù h p vợ ớ ội dung của sản i n phẩm cần bán, thu hút người sử ụ d ng

Thiết kế quy trình phân tích UX giúp đảm bảo tính nhất quán trong nội dung UX Các tính năng cơ bản được phát triển để người dùng có thể sử dụng một cách dễ dàng và nhanh chóng, đồng thời tích hợp những tính năng mới sáng tạo nhằm đáp ứng nhu cầu của người dùng Việc áp dụng AI trong việc tra cứu và xem thông tin sản phẩm cũng góp phần nâng cao trải nghiệm người dùng Phân tích thông tin và nhu cầu của người dùng là yếu tố quan trọng để phát triển ng d ng m t cách h p lý rõ ràng.

Thiết kế giao diện sử dụng font chữ và kích cỡ rõ ràng, đơn giản, phù hợp với kích thước của ứng dụng, giúp truyền tải nội dung và thông điệp hiệu quả đến người dùng Sử dụng prototype để điều hướng ứng dụng một cách hợp lý và đa dạng.

- Tối ưu hóa được các thiết kế trong ứng d ng và dụ ễ dàng tái s d ng các thiử ụ ết kế

2 Nh ng vữ ấn đề chưa làm được

- Chưa có ví tiền riêng trong ứng dụng

- Chưa có liên kết với đơn vị vận chuyển

- Tính h p ví ti n tr c ti p vào ng dợ ề ự ế ứ ụng để giúp người dùng có th thuể ận tiện hơn trong việc thanh toán

- Thêm các tính năng mới phù hợp với ứng d ng ụ

- Liên k t v i các ng dế ớ ứ ụng giao hàng để khách hàng có thể theo dõi đơn hàng chi tiết nhất

- Hiệu ứng b t mắ ắt hơn cho người dùng.

PHÁC TH O WIREFRAME (EXPLORER&DEFINE) Ả

B ẢNG STYLE GUIDE

Hình 11: Các hình nh s d ng ả ủ ụ

Bảng 12: Bảng font ch s d ng ữ ử ụ

B ng font ch ả ữSitka Heading Sylfaen

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

Hình 13 Màn hình : Đăng nhập Hình 14:Màn hình Đăng kí

Hình 15 Màn hình Trang ch : ủ Hình 16 Màn hình Tra c u qua Camer: ứ

Hình 17 Màn hình Thông tin s n ph m: ả ẩ Hình 18: Màn hình Xem s n phả ẩm mô ph ng ỏ

Hình 19: Màn hình Gi hàng ỏ Hình 20: Màn hình Thanh toán

5 Danh sách đơn hàng, Thông tin đơn hàng

Hình 21: Màn hình Danh sách đơn hàng Hình 22: Màn hình Thông tin đơn hàng

Hình 23: Màn hình Đổi tr ả đơn hàng

1 Nh ng vữ ấn đề đã làm được

- Thiết kế giao di n màu sệ ắc hài hòa, bố ục hợ c p lý, phù h p vợ ớ ội dung của sản i n phẩm cần bán, thu hút người sử ụ d ng

Thiết kế quy trình phân tích UX giúp duy trì nội dung UX nhất quán, với các tính năng cơ bản tạo điều kiện cho người dùng trải nghiệm dễ dàng và nhanh chóng Đồng thời, tích hợp các tính năng mới sáng tạo nhằm đáp ứng nhu cầu của người dùng Việc áp dụng AI trong tra cứu và xem thông tin sản phẩm cũng góp phần nâng cao trải nghiệm người dùng Phân tích thông tin và nhu cầu của người dùng là cần thiết để phát triển ứng dụng một cách hợp lý và rõ ràng.

Thiết kế giao diện sử dụng font chữ và kích cỡ rõ ràng, đơn giản, phù hợp với kích thước màn hình giúp truyền tải nội dung và thông điệp hiệu quả đến người dùng Sử dụng prototype để điều hướng ứng dụng một cách hợp lý và đa dạng.

- Tối ưu hóa được các thiết kế trong ứng d ng và dụ ễ dàng tái s d ng các thiử ụ ết kế

2 Nh ng vữ ấn đề chưa làm được

- Chưa có ví tiền riêng trong ứng dụng

- Chưa có liên kết với đơn vị vận chuyển

- Tính h p ví ti n tr c ti p vào ng dợ ề ự ế ứ ụng để giúp người dùng có th thuể ận tiện hơn trong việc thanh toán

- Thêm các tính năng mới phù hợp với ứng d ng ụ

- Liên k t v i các ng dế ớ ứ ụng giao hàng để khách hàng có thể theo dõi đơn hàng chi tiết nhất

- Hiệu ứng b t mắ ắt hơn cho người dùng.

THIẾT KẾ MẪU TƯƠNG TÁC (PROTOTYPE)

Ngày đăng: 11/02/2025, 16:14

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN