1 Giới Thiệu Chung a Mục đích làm hệ thống , trang web của chúng tôi để giúp bán các sản phẩm của chúng tôi và tạo ra một trang web thân thiện , dễ sử dụng , tương tác tốt với người sử dụng Giúp người[.]
1 Giới Thiệu a Mục đích làm hệ để phẩm web thân thiện , dễ tốt với người sử dùng cảm thấy thoải web sản phẩm người dùng lựa chọn phù hợp dễ hàng chức thống dối với người b Công việc người gồm : - Ánh phân tích suy để xây dựng , cải - Trong cứu hành vi khách hàng, phân Chung : thống , trang web giúp bán sản tạo trang sử dụng , tương tác dụng Giúp người mái vào trang , giúp sản phẩm quản lý đơn hàng hỗ trợ hệ dùng nhóm khách hàng chức cần thiện trang web Hồng Nghiên nhu cầu tích , nghiên cứu , quan sát , vấn xem xét coment từ khách hàng để lại , từ đưa sản phẩm phù hợp với đối tượng khách hàng khác cải thiện hệ thống giúp khách hàng có tương tác trải nghiệm dễ hàng - Và Quân phụ trách tổng hợp xem xét lại tất vấn đề mà khách hàng gặp phải chuyển qua cho Ánh Hoàng để xem xét sửa lại sản phẩm trang web - Cuối người phân tích user lấy liệu từ tổng hợp lại , khách hàng cần làm để cải thiện lại trang web sản phẩm c Hiện cơng cụ mà chúng tơi sử dụng Figma TÌM HIỂU KHÁCH HÀNG Dữ Liệu Khách Hàng - Giới tính Độ Tuổi - Đánh giá chất lượng sản phâm khách hàng: Của Khách Hàng: Loại bóng khách hàng yêu thích nhất: Nhận xét đánh giá từ khách hàng : Xắc định vấn đề Các nhu cầu khách hàng bao gồm mua sắm tiện lợi; toán dễ dàng với nhiều phương thức; dễ dàng thao tác; giao hàng thuận lợi thực việc mua sắm lúc ngày Từ nhu cầu khách hàng, suy chức cần có là: Thanh tìm kiếm Danh mục sản phẩm Phương thức toán Giỏ hàng Đăng nhập/đăng kí tài khoản Trang đánh giá sản phẩm khách hàng trải nghiệm Các thông tin dịch vụ vận chuyển Thiết kế giao diện dễ sử dụng, dễ nhìn THIẾT KẾ SÁNG TẠO 4.1Thiết kế UI - Thiết kế wireframe trang chủ, trang desktop - Logo, text style, color style (Liệt kê giải thích) 4.2 Thiết kế luồng hoạt động người dùng (User Flows) - Luồng Đăng ký / đăng nhập Luồng/ search/ lọc sản phẩm - Luồng mua hàng THIẾT KẾ GIAO DIỆN WEBSITE Bước 1: Tạo file thiết kế Đăng nhập vào Figma tạo tài khoản bạn chưa có Tạo file đặt tên cho file thiết kế giao diện website Bước 2: Tạo giao diện cho phiên desktop Bắt đầu với trang chủ: Tạo khung làm việc bắt đầu thiết kế giao diện trang chủ cho phiên desktop Bạn thêm thành phần header, menu, nội dung chính, sidebar, footer phần khác tùy theo yêu cầu bạn Thiết kế trang con: Xác định trang cần thiết kế, ví dụ: trang danh mục sản phẩm, trang chi tiết sản phẩm, trang giỏ hàng, trang toán, v.v Tạo khung làm việc cho trang thiết kế giao diện tương ứng cho trang Kết nối trang với nhau: Sử dụng tính Prototype Figma để kết nối trang lại với Điều cho phép bạn tạo liên kết trang mô luồng người dùng Bước 3: Tạo giao diện cho phiên mobile Tạo khung làm việc cho phiên mobile: Tạo khung làm việc chọn kích thước phù hợp cho thiết bị di động (ví dụ: iPhone X) Điều chỉnh giao diện để phù hợp với hình di động nhỏ hơn, ví dụ điều chỉnh kích thước vị trí thành phần Thiết kế trang cho phiên mobile: Sử dụng khung làm việc mới, thiết kế lại trang cho phiên mobile Điều bao gồm việc xếp lại thành phần, thay đổi bố cục kích thước, để đảm bảo giao diện phù hợp với hình di động Kết nối trang tạo prototype: Kết nối trang tạo prototype cho phiên mobile làm với phiên desktop Kiểm tra mô luồng người dùng thiết bị di động Bước 4: Kiểm tra điều chỉnh Kiểm tra giao diện: Xem lại trang luồng người dùng phiên desktop mobile Kiểm tra tính hợp lý, trải nghiệm người dùng yếu tố thiết kế khác Điều chỉnh hoàn thiện: Dựa kiểm tra phản hồi, điều chỉnh cải thiện giao diện theo cách phù hợp Tạo thêm trang điều chỉnh giao diện có cần Bước 5: Chia sẻ thu thập phản hồi Chia sẻ thiết kế: Chia sẻ file Figma với thành viên nhóm thiết kế khách hàng để thu thập phản hồi Cung cấp quyền truy cập xem chỉnh sửa file Figma cho bên liên quan Thu thập phản hồi: Nhận phản hồi từ người dùng cuối thành viên nhóm Sử dụng phản hồi để cải thiện điều chỉnh giao diện theo cách phù hợp