Báo cáo cuối kì môn UX/UI: Thiết kế website bán giày online có nội dung trình bày về hồ sơ dự án, khảo sát đối thủ cạnh tranh; thiết kế giao diện người dùng trên phần mềm Adobe XD; prototype những chức năng cơ bản và các component; thiết kế UI cho trang người dùng;... Mời các bạn cùng tham khảo!
UX/UI báo cáo cuối kì Nguyễn Cát Tường – 18DH110417 GVHD: Trần Nguyễn Quỳnh Trâm Hồ sơ dự án Project name: ATShoes.com Project Description: Trong thời đại 4.0 với hệ thống mạng phát triển, hoạt động kinh doanh online hướng đúng, mang lại doanh thu lớn cho nhiều doanh nghiệp cá nhân kinh doanh.Vậy nên website bán giày cần thiết nhu cầu dịch bệnh giúp người dùng đặt mua nhà giao hàng tận nơi không cần phải tốn công sức tránh tiếp xúc nơi đông người Who is this for: người có nhu cầu mua sắm giày dép để sử dụng, làm quà tặng, quảng bá thương hiệu, Hồ sơ dự án Feature list: • Giới thiệu đầy đủ thơng tin sản phẩm • Textbox tìm kiếm sản phẩm • Có hệ thống giỏ hàng(thêm, xóa tăng số lượng sản phẩm) • Phân chia rõ ràng loại nhãn hàng sản phẩm • Có nhiều phương thức tốn(Thanh tốn trực tiếp nhận hàng, visa card, ví điện tử) • Những sản phẩm bật, liên hệ, hỗ trợ khách hàng Deliverables: Kế hoạch dự án, Báo cáo, Biên họp Cost: • Khoảng 35.000.000 VNĐ để tạo hồn thiện website • Chi phí trì sửa chữa khoảng 5.000.000 VNĐ/tháng Competitors and Product Inspiration: Competitors Juno.vn, vascara.com • Product Inspiration Nike.com, Addias.com • Timeline – Deadline 10/09/2021: Khảo sát website thương mại điện tử nike, addias, … 12/09/2021: Thiết kế giao diện người dùng phần mềm Adobe XD 20/09/2021: Thống giao diện người dùng 24/09/2021: Prototype chức component 15/10/2021: Thiết kế UI cho trang người dùng 20/10/2021: Hoàn thành sơ lược website 25/10/2021: đưa người dùng truy cập vào website để sử dụng đánh giá 10/11/2021: tiếp nhận ý kiến người dùng, cải thiện sửa chữa website 14/12/2021:chạy lại lần cuối, kiểm tra đưa website thị trường Đối thủ cạnh tranh: https://www.tfm-sneaker.vn https://peaksport.vn Tương tác Khó tương tác Dễ tương tác Giao diện Font chữ không thống nhất, button làm sơ xài, hiệu ứng ko rõ ràng Dễ nhìn, hình ảnh sản phẩm to Chức Bộ lọc không đầy đủ, hiệu ứng hover không đủ button, thiếu mã ưu đãi, khơng có thơng tin giao hàng, khơng có đánh giá sản phẩm Màn hình loading lâu, khơng có q nhiều thơng tin sản phẩm, lỗi tăng giảm số lượng sản phẩm, tìm kiếm sản phẩm không sử dụng Điểm yếu Không chăm vào giao diện, chức không đầy đủ Giao diện dễ nhìn, chức cịn nhiều thiếu sót Lập chiến lược Persona Let’s start with the first set of slides & User PROBLEMS, NEEDS Cần tìm nơi bán giày hãng, giá thành rẻ, chất lượng phụ vụ bảo hành tốt, đáng tin cậy Muốn tặng q vào dịp lễ, sinh nhật Khơng có thời gian đến cửa hàng để xem sản phẩm Có thể đổi trả sản phẩm USERS Dành cho lứa tuổi sử dụng Dành cho người bận rộn khơng có thời gian shop mua giày Sản phẩm có đủ mức giá từ bình dân, trung cấp cao cấp, limited USER FEARS Giá đắt, sản phẩm có chất lượng kém, hư hỏng, chất lượng phục vụ Bảo hành có nhiều cơng đoạn thời gian Nhân viên tư vấn không chuyên nghiệp Thông tin sản phẩm không với thực tế SOLUTION Nhiều mẫu mã khách hàng thoải mái lựa chọn đặt mua Thong tin, hình ảnh giá hồn tốn xác với thực tế Cam kết hàng hãng 100% Cơng đoạn tốn bảo hành tối ưu cho khách hàng nhanh ACQUISITION CHANNELS Facebook Youtube instagram Tiktok, kênh tin tức trực tuyến EXISTING SOLUTIONS Nike.com Addias.com about.puma.com EARLY ADOPTERS Khách hàng chủ yếu từ độ tuổi 16 – 50 Có kinh tế vững khơng có thời gian để đến cửa hàng lựa chọn USER GOALS Khách hàng lựa chọn sản phẩm mong muốn nhanh chóng tốn dễ dàng qua vài bước đơn giản VALUE PROPOSITION Khách hàng thân thiết nhận nhiều ưu đãi đãi ngộ tốt Được ưu tiên chương trình giảm giá phục vụ, chăm sóc tốt REVENUE SOURCES Từ khách hàng METRICS Quảng cáo Lượt toán online - PERSONA NAME Nguyễn Văn A - TITLE Thích nhà, khơng thích vận động, thích mua đồ qua mạng - SHORT DESCRIPTION Xinh đẹp, thu nhập cao, bận rộn với cơng việc thú vui chăm sóc cỏ nhà PROBLEMS Thích sưu tầm giày, sợ mua nhầm hàng giả Bận rộn với công việc thời gian shop để mua giày Khơng thích đường DEMOGRAPHICS Giới tính nam, quê quán thành phố Hồ Chí Minh, sống làm việc Hồ Chí Minh Nhân viên tài kế tốn, 29 tuổi, xinh đẹp thu nhập cao Thường làm muộn bận rộn vào cuối tuần Phù hợp với sản phẩm từ trung tới cao cấp NEEDS Cần đơi giày hang đặt riêng phù hợp với việc tập thể dục thể thao dạo phố GOALS Tìm phù hợp với yêu cầu CONTEXT Thuận tiện phần mềm điện thoại, laptop tablet Xem điện thoại lúc nào, đâu vào 12h trưa từ 8h tối trở Điện thoại người FEARS Gặp sản phẩm khơng với hình ảnh Chất lượng kém, hàng giả, hàng, lừa đảo Phục vụ Bảo hành rắt rối thời gian Functionality map Functionality map Quản lý sản phẩm Quản lý thông tin sản phẩm Quản lý giá thành sản phẩm Quản lý bảo hành sản phẩm Quản lý đánh giá sản phẩm Quản lý thương hiệu 10 Quản lý khách hàng Cửa hàng bán giày Quản lý giỏ hàng Quản lý doanh thu Quản lý thơng tin thương hiệu Thêm, xóa, sửa sản phẩm, Quản lý sản phẩm thương hiệu Tăng giảm số lượng Quản lý điều khoản thương hiệu Thay đổi kích thước , màu sắc Quản lý thơng tin khách hàng Quản lý hóa đơn Quản lý doanh thu theo ngày, thoe tháng 12 Userflow Taskflow toán 13 Taskflow tiềm kiếm 14 Taskflow thêm vào giỏ hàng 15 Design brief COMPANY CONTACT INFORMATION Tên cơng ty thức: ATShoes Địa công ty đầy đủ: **** Trung Chánh 2, Huyện Hóc Mơn, TPHCM Liên hệ cho dự án (tên tiêu đề): Cát Tường Người định cuối cho dự án: Cát Tường Điện thoại: 0368****** Email: nguyentuong.777877@gmail.com Địa trang web tại: ATShoes.com Hosting (nếu bạn có nhà cung cấp): Chưa có GENERAL ngân sách 30.000.000 VND Thay đổi giao diện đẹp tính tiện lợi hơn, cao bảo mật trang web 17 18 v PROJECT OBJECTIVE - BUSINESS GOAL o Thiết kế giao diện đẹp tiện lợi hơn, nâng cao tính bảo mật website o Có trang u thích để lưu trữ lại o Mang lợi ích việc đặt mua giày online đến với khách hàng o Tạo tin tưởng khách hàng o Là ưu tiên khách hàng nghĩ đến mua giày o Tăng doanh số, lợi nhuận cho doanh nghiệp o Doanh số phải đạt tối thiểu 300.000.000 VND/tháng o Tạo nhiều khuyến để kích cầu mua bán 19 User needs: Dành cho lứa tuổi có nhu cầu mua giày, trang web tập trung vào lứa tuổi từ 16 – 50 tuổi, độ tuổi người dùng khơng có nhiều thời gian thích làm đẹp nâng tầm thân Tiếp cận nhiều khách hàng Mua sản phẩm cách nhanh đơn giản nhất, sách bảo hành tốt, chất lượng dịch vụ chăm sóc khách hàng đảm bảo, có nhiều khuyến năm Perception and design Thiết kế đơn giản, thu hút người dùng Giao diện phải bắt mắt, dễ nhìn, dễ thao tác, khơng q cầu kỳ phức tạp Có thể mượn ý tưởng thiết kế từ trang web khác Nike.com Khắc phục điểm yếu website khác mắc phải Question User story Là… Khách hàng Điều kiện Khách hàng Khách hàng Tơi muốn… Tìm kiếm sản phẩm muốn nhanh Xem thơng tin chi tiết sản phẩm rõ ràng có hình thực tế Nhiều ưu đãi Do đó… Bộ lọc sản phẩm tìm kiếm sản phẩm nên nâng cấp Trang thể thơng tin rõ ràng, hình ảnh chân thực Khi tốn tự động lấy thơng tin tài khoản, tự động chọn địa mà đặt nhiều chọn loại dịch vụ giao hàng tốt Có thể bình luận, đánh giá sản phẩm, xem đánh giá người khác Liên kết với nhiều loại ví điện tử ngân hàng để thuận tiện cho khách hàng Lưu trữ thông tin đơn hàng khách khách hàng toán thành cơng Tăng cường phục vụ khách hàng để giải đáp thắc mắc khách hàng thời điểm Khách hàng Có tài khoản đăng nhập Có thể đặt hàng nhanh gọn rút gọn bước Khách hàng Có tài khoản đăng nhập Có tài khoản đăng nhập Có tài khoản đăng nhập Có tài khoản đăng nhập Có thể bình luận, đánh giá đơn hàng xem đánh giá Thêm nhiều phương thức toán nhằm thuận tiện cho khách Xem lịch sử mua hàng Khách hàng Khách hàng Khách hàng 21 Hủy đơn hàng trả sản phẩm không vừa ý Thêm nhiều ưu đãi vào ngày lễ Customer into questions 22 Câu hỏi Bạn tên gì, tuổi? Bạn làm cơng việc gì? Một ngày bạn dành thời gian cho công việc? Trả lời Nguyễn Cát Tường, 20 tuổi Sinh Viên tiếng Những lúc rảnh rỗi bạn thường làm gì? Đọc truyện, nghe nhạc, chơi game Bạn làm chức vụ gì? Có vai trị cơng ty? Làm freelancer khơng có chức vụ Cơng việc bạn có phải thường xuyên tiếp xúc với khách hàng khơng? Có Bạn có hay tham gia hội thảo ngành nghè khơng ? Có Bạn có u thích cơng việc khơng? Có Bạn có thường sử dụng loại dịch vụ internet banking ví online hay khơng? Ít sử dụng Bạn có cảm thấy áp lực cơng việc hay khơng? Thình thoảng Bạn mua hàng online hay khơng Có Bạn có thích sưu tầm giày khơng ? Có Mục đích bạn sưu tầm giày ? Vì sở thích cá nhân Topic specific questions Câu hỏi Lần bạn mua giày cho nào? Khi 16 tuổi Bạn cảm thấy việc mua nhiều giày có tốt khơng ? Cũng được, thay đổi liên tục Bạn cảm thấy giày có phải đồ dung thiết yếu sống khơng ? Có, có nhiều trường hợp phải có đơi giày phù hợp 23 Trả lời Nếu vào dịp sinh nhật bạn có muốn q Đương nhiên đơi giày hay khơng? Bạn có cảm thấy bỏ tiền để mua đôi giày với giá triệu trờ lên đàng khơng Nếu tạo đơi giày theo mong muốn bạn muốn ? Có, đơi giày mà u thích muốn sở hữu Một đơi màu trắng với họa tiết, tôn lên sang trọng, phù hợp chuyến du lịch dạo phố Bạn có cảm thấy tiếc mang đôi giày mắc tiền đường không ? Theo bạn sở hữu nhiều giày có phải lãng phí khơng ? Khơng, mua giày để nhằm mục đích mang lên chân Mức giá tối thiểu bạn đưa để sắm cho đôi bao nhiêu? Tùy theo loại giày sở thích mà cảm thấy có đáng để chi giá tiền hay khơng khơng Product opportunity questions Câu hỏi Bạn thấy website bên chúng tơi nào? Có tiện lợi dễ sử dụng hay không? Bố cục website có giúp bạn dễ tìm kiếm sản phẩm hay không ? Trả lời Website thiết kế bắt mắt, tính tiện lợi dễ thao tác Có Tại bạn lại chọn sản phẩm bên chúng tơi? Vì có nhiều mặt hàng có bảo hành hãng Mặt hàng chúng tơi có phong phú shop khác hay không? Bạn cảm thấy chất lượng phục vụ bảo hành phía chúng tơi nào? Bạn có sẵn sàng giới thiệu với bạn bè, người than website chúng tơi ? Chúng tơi có cần cãi thiện để nâng cao chất lượng sản phẩm, phục vụ khơng? Nếu có nhu cầu bạn có sẵn sàng quay lại shop chứ? Không, chuyên mặt hàng nhiều Phục vụ bảo hành ổn Chắc chắn Cần đa dạng thêm loại mặt hàng, thêm nhiều ưu đãi, khuyến Tất nhiên 24 Wireframe 25 Cảm ơn cơ và các bạn đã lắng nghe bài thuyết trình của em ... thống mạng phát triển, hoạt động kinh doanh online hướng đúng, mang lại doanh thu lớn cho nhiều doanh nghiệp cá nhân kinh doanh.Vậy nên website bán giày cần thiết nhu cầu dịch bệnh giúp người dùng... OBJECTIVE - BUSINESS GOAL o Thiết kế giao diện đẹp tiện lợi hơn, nâng cao tính bảo mật website o Có trang u thích để lưu trữ lại o Mang lợi ích việc đặt mua giày online đến với khách hàng o Tạo... design Thiết kế đơn giản, thu hút người dùng Giao diện phải bắt mắt, dễ nhìn, dễ thao tác, khơng q cầu kỳ phức tạp Có thể mượn ý tưởng thiết kế từ trang web khác Nike.com Khắc phục điểm yếu website