Thông tin tài liệu
HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG BÀI TẬP TIỂU LUẬN MƠN PHÂN TÍCH THIẾT KẾ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ Giảng viên giảng dạy: TS.Lê Thị Ngọc Diệp HÀ NỘI – 2022 Mục lục Trang chủ: .4 I Thiết kế nội dung Thiết kế nội dung phân đoạn trình diễn Trang chủ Thiết kế cấu trúc ứng dụng Thiết kế giới hạn tiếp cận Mơ tả phân đoạn trình diễn .6 II Trang tất danh mục .7 Thiết kế nội dung Thiết kế nội dung phân đoạn Thiết kế cấu trúc ứng dụng .9 Thiết kế giới hạn tiếp cận Mơ tả phân đoạn trình diễn .9 III Trang sản phẩm chi tiết ( Điện thoại Samsung Galaxy S22 Ultra 5G 128GB) 10 Thiết kế nội dung 14 Thiết kế nội dung phân đoạn 15 Thiết kế cấu trúc ứng dụng 15 Thiết kế giới hạn tiếp cận 15 Mơ tả phân đoạn trình diễn 15 IV Trang Lịch sử mua hàng 17 Thiết kế nội dung 17 Thiết kế nội dung theo phân đoạn trình diễn 18 Thiết kế cấu trúc ứng dụng 18 Thiết kế giới hạn tiếp cận 19 Mô tả phân đoạn trình diễn 19 Trang giỏ hàng 20 V Thiết kế nội dung 20 Thiết kế nội dung phân đoạn 21 Thiết kế cấu trúc ứng dụng 22 Thiết kế giới hạn tiếp cận 22 Mơ tả phân đoạn trình diễn 23 VI Trang khuyến 25 Thiết kế nội dung 25 Thiết kế nội dung phân đoạn 25 Thiết kế cấu trúc ứng dụng 26 Thiết kế giới hạn tiếp cận 27 Mô tả phân đoạn trình diễn 28 VII Trang Vào bếp: 29 Thiết kế nội dung 30 Thiết kế nội dung theo phân đoạn trình diễn 30 Thiết kế cấu trúc ứng dụng 30 Thiết kế giới hạn tiếp cận 31 Mô tả phân đoạn trình diễn 31 Mô tả việc thiết kế nhân tố cấu trúc ứng dụng websit: https://www.dienmayxanh.com/ I Trang chủ: Thiết kế nội dung - Cấu trúc nội dung Nội dung Thanh đầu trang Đoạn nội dung Bao gồm mục dẫn đến Trang chủ, danh mục sản phẩm, tìm kiếm, khuyến mãi, Sản phẩm, … Bao gồm sản phẩm tiêu biểu: Tivi, Tủ lạnh, Điện thoại, Laptop, Khi đưa chuột tới vị trí xuất thông tin chi tết: sản phẩm hot, trả góp, Cung cấp nhiều thơng tin điều hướng người dùng: Săn sale, Giảm giá, Dịch vụ, gợi ý, tư vấn, Bao gồm đầy đủ dịch vụ hỗ trợ, thông tin doanh nghiệp, thông tin pháp luật, Tất danh mục sản phẩm Tiêu đề Thanh cuối trang - Các nội dung bố trí theo: + Cấu trúc dựa vào mức độ thường xuyên sử dụng: cấu trúc xếp theo trật tự đánh giá mức độ quan trọng tương đối đoạn nội dung khác người dùng + Cấu trúc theo nhóm logic: Nội dung tổ chức theo nhóm dựa số tập hợp khái niệm Các đoạn riêng lẻ nội dung xuất nhiều nơi cấu trúc Thiết kế nội dung phân đoạn trình diễn Trang chủ - Một cấu trúc nội dung với đoạn nội dung đa dạng, đầy đủ, linh hoạt với người dùng - Đáp ứng nội dung yêu cầu cần thiết nhóm người dùng (trong đường ranh giới hệ thống lựa chọn); - Giới thiệu nội dung/đoạn nội dung mà người dùng cần tương tác điểm định ứng dụng - Các nguyên tắc sử dụng: + Nguyên tắc 1: Một mục sản phẩm với giá ưu đãi đáp ứng hồn tồn nhiều nhu cầu nhiều nhóm người dùng để hồn thành nhiều nhiệm vụ ( kích cầu người tiêu dùng, giới thiệu sản phẩm,…) + Nguyên tắc 2: Một nội dung/đoạn nội dung sử dụng phân đoạn trình diễn trình diễn phân đoạn trình diễn khác + Nguyên tắc 3: Một nội dung chia thành đoạn nội dung riêng biệt phần nội dung sử dụng để thỏa mãn hồn tồn u cầu nhiều nhóm người dùng khác Thiết kế cấu trúc ứng dụng - - Đặc điểm: + Đáp ứng yêu cầu cung cấp thông tin quan trọng kiện, khuyến mãi, ưu đãi,…đang diễn + Thỏa mãn nhu cầu nhiều người, kích cầu tiêu dùng họ vùa truy cập vào website Đánh giá + Tuân thủ quy tắc thiết kế + Sử dụng hiệu ứng Slide Show để dễ dàng thông tin nhiều đến người dùng + Phân chia mục rõ ràng phù hợp với nhiều nhu cầu Các mục xếp logic không chiếm nhiều diện tích web giúp tăng thẩm mỹ cho web Thiết kế giới hạn tiếp cận Trang không giới hạn tiếp cận, truy cập, tìm kiếm sản phẩm, nhận thơng tin ưu đãi, khuyến mại,… Mơ tả phân đoạn trình diễn Xác định Tên phân đoạn Trang chủ phân đoạn trình diễn trình diễn Diễn giải Trình bày thơng tin hot web cập nhật thông tin sản phẩm, khuyến mại,… Gợi ý sản phẩm dịch vụ, Tư vấn,… Các yêu Nội dung mà -Nền: Các tin tức quan trọng cầu phân đoạn bao -Săn Sale phân đoạn hàm -Đại tiệc Samsung: sản phẩm ưu đãi phục vụ Samsung -Danh mục bật: sản phẩm sử dụng chủ yếu -Dịch vụ: dịch vụ trợ giúp -Gợi ý hôm nay: ưu đãi đặc biệt ngày -Tư vấn chọn mua -Chuyên trang thương hiệu -Chuỗi deal khủng Người dùng Khách hàng có nhu cầu tìm kiếm thơng tin sản phân đoạn phục phẩm, có nhu cầu sử dụng website vụ Nhiệm vụ - Header: phân đoạn phục + Logo: Biểu trưng cho hình ảnh doanh nghiệp, có vụ nhiệm vụ điều hướng từ phân đoạn phân đoạn trang chủ + Thanh điều hướng: có nhiệm vụ điều hướng phân đoạn Nội dung chính: Có nội dung hiển thị hình ảnh, thơng tin thời gian diễn khuyến Cuối trang:Cung cấp thơng tin dịch vụ, sách, lịch sử đơn hàng, Công cụ mà phân đoạn thay Nội dung Liên kết tới phân - Logo: reset trang chủ yếu tố đoạn khác - Thanh điều hướng: Liên kết đến trang chức cần thiết kế - Các khuyến mãi: liên kết tới trang chi tiết nội dung khuyến chọn - Fanpage điện máy xanh: liên kết tới Facebook điện máy xanh - Chính sách: liên kết tới trang thơng tin sách điện máy xanh - Logo website tập đoàn: liên kết web khác - Sản phẩm: liên kết tới trang sản phẩm Những thuộc tính, đặc điểm nội dung phân đoạn Hoạt động thực thông qua tương tác với phân đoạn Giới hạn tiếp cận/truy cập Thanh điều hướng: thực chức bản, dẫn đến trang khác Phần nội dung: Cung cấp thông tin khuyến nội dung, thời gian, sản phẩm khuyến mãi, đưa gợi ý, tư vấn, Tìm kiếm sản phẩm: Nhập thông tin sản phẩm vào tìm kiếm Nội dụng: Xem thêm thơng tin trực tiếp, liên kết với trang sản phẩm cụ thể, chi tiết thơng qua Clik vào hình ảnh, văn Và xem nhiều Clik vào “Xem tất cả” sản phẩm loại, ưu đãi Không giới hạn Những yêu cầu khác Các ý bổ sung II Trang tất danh mục Thiết kế nội dung Cấu trúc nội dung Nội dung Đoạn nội dung Thanh đầu trang Bao gồm mục dẫn đến Trang chủ, Tất danh mục, Giỏ hàng, Tư vấn chọn mua, Khuyến mãi, Vào bếp, Tất nhóm hàng Tivi, âm thanh, máy chiếu Máy giặt, sấy quần áo Làm đẹp, sức khỏe Đồ dùng gia đình Dịch vụ sửa điện nước … Thanh tìm kiếm theo nhóm hàng Thanh tìm kiếm theo bảng chữ Nội dung tìm kiếm iphone 13, ngon ngày, … nhiều Thanh cuối trang Tổng đài hỗ trợ, Website tập đoàn, fanpage, youtube, Giới thiệu công ty, dịch vụ công ty Các nội dung bố trí theo: Cấu trúc theo lớp: Các sản phẩm giới thiệu khái quát theo nhóm, loại sản phẩm chi tiết khách hàng ấn vào loại nhóm hàng Thiết kế nội dung phân đoạn Tất nhóm hàng: Nguyên tắc 3: Một nhóm sản phẩm chia thành loại sản phẩm riêng biệt phần sản phẩm sử dụng để thỏa mãn hoàn toàn yêu cầu nhiều nhóm người dùng khác Nguyên tắc 5: giúp người dùng tương tác với hệ thống: phân đoạn cho phép người dùng tìm kiếm thơng tin cụ thể theo mong muốn thân Nguyên tắc 2: Các nội dung tìm kiếm theo nhóm sản phẩm xuất lần phần chi tiết nhóm sản phẩm Thiết kế cấu trúc ứng dụng Cung cấp cho người dùng tất thơng tin nhóm hàng, loại hàng hóa, dịch vụ điện máy xanh cung cấp Các sản phẩm tìm kiếm dễ dàng qua nhóm hàng tìm kiếm theo bảng chữ Thiết kế phân đoạn đơn giản, không cầu kỳ, hiển thị đầy đủ thông tin mà người dùng cần Thiết kế giới hạn tiếp cận Trang tất danh mục không giới hạn truy cập, tất người dùng truy cập tới trang Mơ tả phân đoạn trình diễn Xác định phân Tên phân đoạn trình Tất danh mục đoạn trình diễn diễn Diễn giải Phân đoạn hiển thị tất sản phẩm, dịch vụ điện máy xanh cung cấp Các yêu cầu Nội dung mà phân -Header: Logo, điều hướng phân đoạn bao hàm -Nội dung chính: Thanh tìm kiếm theo đoạn phục vụ nhóm hàng, theo bảng chữ cái; nhóm sản phẩm -Footer Người dùng phân Khách hàng xem sản phẩm, khách hàng đoạn phục vụ mua hàng Nhiệm vụ phân -Logo: biểu trưng cho hình ảnh doanh đoạn phục vụ nghiệp, có nhiệm vụ điều hướng từ phân đoạn khác trang chủ -Thanh điều hướng: Có nhiệm vụ điều hướng phân đoạn -Thanh tìm kiếm theo nhóm hàng, theo bảng chữ cái: có nhiệm vụ tìm kiếm sản phẩm theo nhu cầu người dùng -Các nhóm sản phẩm: giúp người dùng tìm kiếm sản phẩm nhanh, dễ dàng -Footer: Giúp điều hướng tới phân đoạn người dùng khác Công cụ mà phân đoạn - Logo điều hướng tới trang chủ thay - Thanh tìm kiếm, cuộn, giỏ hàng, điều hướng qua trang Nội dung Liên kết tới phân đoạn - Logo: Liên kết đến trang chủ yếu tố cần khác -Thanh điều hướng: liên kết đến trang thiết kế chức Những thuộc tính, đặc điểm nội dung phân đoạn Hoạt động thực thông qua tương tác với phân đoạn Giới hạn tiếp cận/truy cập Logo: đặt góc bên phải trang, nơi người dùng hướng tới Thanh điều hướng: thực chức tìm kiếm, xem lịch sử chọn mua người dùng Liên kết, điều hướng từ phân đoạn sang phân đoạn khác dựa thông tin cung cấp từ text Người dùng xem loại sản phẩm nhóm sản phẩm khơng giới hạn Những yêu cầu khác Các ý bổ sung III Trang sản phẩm chi tiết ( Điện thoại Samsung Galaxy S22 Ultra 5G 128GB) 10 Thanh đầu trang Bao gồm mục dẫn đến Trang chủ, Tất danh mục, Giỏ hàng, Tư vấn chọn mua, Khuyến mãi, Vào bếp, Nội dung thêm Phản hồi, góp ý; Thoát tài khoản; Danh sách đơn hàng mua; Thông tin cá nhân sổ địa Danh sách hàng mua đơn Mã đơn hàng, hình ảnh, tên sản phẩm, giá mua, ngày đặt hàng trạng thái đơn hàng Xem chi tiết đơn Địa mua hàng, Trạng thái, Số tiền toán, Địa chỉ, hàng thời gian nhận hàng… Thông tin cá nhân Thông tin cá nhân, địa nhận hàng, thêm địa nhận hàng sổ địa chỉ: cập nhật Thanh cuối trang Tổng đài hỗ trợ, thông tin dienmayxanh, dịch vụ cung cấp, website tập đoàn… - Cách tiếp cận cấu trúc nội dung: + Cấu trúc xếp theo lịch sử: Nội dung phân đoạn xếp theo thời gian mua hàng khách hàng Với cách xếp từ thời gian đặt đơn hàng gần đến thời gian lâu + Cách xếp giúp khách hàng dễ dàng tìm kiếm thơng tin sản phẩm mà mua gần tránh thời gian người dùng Phân đoạn thiết kế nội dung theo cấu trúc Thiết kế nội dung theo phân đoạn trình diễn Lịch sử đơn hàng: - Nguyên tắc 1: thiết kế nội dung đơn đáp ứng hoàn toàn nhu cầu khách hàng Trong phân đoạn có tất thơng tin mà khách hàng cần tìm đến: ngày đặt hàng, trạng thái đơn hàng, giá mua, mã đơn hàng tên sản phẩm mua - Nguyên tắc sử dụng phân đoạn Ví dụ: nội dung phân đoạn - danh sách đơn hàng: mã đơn hàng, tên đơn hàng, hình ảnh sản phẩm xuất phân đoạn - chi tiết sản phẩm: nói chi tiết sản phẩm - Nguyên tắc 5: sử dụng phân đoạn - Thông tin cá nhân sổ địa Khách hàng cập nhật, sửa đổi thơng tin cá nhân thân, sđt, địa giao hàng thêm địa khác mong muốn Thiết kế cấu trúc ứng dụng - Đặc điểm: + Cung cấp đầy đủ thông tin khách hàng, đơn hàng, giá mua, mã đơn hàng thông tin liên quan đến đơn hàng mà khách hàng mua hệ thống + Trình bày dàn hàng ngang đầy đủ thông tin đơn hàng + Các nội dung trình bày gắn kết, có liên quan đến - Đánh giá: + Thiết kế không dài dịng, mang lại thơng tin cần thiết quan trọng để khách hàng tìm kiếm cách dễ dàng 18 + Người dùng xem chi tiết click “chi tiết đơn hàng” hiển thị đầy đủ đủ đơn hàng mà khách hàng mua hệ thống Thiết kế giới hạn tiếp cận - Phân đoạn Lịch sử đơn hàng giới hạn tiếp cận, có khách hàng mua hàng hệ thống Dienmayxanh cung cấp thơng tin cá nhân, sđt có trang lịch sử đơn hàng - Sự giới hạn nhằm để kiểm soát tiếp cận đến phần bảo mật thông tin khách hàng mang lại an toàn cho liệu truyền gửi người dùng website Mô tả phân đoạn trình diễn Xác định Tên phân đoạn trình - Trang danh mục Lịch sử đơn hàng, website phân đoạn diễn dienmayxanh.com trình diễn Diễn giải - Phân đoạn đưa danh sách đơn hàng mà tài khoản mua, huỷ hệ thống Dienmayxanh Các yêu cầu Nội dung mà phân phân đoạn trình diễn bao đoạn phục hàm vụ - Giỏ hàng, Tư vấn chọn mua, Khuyến mãi, Vào bếp, Tất danh mục sản phẩm, - Phản hồi, góp ý; Thốt tài khoản - Danh sách đơn hàng mua: mã đơn hàng, hình ảnh, tên sản phẩm, giá mua, ngày đặt hàng trạng thái đơn hàng - Thông tin cá nhân sổ địa chỉ: Thông tin cá nhân, địa nhận hàng, thêm địa nhận hàng cập nhật - Banner quảng cáo - Tổng đài hỗ trợ, thông tin dienmayxanh, dịch vụ cung cấp, website tập đoàn… - Chuyển trang Người dùng - Những khách hàng mua hàng, hủy đơn phân đoạn phục vụ hàng hệ thống Dienmayxanh Nhiệm vụ - Tìm kiếm lại đơn hàng cũ phân đoạn phục vụ - Phản hồi, góp ý lịch sử đơn hàng - Thay đổi, cập nhật thông tin cá nhân, địa nhận hàng - Đăng xuất tài khoản cá nhân Công cụ mà phân - Logo điều hướng tới trang chủ đoạn thay - Thanh cuộn, giỏ hàng, vào bếp, điều hướng qua trang Liên kết tới phân - Liên kết với trang chủ dienmayxanh.com đoạn khác - Liên kết với sản phẩm mua/đã huỷ 19 Nội dung yếu tố cần thiết kế - Liên kết với giỏ hàng, với danh mục sản phẩm khác Những thuộc tính, - Đơn hàng mua gần bao gồm: mã đơn hàng, đặc điểm nội dung hình ảnh, tên sản phẩm, link liên kết, giá mua, phân đoạn ngày đặt hàng, trạng thái đơn hàng Hoạt động thực - Người dùng: xem thông tin đơn hàng; cập nhật, thông qua tương sửa đổi thông tin cá nhân, địa nhận hàng Gửi tác với phân đoạn phản hồi góp ý đến Dienmayxanh - Quản trị viên trả lời phản hồi người dùng Giới hạn cận/truy cập tiếp - Quản trị viên website sửa đổi, cập nhật thông tin đơn hàng - Người dùng xem tình trạng đơn hàng mình; sửa đổi thơng tin cá nhân địa Những yêu cầu khác Các ý bổ sung Thêm đơn vị vận chuyển ngày nhận hàng khách hàng V Trang giỏ hàng Thiết kế nội dung 20 Cấu trúc nội dung Nội dung Đoạn nội dung Thanh đầu trang Bao gồm mục dẫn đến Trang chủ, danh mục sản phẩm, khuyến mãi, Sản phẩm, … Mua sản phẩm khác Hình ảnh, nội dung sản phẩm Khuyến Xem khuyến áp dụng vào sản phẩm Nội dung đặc điểm sản phẩm Tên sản phẩm Giá sản phẩm Chọn mã giảm giá Màu Xem chi tiết sách Khuyến Khu điền thơng tin khách hàng Tên Số điện thoại Đoạn nội dung cách thức địa giao hàng Chọn giao tận nơi/Nhận siêu thị Địa chỉ, Quận huyện, Phường xã, số đường, số nhà Khu chọn yêu cầu khác Chọn sử dụng mã khuyến Sử dụng mã, voucher giảm giá của khách hàng áp dụng Tổng tiền phải trả Đặt hàng Các nội dung bố trí theo: Cấu trúc xếp theo lịch sử: Các sản phẩm thêm vào giỏ hàng trước xuất trước xếp theo thứ tự từ lên Cấu trúc theo nhóm logic: Các sản phẩm khái quát nội dung tên, giá, màu sắc, khuyến chọn Thiết kế nội dung phân đoạn - Sản phẩm: nội dung gồm tên sản phẩm; giá sản phẩm; chọn mã giảm giá; xàu; xem chi tiết sách - Khuyến Nguyên tắc 4: Cho biết số thơng tin sản phẩm bấm vào để trực tiếp vào trang xem chi tiết sản phẩm 21 - Thông tin khách hàng Nguyên tắc 5: Đây khu vực mà khách hàng tương tác chọn mã giảm giá điền thông tin khách hàng cung cấp cho website Thiết kế cấu trúc ứng dụng - - Đặc điểm: Đáp ứng yêu cầu cung cấp thông tin liên quan đến người dùng như: thơng tin khách hàng; thơng tin an tồn bảo mật; thơng tin đơn đặt hàng, hóa đơn tốn… Được trình bày trang giấy điền thông tin khách hàng Các nội dung trình bày riêng lẻ Đánh giá: Đáp ứng yêu cầu cung cấp thông tin đơn giản mặt hàng chọn, xem chi tiết cách bấm vào tên sản phẩm để đến trang sản phẩm Đáp ứng yêu cầu đơn giản, không dài dịng, lấy thơng tin cần thiết cung cấp sử dụng để trực tiếp tiến đến giai đoạn lên đơn hàng giao hàng Cấu trúc trang Giỏ hàng thiết kế để thực yêu cầu thu thập thông tin khách hàng thông báo mặt hàng khách hàng đưa vào giỏ hàng Vì mà trang Giỏ hàng trình bày đơn giản dựa phông nhập thông tin truyền thống từ Tên, SĐT, địa chỉ, … Thiết kế giới hạn tiếp cận Việc giới hạn tiếp cận tiến hành để kiểm soát tiếp cận tới phần website và/hoặc nội dung lựa chọn, để mang lại an toàn cho liệu truyền gửi người dùng website Trang Giỏ hàng giới hạn tiếp cận: 22 Khi khách hàng tiến tới trang giỏ hàng mà chưa có có thêm sản phẩm vào giỏ hàng vào đến trang giỏ hàng, Website báo khơng có sản phẩm có sẵn giỏ hàng trở trang chủ xuất Khi khách hàng thêm vào giỏ hàng sản phẩm website lưu trữ lại IP người dùng lần vào web sau, khách hàng nhìn thấy mặt hàng mà thêm vào giỏ hàng từ lần đăng nhập trước Mơ tả phân đoạn trình diễn Xác định phân Tên phân đoạn trình Giỏ hàng đoạn trình diễn diễn Diễn giải Các yêu cầu Nội dung mà phân đoạn phân bao hàm đoạn phục vụ Người dùng phân đoạn phục vụ Phần trình bày sản phẩm mà khách hàng quan tâm đề xuất đặt hàng Header: Logo, Thanh điều hướng, Phần nội dung Khách hàng sau thêm sản phẩm vào giỏ hàng Nhiệm vụ phân - Header: đoạn phục vụ + Logo: Biểu trưng cho hình ảnh doanh nghiệp, có nhiệm vụ điều hướng từ phân đoạn phân đoạn trang chủ + Thanh điều hướng: có nhiệm vụ điều hướng phân đoạn Nội dung chính: 23 Có nội dung hiển thị hình ảnh, tên, giá số đặc điểm sản mà khách hàng thêm vào giỏ hàng Phần có mục điền thông tin để khách hàng cung cấp thông tin tên, sđt địa giao hàng Cho chọn số màu sắc sản phẩm, hình thức giao hàng thêm khuyến vào sản phẩm Công cụ mà phân đoạn thay Nội dung Liên kết tới phân đoạn - Logo: Liên kết đến trang chủ yếu tố cần thiết khác - Thanh điều hướng: Liên kết đến trang kế chức - Danh mục sản phẩm: Liên kết đến sản phẩm - Sản phẩm: liên kết đến sản phẩm chọn - Đặt hàng: liên kết đến trang đặt hàng thành công Những thuộc tính, đặc điểm nội dung phân đoạn Hoạt động thực thông qua tương tác với phân đoạn Giới hạn tiếp cận/truy cập Những yêu cầu khác Các ý bổ sung 24 Thanh điều hướng: thực chức bản, dẫn đến trang khác Phần mặt hàng: Cung cấp thông tin mặt hàng chọn Phần Thông tin khách hàng: Nơi khách hàng nhập thông tin cá nhân Thông tin khách hàng: Nhập thông tin vào website Sản phẩm: Xem thêm thông tin, liên kết với web sản phẩm thông qua hình ảnh, văn Sử dụng mã giảm giá: chọn mã giảm giá áp dùng vào sản phẩm Với khách hàng chưa thêm sản phẩm vào giỏ hàng khơng có mục “ Về trang chủ” VI Trang khuyến Thiết kế nội dung Cấu trúc nội dung Nội dung Đoạn nội dung Thanh đầu trang Bao gồm mục dẫn đến Trang chủ, danh mục sản phẩm, khuyến mãi, Sản phẩm, … Nội dung thêm Khuyến mãi, chia sẻ bạn bè, tư vấn Đăng nhập/đăng ký Hình ảnh nội dung sản phẩm Phần nhập thảo luận Phần nhập bình luận khách hàng khuyến Bình luận Phần lịch sử bình luận khách hàng khuyến Tìm kiếm nội dung Tìm kiếm nội dung phần bình luận Fanpage Điện máy xanh Thanh cuối trang Gồm thông tin sđt hỗ trợ, dịch vụ, thơng tin doanh nghiệp sách Các nội dung bố trí theo: Cấu trúc dựa vào lịch sử: Các khuyến xếp lên đầu trang theo thời gian từ khuyến đến khuyến diễn từ lâu Cấu trúc theo lớp: Các khuyến giới thiệu khái quát, khuyến chi tiết thông khách hàng bấm vào khuyến để xem thêm thông tin Thiết kế nội dung phân đoạn 25 Thanh đầu trang: Bao gồm mục mặc định trang chủ, danh mục sản phẩm, sản phẩm, khuyến mãi, giỏ hàng, Khuyến mãi: Nguyên tắc 4: Cho biết số thơng tin khuyến bấm vào để trực tiếp vào trang xem chi tiết sản phẩm Nguyên tắc 2: Khuyến cung cấp phần thông tin, bấm vào khuyến trang khuyến cung cấp cho khách hàng biết nội dung chi tiết khuyến Nội dung Khuyến mãi: Nguyên tắc 1: Nói chi tiết nội dung khuyến Bình luận: Nguyên tắc 5: Cho phép khách hàng điền nội dung bình luận Thanh cuối trang: Cung cấp thông tin tổng đài hỗ trợ Bao gồm mục lịch sử mua hàng, dịch vụ, sách giới thiệu cơng ty Thiết kế cấu trúc ứng dụng - Đặc điểm: - Đáp ứng yêu cầu cung cấp thông tin quan trọng khuyến diễn Mục khuyến trình bày dạng lưới Cung cấp đầy đủ bình luận khách hàng khuyến theo thứ tự thời gian Đánh giá: Đáp ứng yêu cầu cung cấp thông tin đơn giản khuyến mãi, xem chi tiết khuyến cách bấm vào khuyến để dẫn đến trang chi tiết khuyến Các mục khuyến trình bày dạng lưới dễ nhìn tìm kiếm Tuân thủ quy tắc thiết kế “3 click”, muốn đến trang quan trọng tối đa cần lần nhấp chuột Sử dụng chia trang để giảm bớt độ dài trang web đồng thời thiết lập mối quan hệ theo phân đoạn trình diễn 26 Thiết kế giới hạn tiếp cận Trang Khuyến khơng có giới hạn tiếp cận, vào trang khuyến tìm kiếm thơng tin khuyến đọc bình luận Trang cịn cung cấp thêm mục Đăng ký/Đăng nhập để khách hàng tạo tài khoản website 27 Mơ tả phân đoạn trình diễn Xác định phân Tên phân đoạn trình Khuyến đoạn trình diễn diễn Diễn giải Phần trình bày khuyến diễn bình luận khách hàng Các yêu cầu Nội dung mà phân phân đoạn bao hàm đoạn phục vụ Người dùng phân đoạn phục vụ Header, Khuyến mãi, Bình luận, cuối trang Khách hàng có nhu cầu tìm kiếm thơng tin khuyến Nhiệm vụ phân - Header: đoạn phục vụ + Logo: Biểu trưng cho hình ảnh doanh nghiệp, có nhiệm vụ điều hướng từ phân đoạn phân đoạn trang chủ + Thanh điều hướng: có nhiệm vụ điều hướng phân đoạn Nội dung chính: Có nội dung hiển thị hình ảnh, thơng tin thời gian diễn khuyến Phần bình luận cho phép khách hàng hỏi, bình luận khuyến nhân viên trực web doanh nghiệp trả lời Cung cấp nội dung đầy đủ bình luận phần trả lời cũ Cuối trang: Cung cấp thông tin dịch vụ, sách, lịch sử đơn hàng, Cơng cụ mà phân đoạn thay Nội dung Liên kết tới phân đoạn - Logo: Liên kết đến trang chủ yếu tố cần khác - Thanh điều hướng: Liên kết đến trang thiết kế chức - Các khuyến mãi: liên kết tới trang chi tiết nội dung khuyến chọn - Fanpage điện máy xanh: liên kết tới Facebook điện máy xanh - Chính sách: liên kết tới trang thơng tin sách điện máy xanh - Logo website tập đoàn: liên kết web khác - Sản phẩm: liên kết tới trang sản phẩm 28 Những thuộc tính, đặc điểm nội dung phân đoạn Hoạt động thực thông qua tương tác với phân đoạn Giới hạn tiếp cận/truy cập Những yêu cầu khác Các ý bổ sung VII Trang Vào bếp: 29 Thanh điều hướng: thực chức bản, dẫn đến trang khác Phần Khuyến mãi: Cung cấp thông tin khuyến nội dung, thời gian, sản phẩm khuyến Phần Bình luận: Nơi khách hàng nhập nội dung câu hỏi, bình luận khuyến Thơng tin khách hàng: Nhập thông tin vào website Khuyến mãi: Xem thêm thông tin, liên kết với web chi tiết khuyến thơng qua hình ảnh, văn Bình luận: Nhập bình luận khách hàng khuyến Tìm kiếm: Tìm kiếm bình luận theo nội dung mong muốn Không giới hạn Thiết kế nội dung - Cấu trúc nội dung: Nội dung Đoạn nội dung Thanh đầu Bao gồm mục dẫn đến Trang chủ, Tất danh mục, Giỏ hàng, Tư trang vấn chọn mua, Khuyến mãi, Vào bếp, Vào bếp Đăng ký, đăng nhập; ăn dienmayxanh gợi ý; ngon bật; ngon nhất; mẹo vặt vào bếp; tìm kiếm ăn, ngun liệu khác… Tìm kiếm Tìm kiếm ăn, nguyên liệu người dùng cần yêu cầu Đăng nhập / đăng ký Thanh cuối Tổng đài hỗ trợ, thông tin dienmayxanh, dịch vụ cung cấp, trang website tập đoàn… - Cách tiếp cận cấu trúc nội dung: + Cấu trúc truyền thống: nội dung cấu trúc xếp ngẫu nhiên sử dụng từ trước + Những nội dung phân đoạn Vào bếp website xếp ngẫu nhiên thông tin có mức quan trọng ngang nhau, sử dụng thường xuyên Với lượt xem không chênh lệch nhiều cho thấy người dùng tiếp cận phân đoạn với mục đích tìm kiếm thông tin thường xuyên Thiết kế nội dung theo phân đoạn trình diễn Vào bếp: - Nguyên tắc 2: nội dung: canh, bánh, chè, nước, sử dụng phân đoạn - Nguyên tắc 3: nội dung chia thành đoạn nội dung riêng biệt Ví dụ: bánh chia thành nội dung cách làm bánh melonpan, cách làm bánh lan trứng muối, tổng hợp cách làm bánh phô mai, - Nguyên tắc 5: giúp người dùng tương tác với hệ thống: phân đoạn cho phép người dùng đánh giá, thảo luận cách nấu ăn, mẹo vặt Và tìm kiếm thơng tin cụ thể theo mong muốn thân Thiết kế cấu trúc ứng dụng - Đặc điểm: + Đưa đến cho người dùng đầy đủ thông tin ăn, nguyên liệu, cách chế biến, ngon liên quan, + Phân đoạn trình bày dạng lưới: bao gồm hình ảnh, nội dung ngắn, độ khó ăn, thời gian làm ăn - Đánh giá: + Thiết kế phân đoạn đơn giản, không cầu kỳ, hiển thị thông tin mà người dùng cần trang đầu phân đoạn 30 + Tuân thủ quy tắc thiết kế “3click”, người dùng xem viết cần cần lần nhấp chuột tối đa Thiết kế giới hạn tiếp cận - Phân đoạn Vào bếp khơng có giới hạn tiếp cận, ai, người dùng truy cập tìm kiếm thơng tin liên quan đến ăn, mẹo vặt vào bếp mà website cung cấp - Ngồi trang cịn cung cấp cho người dùng liên kết Đăng ký tài khoản để tăng số lượng người sử dụng website Dienmayxanh Mơ tả phân đoạn trình diễn Xác định Tên phân đoạn - Danh mục Vào bếp Dienmayxanh.com phân đoạn trình diễn trình diễn Diễn giải - Phân đoạn cho người xem thấy cách làm ăn ngon mẹo vặt vào bếp Các yêu Nội dung mà cầu phân đoạn trình phân đoạn diễn bao hàm phục vụ - Đăng nhập / Đăng ký - Dienmayxanh gợi ý: canh, bánh, chè, nước, kem, - Danh mục con: ngon bật, ngon nhất, mẹo vặt vào bếp - Thanh tìm kiếm ăn, nguyên liệu khác mà người dùng cần - Hình ảnh, nội dung chế biến ăn: mức độ (khó, dễ); thời gian làm - Điều hướng chuyển trang - Tổng đài hỗ trợ, thông tin dienmayxanh, dịch vụ cung cấp, website tập đoàn… Người dùng - Người dùng có u thích ẩm thực, nấu ăn Hay phân đoạn người hôm nên ăn nấu phục vụ - Các nhà hàng muốn tham khảo cách chế biến ăn tốt hơn, ngon miệng Nhiệm vụ - Đăng nhập / Đăng ký tài khoản phân đoạn phục - Hiển thị cách làm ăn ngon, mẹo vặt vào vụ bếp - Lọc ăn theo hệ thống gợi ý như: nướng, kem, bánh, cháo, mẹo vào bếp, Công cụ mà - Logo điều hướng tới trang chủ phân đoạn thay - Thanh tìm kiếm, cuộn, giỏ hàng, điều hướng qua trang Nội dung Liên kết tới phân - Liên kết với trang chủ dienmayxanh.com yếu tố đoạn khác - Liên kết với phân đoạn đăng ký / đăng nhập - Liên kết tới ăn, mẹo vặt liên quan 31 cần kế thiết - Liên kết với giỏ hàng danh mục khác Những thuộc - Cách làm ăn bao gồm: hình ảnh ăn tính, đặc điểm chế biến, tên ăn, lượt xem, thời gian chuẩn bị, nội dung thời gian chế biến, độ khó, nguyên liệu, cách chọn mua phân đoạn nguyên liệu, cách chế biến; Món ngon liên quan; Đánh giá - Mẹo vặt vào bếp: Hình ảnh, nội dung mẹo, lượt xem, đánh giá Hoạt động thực thông qua tương tác với phân đoạn - Người dùng đánh giá, thảo luận ăn, mẹo vặt mà Dienmayxanh mang đến cho khách hàng - Hệ thống trả lời thắc mắc, đánh giá người dùng để lại Giới hạn tiếp - Quản trị viên website cập nhật, sửa đổi (thay đơi, xố cận/truy cập bỏ, ) viết có website dienmayxanh.com - Người dùng xem tất viết ăn, mẹo vặt vào bếp mà website cung cấp Những yêu cầu khác Các ý bổ sung Thêm nhiều lọc cho ăn 32 ... 31 Mơ tả phân đoạn trình diễn 31 Mô tả việc thiết kế nhân tố cấu trúc ứng dụng websit: https://www .dienmayxanh. com/ I Trang chủ: Thiết kế nội dung - Cấu trúc nội dung Nội... 128GB) 10 Thiết kế nội dung 14 Thiết kế nội dung phân đoạn 15 Thiết kế cấu trúc ứng dụng 15 Thiết kế giới hạn tiếp cận 15 Mô tả phân đoạn... 20 V Thiết kế nội dung 20 Thiết kế nội dung phân đoạn 21 Thiết kế cấu trúc ứng dụng 22 Thiết kế giới hạn tiếp cận 22 Mô tả phân đoạn
Ngày đăng: 26/02/2023, 12:19
Xem thêm:
