web analysis học phần phân tích và thiết kế web

19 1 0
Tài liệu đã được kiểm tra trùng lặp
web analysis học phần phân tích và thiết kế web

Đ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

Trang 1

TRƯỜNG ĐẠI HỌC KINH TẾ – ĐẠI HỌC ĐÀ NẴNGKHOA THƯƠNG MẠI ĐIỆN TỬ

Giảng viên hướng dẫn : GV Trương Hồng Tuấn

Đà Nẵng, 3/2023

Trang 2

MỤC LỤC

I Analyze customer and market trends 1

1 Khách hàng 1

2 Xu hướng thị trường 2

II.Analyze competitor 3

III.Information architecture and user flows 4

1 Web structure: 4

2 Navigation flows 6

3 Customer journey map 7

IV.Semantics check 7

V Implementation Analysis 8

1 URL-Naming, Directory, File 8

2 Công cụ kiểm tra URL 11

3 Cấu trúc folder và file Wordpress 11

4 Xác thực HTML: 12

5 Xác thực liên kết: 13

6 Những câu hỏi mà mọi nhà phân tích web nên hỏi về một trang web: 13

VI.Audit current web performances 14

1 Performance: 15

2 Accessibility: 16

3 Best Practices: 17

4 SEO: 17

Trang 3

I.Analyze customer and market trends1 Khách hàng

- Nhân khẩu học

+ Giới tính: Khách hàng chủ yếu là nữ giới

+ Độ tuổi: 15 - 40 tuổi, những người quan tâm đến các sản phẩm trang điểm, chăm sóc da và làm đẹp

+ Địa lý: tại các tỉnh thành ở Việt Nam

+ Thu nhập: Khách hàng quan tâm đến mỹ phẩm và chăm sóc da có thể đến từ nhiều mức thu nhập khác nhau, chủ yếu thu nhập từ trung bình đến cao

- Tâm lý học

+ Những người đam mê làm đẹp: Khách hàng quan tâm đến việc làm đẹp và chăm sóc bản thân, đồng thời thích thử nghiệm các sản phẩm và kiểu dáng mới.

+ Quan tâm đến ngoại hình: Khách hàng khi mua mỹ phẩm thường quan tâm đến ngoại hình và mong muốn cải thiện sức khỏe cũng như vẻ ngoàitổng thể của làn da.

- Hành vi

+ Tần suất mua hàng: Tần suất mua hàng có thể khác nhau giữa các khách hàng, với một số sản phẩm mua thường xuyên và những người khác chỉ mua hàng không thường xuyên.

+ Tìm hiểu trước khi mua: Khách hàng mua mỹ phẩm thường tiến hành tìm hiểu trước khi mua hàng, tìm kiếm các đánh giá và khuyến nghị từ các khách hàng hoặc người có ảnh hưởng khác.

+ Lòng trung thành với thương hiệu: Nhiều khách hàng có lòng trung thành với thương hiệu khi nói đến mỹ phẩm và có thể do dự khi thử sản phẩm hoặc thương hiệu mới.

2 Xu hướng thị trường

- Nhu cầu chăm sóc ngoại hình ngày càng cao Xã hội hiện đại có xu hướng ưa chuộng cái đẹp Do đó, các sản phẩm thuộc ngành hàng mỹ phẩm đang được

Trang 4

ưa chuộng hơn bao giờ hết Đây là một lợi thế lớn giúp cả người bán mới và chủ gia tăng doanh số

- Nghiên cứu của Q&Me (9/2022) chỉ ra 59% phụ nữ Việt Nam duy trì việc chăm sóc da mỗi ngày Đồng thời, họ sẵn sàng chi từ 100k – 300k dành cho mỹphẩm chăm sóc da mỗi tháng Báo cáo trên cũng cho thấy gần 60% phụ nữ Việttrang điểm mỗi ngày Khi nói về mỹ phẩm, chăm sóc da và trang điểm là hai nhu cầu phổ biến nhất Ngoài ra, người Việt có xu hướng quan tâm mỹ phẩm của Hàn Quốc nhiều nhất (chiếm 82,1%) Bên cạnh đó, báo cáo của Hiệp hội Mỹ phẩm TP HCM cũng cho biết các thương hiệu Hàn Quốc chiếm thị phần lớn nhất trong thị trường mỹ phẩm Việt Nam với 30%

- Việt Nam là quốc gia có lĩnh vực thương mại điện tử phát triển mạnh trong những năm gần đây 85% người tiêu dùng đã chi tiêu nhiều hơn cho mua sắm trực tuyến kể từ khi dịch bùng phát 73% người tiêu dùng đã mua mỹ phẩm bằng cách sử dụng các trang thương mại điện tử (theo Q&me) Họ cho rằng giácả sẽ phù hợp hơn và dễ dàng tham khảo nhiều đánh giá sản phẩm Trong đó, tần suất mua mỹ phẩm trực tuyến thường xuyên nhất của họ là 1 tháng/lần hoặcsau 2-3 tháng/lần

- Người tiêu dùng đang ngày càng tìm kiếm các sản phẩm mỹ phẩm hữu cơ, tự nhiên và chất lượng cao Một số người đang cố gắng giảm thiểu tác động của họ đến môi trường Chăm sóc da là lĩnh vực tiếp theo sẽ chứng kiến một sự tiếnhóa lớn trong việc giảm thiểu lượng khí thải carbon trên môi trường Một lý do quan trọng khác là mọi người muốn tránh xa các hóa chất khắc nghiệt và đưa các thành phần tự nhiên vào quy trình chăm sóc da hàng ngày của họ.- Người tiêu dùng đang tìm kiếm trải nghiệm mua sắm được cá nhân hóa, với

nhiều đề xuất mong đợi dựa trên sở thích cá nhân, loại da và mối quan tâm về sắc đẹp của họ.

II.Analyze competitor

- Ngành mỹ phẩm có tính cạnh tranh cao, với nhiều thương hiệu và nhà bán lẻ cạnh tranh để thu hút sự chú ý của khách hàng Hiện nay, có rất nhiều website bán mỹ phẩm tại Việt Nam, và mỗi trang web đều có những đặc điểm riêng để

Too long to read onyour phone? Save

to read later onyour computer

Save to a Studylist

Trang 5

cạnh tranh trên thị trường Dưới đây là một số đặc điểm chung của các website bán mỹ phẩm ở Việt Nam:

+ Đa dạng sản phẩm: Các website thường cung cấp nhiều loại sản phẩm và thương hiệu khác nhau để phục vụ nhu cầu của khách hàng Ngoài ra, hầu hết các trang web bán mỹ phẩm cũng cung cấp các sản phẩm mới và phổ biến nhất trên thị trường.

+ Giá cả cạnh tranh: Các website cạnh tranh về giá cả để thu hút khách hàng Họ thường có các chương trình giảm giá, khuyến mãi và ưu đãi để khách hàng có thể mua được sản phẩm với giá tốt nhất.

+ Dịch vụ giao hàng: Đa số các website bán mỹ phẩm đều cung cấp dịch vụ giao hàng tận nơi để tiết kiệm thời gian và chi phí cho khách hàng Nhiều trang web còn có dịch vụ giao hàng miễn phí khi đặt một mức giá trị đơn hàng nhất định.

+ Chất lượng sản phẩm: Các trang web bán mỹ phẩm luôn tập trung vào việc cung cấp các sản phẩm chất lượng cao để đảm bảo sự hài lòng của khách hàng.

+ Thông tin sản phẩm chi tiết: Các website bán mỹ phẩm thường cung cấp thông tin chi tiết về sản phẩm, bao gồm hình ảnh, mô tả và các đánh giá từ khách hàng khác.

+ Tính tiện ích và trải nghiệm mua hàng: Các website bán mỹ phẩm cũng cung cấp các công cụ tiện ích để giúp khách hàng chọn lựa sản phẩm, như công cụ tìm kiếm, bộ lọc sản phẩm và chức năng so sánh sản phẩm Ngoài ra, nhiều trang web còn có chức năng đánh giá sản phẩm, giúp khách hàng có thể biết được chất lượng sản phẩm trước khi quyết định mua hàng.+ Phân khúc thị trường: Các website cạnh tranh với nhau bằng cách tập trung

vào các phân khúc thị trường khác nhau Một số website tập trung vào sản phẩm cao cấp, trong khi các website khác tập trung vào sản phẩm phổ thông.

+ Các chiến lược quảng cáo: Các website cạnh tranh với nhau bằng cách sử dụng các chiến lược quảng cáo và marketing hiệu quả nhất để thu hút khách hàng Họ sử dụng các kênh quảng cáo trực tuyến như Google

Trang 6

Adwords, Facebook Ads hoặc các kênh truyền thông xã hội khác để quảng bá sản phẩm và tăng số lượng khách hàng.

III.Information architecture and user flows1 Web structure:

Để thuận tiện cho người dùng cập nhật và tìm kiếm thông tin dễ dàng thì nhóm chọn cấu trúc dạng phân cấp, nội dung được sắp xếp theo kiểu cây với trang chủ là thư mục chính liên kết đến các danh mục và danh mục con khác nhau

B1: Phân cấp website

● Những hạng mục thường có ở đây sẽ là sản phẩm, công ty, giới thiệu, liên hệ, chính sách, blog,…

Trang 7

● Số phân cấp từ Category đến Sub - category không quá 3 cấp B2: Tạo cấu trúc URL phù hợp

● domain.com/ chinh/ con hoặc domain.com/ con

1.1 Đăng nhập hoặc đăng ký tài khoản

1.1.1 Đăng nhập bằng tài khoản đã có1.1.1.1 Nhập thông tin đăng nhập1.1.2 Đăng ký tài khoản mới

1.1.2.1 Nhập thông tin đăng ký tài khoản

1.2 Thông tin sản phẩm

1.2.1 Xem danh sách sản phẩm1.2.2 Xem chi tiết sản phẩm1.2.2.1 Chọn số lượng sản phẩm1.2.2.2 Thêm sản phẩm vào giỏ hàng

1.3 Giỏ hàng

1.3.1 Xem sản phẩm trong giỏ hàng

1.3.2 Chỉnh sửa số lượng sản phẩm trong giỏ hàng1.3.3 Xóa sản phẩm khỏi giỏ hàng

1.3.4 Thanh toán sản phẩm trong giỏ hàng

1.4 Thanh toán

1.4.1 Chọn phương thức thanh toán: Thanh toán bằng thẻ hoặc COD 1.4.2 Nhập thông tin giao hàng

Trang 8

1.4.3 Xác nhận đơn hàng1.4.3.1 Khách hàng nhận hàng 1.4.3.2 Khách hàng xác nhận nhận hàng1.4.3.3 Đổi hàng nếu hàng lỗi 1.4.3.4 Hoàn tất

3 Customer journey map

Link customer journey map:

IV Semantics check

- Check for false navigational cues

+ Website cung cấp các đường dẫn một cách chính xác Logo của nhãn hiệu khi bấm vào đều sẽ dẫn người dùng đến trang chủ của website Các liên kết khác đều là các đường link dẫn đến nội dung tương ứng mà người dùng muốn tìm hiểu.

Trang 9

+ Thanh menu được sắp xếp hợp lý, từ trang chủ đến thông tin sản phẩm, giới thiệu nhãn hiệu… Khi bấm vào mục nào trong menu thì sẽ dẫn đến mục đó một cách chính xác.

+ Cung cấp các gợi ý về sản phẩm liên quan hoặc thông tin liên quan cho khách hàng.

- Check for context cues

+ Website có tên miền, logo là tên của nhãn hiệu phù hợp với mục đích website.

+ Các thông tin cơ bản và các liên kết đến mạng xã hội, trang bán hàng khác sẽ được đặt ở cuối mỗi trang Việc đặt các thông tin và liên kết mộtcách thống nhất sẽ không ảnh hưởng đến trải nghiệm khách hàng trên website và việc tìm kiếm thông tin cơ bản sẽ dễ dàng.

+ Ở mỗi trang con của website sẽ đặt các nút CTA thích hợp qua việc nghiên cứu những vấn đề mà khách hàng gặp phải khi xem các nội dungtrên trang đó.

- Check graphical/symbolic meanings

Nút add sản phẩm vào giỏ hàng, nút mua

Website sử dụng các biểu tượng đơn giản, mang tính tượng hình trên tất cả các nút CTA Các đồ họa khác cũng được đơn giản hóa với một tông màu chủ đạo Từ đó hướng người dùng tập trung vào hình ảnh sản phẩm, các thông tin mà website cung cấp.

Biểu tượng Facebook: Biểu tượng Instagram: Biểu tượng youtube: Biểu tượng email: Biểu tượng số điện thoại

V.Implementation Analysis 1 URL-Naming, Directory, File

Trang 10

URL (Uniform Resource Locator) là một chuỗi các ký tự được sử dụng để định vị mộttài nguyên trên mạng Internet

Cấu trúc chung của một URL bao gồm các thành phần sau:

- Giao thức: Giao thức định nghĩa cách mà trình duyệt web sẽ truy cập và tương tác với máy chủ web để lấy thông tin Ví dụ: http, https, ftp, etc.

Dự án xây dựng một website thương mại điện tử nên sẽ sử dụng giao thức

HTTPS để đảm bảo an toàn cho người dùng khi thực hiện các giao dịch trực

+ Giao thức HTTPS (Hypertext Transfer Protocol Secure) sử dụng mã hóa SSL/TLS để bảo vệ dữ liệu được truyền từ trình duyệt của người dùng đến máychủ của website Điều này giúp ngăn chặn kẻ tấn công giả mạo trang web và đánh cắp thông tin cá nhân của người dùng.

+ Ngoài ra, việc sử dụng giao thức HTTPS còn giúp tăng tính tin cậy và uy tín của website trong mắt khách hàng Trong một số trường hợp, các công cụ tìm kiếm cũng ưu tiên các trang web sử dụng HTTPS trong kết quả tìm kiếm của mình.

Trang 11

Cài chứng chỉ SSL lên website

+ Dự án mua hosting từ phía nhà cung cấp AZDIGI Dịch vụ Hosting tại AZDIGIluôn được cung cấp tính năng cài đặt SSL miễn phí thông qua chứng chỉ của Let’s Encrypt, được tích hợp sẵn vào cPanel Với chứng chỉ SSL miễn phí, website của dự án sẽ bảo mật hơn với người dùng, và không bị đánh giá là Không an toàn khi truy cập trên trình duyệt.

Bật SLL: Đăng nhập vào cPanel, chọn mục SSL/TLS Status và ấn nút Run AutoSSL ở phía trên.

- Tên miền: Tên miền là địa chỉ duy nhất của một trang web trên internet, ví dụ:

google.com, wikipedia.org, etc.

+ Second-level domain: được coi như là tên của website mà người dùng đặt cho nó.

Second-level domain của nhà cung cấp CMS để tạo website: Nếu sử dụng

một CMS miễn phí như WordPress.com hoặc Blogger.com, thì tên miền của nhà cung cấp sẽ được bao gồm trong địa chỉ website, ví dụ như

yourwebsite.wordpress.com hoặc yourwebsite.blogspot.com.

Tên miền này tuy miễn phí nhưng không chuyên nghiệp: Tên miền miễn phí thường có dạng tênmiendacapcuatennhacungcap.com, không chỉ làm cho website không chuyên nghiệp mà còn khiến người dùng nghi ngờ về tính an toàn và đáng tin cậy của trang web.

Second-level domain riêng: Sử dụng tên miền riêng bằng cách mua tên miền

từ một nhà cung cấp tên miền như GoDaddy, Namecheap, TenTen, Và sau đó liên kết tên miền với CMS bằng cách thêm thông tin DNS (Domain Name System) vào trang quản trị của CMS Khi đó, địa chỉ website sẽ trở thành yourwebsite.com (hoặc tên miền khác đã mua)

+ Top-level domain (hay còn được gọi đuôi tên miền) chỉ định loại miền mà bạnđã đăng ký

Một số đuôi tên miền sử dụng phổ biến trên web thương mại điện tử là: com, biz, shop, Site

Trang 12

→ Dự án sử dụng Second-level domain riêng với đuôi tên miền là shop được

mua từ nhà cung cấp dịch vụ tên miền tenten.com

+ Đuôi tên miền shop là một trong những đuôi tên miền được phê duyệt bởi ICANN (Internet Corporation for Assigned Names and Numbers), được sử dụng để đăng ký tên miền cho các website liên quan đến mua bán, bán lẻ hoặc thương mại điện tử

+ Sử dụng second-level domain riêng giúp gia tăng độ nhận diện thương hiệu, tăng tính chuyên nghiệp, giúp khách hàng dễ nhớ.

- Đường dẫn tới tài nguyên: Đường dẫn tới tài nguyên cụ thể trên một trang web,bao gồm các thư mục và tên tập tin.

2 Công cụ kiểm tra URL

Sử dụng công cụ Search Console của google Search Console cung cấp thông tin được lập chỉ mục của một trang Website cụ thể nào đó trên Google Những thông tin nó hiển thị bao gồm: lỗi AMP, lỗi dữ liệu có cấu trúc và các vấn đề lập chỉ mụckhác.

3 Cấu trúc folder và file Wordpress

Website được xây trên mã nguồn mở Wordpress, website được thiết kế dựa trên các theme và các plugin Khi xây dựng website trên Wordpress có các folder và file quan trọng như sau:

- Folder:

+ Folder gốc (root directory): Đây là thư mục chứa tất cả các tệp tin và thư mục của WordPress Thư mục này thường được đặt trong thư mục gốc của máy chủ web.

+ wp-admin: Đây là nơi chứa các tệp tin và thư mục quản lý hệ thống của WordPress, bao gồm các trang quản lý bài đăng, trang quản lý tài khoản người dùng, cấu hình,

Trang 13

+ wp-content: Đây là nơi chứa tất cả các tệp tin và thư mục liên quan đến nội dung của trang web WordPress, bao gồm các chủ đề (themes), các plugin, các tệp tin đa phương tiện,

+ wp-includes: Đây là nơi chứa các tệp tin và thư mục chứa các hàm và lớp của WordPress.

Truy cập vào trang web của W3C Markup Validation Service tại địa chỉhttps://validator.w3.org/

Để kiểm tra tính hợp lệ của mã HTML, nhập địa chỉ URL hoặc tải lên tệp HTML của trang web vào trang chủ của W3C Validator, sau đó nhấn nút "Check" để bắt đầu kiểmtra Công cụ sẽ phân tích mã HTML của trang web và hiển thị kết quả kiểm tra, cho biết các lỗi và cảnh báo liên quan đến mã HTML.

Trang 14

Nếu có lỗi, sửa trước khi đưa trang web đưa vào hoạt động.

5 Xác thực liên kết:

Để kiểm tra tính hợp lệ của các liên kết trong trang web, sử dụng W3C Validator Tại trang chủ, chọn tab "Link Checker" và nhập địa chỉ URL của trang web cần kiểm tra vào ô tương ứng Sau đó, nhấn nút "Check" để bắt đầu kiểm tra Công cụ sẽ phân tích các liên kết trong trang web và hiển thị kết quả kiểm tra, cho biết các liên kết bị hỏng hoặc không hoạt động.

6 Những câu hỏi mà mọi nhà phân tích web nên hỏi về một trang web:

Những câu hỏi để nhà phân tích có cái nhìn toàn diện hơn về một trang web :

Trang 15

1 Mục đích của trang web là gì? Trang web được tạo ra để cung cấp thông tin, giải trí hay bán hàng?

2 Trang web có đáp ứng được yêu cầu SEO không?

3 Trang web có sử dụng HTTPS để đảm bảo an toàn thông tin không?4 Ai là đối tượng khách hàng mục tiêu của trang web? Trang web dành cho

khách hàng nào? Đây là những khách hàng có nhu cầu gì?

5 Trang web có thiết kế và trình bày thông tin thân thiện với người dùng không? Trang web có thể dễ dàng tìm kiếm, dễ đọc, và hình ảnh được trình bày đẹp không?

6 Trang web có tương thích với các thiết bị di động và trình duyệt khác nhau nhưGoogle Chrome, Firefox, Safari và Internet Explorer không?

7 Trang web có được tối ưu hóa để tăng cường khả năng tìm thấy trên các công cụ tìm kiếm hay không?

8 Trang web có đủ an toàn để bảo vệ thông tin người dùng không?

9 Trang web có cung cấp đầy đủ thông tin về sản phẩm/dịch vụ, bao gồm giá cả, thông tin liên hệ, chính sách giao hàng và chính sách đổi trả không?

10 Trang web có phản hồi và hỗ trợ người dùng kịp thời không?

11 Trang web có dễ sử dụng và đơn giản để giúp người dùng tìm kiếm thông tin cần thiết không?

12 Trang web có thể đáp ứng nhu cầu của khách hàng không? Có cung cấp đầy đủ sản phẩm và dịch vụ không?

VI.Audit current web performances

Ngày đăng: 27/05/2024, 15:41

Tài liệu cùng người dùng

Tài liệu liên quan