ệ ề CÔNG TY CÔNG NGHỆ & TRUYỀN THÔNG UVA CẨM NANG THIẾT KẾ & TỐI ƯU WEBSITE NỘI DUNG TIÊU CHUẨN GRU & ỨNG DỤNG TRONG THIẾT KẾ WEBSITE DOANH NGHIỆP BIÊN TẬP & THIẾT KẾ : By UVA TECOM CO., LTD ĐỐI TƯỢNG : For WEBSITE DEVELOPER SỬ DỤNG : Training & LƯU HÀNH NỘI BỘ Fanpage: fb.com/UVAwebsite Group: fb.com/ groups/MarketingTayNguyen THÀNH PHỐ HỒ CHÍ MINH – 2021 ệ ặ ệ ề ©2021 BÌNH LUẬN TỪ UVA WEBSITE Thêm cẩm nang thiết kế website nhà thiết kế web thành công chuyên gia lập trình tài chia sẻ kiến thức kinh nghiệm Cuốn cẩm nang phù hợp cho có tảng kiến thức website vững mong muốn học thêm kinh nghiệm để bước đến đường thành công lĩnh vực Bạn hướng dẫn đọc thị trường thiết kế website cho nhất, áp dụng độc từ nội dung kiến thức hứa hẹn đem lại cho nguồn lợi khổng lồ Đây cẩm nang tối ưu website cho bắt đầu tìm hiểu lĩnh vực Bên cạnh học hỏi kiến thức khái niệm người đọc cịn học thêm tư kinh doanh marketing ngành Nội dung cẩm nang tập trung chủ yếu thị trường thiết kế website tối ưu có khác biệt với thị trường truyền thống giá trị mang lại bổ ích Bạn tải xem miễn phí kênh thơng tin truyền thơng từ UVA ii ệ ặ ệ ề ©2021 NHẬN XÉT CỦA TRAINER Nếu bạn mang khát khao phát triển lực lĩnh vực thiết kế website cẩm nang bạn nên có Cẩm nang chia sẻ đến bạn tips phương châm thiết kế tác giả đúc kết tỷ mỹ để bạn tìm đường phát triển cách chân Nội dung viết cách khoa học dễ hiểu nên tiếp cận sách học hỏi học kinh nghiệm quý giá NHẬN XÉT CỦA LẬP TRÌNH VIÊN Cẩm nang dành cho làm việc lĩnh vực thiết kế website muốn học hỏi thêm kiến thức kinh nghiệm bao gồm chia sẻ kỹ năng, lời khuyên kinh nghiệm tối ưu website tác giả đúc kết chi tiết Đây trợ thủ thiếu người thiết kế website thành công Bạn học kỹ cần thiết như: Kinh Nghiệm & Kỹ Năng thiết kế website theo chuẩn GRU Các tips tối ưu website Bạn thu hoạch nhiều kiến thức bổ ích qua cẩm nang bạn đọc hồn tồn miễn phí iii ệ ặ ệ ề ©2021 MỤC LỤC CHƯƠNG 1: 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 1.12 1.13 1.14 1.15 1.16 1.17 1.18 1.19 1.20 1.21 1.22 1.23 1.24 1.25 1.26 1.27 1.28 1.29 1.30 1.31 1.32 1.33 1.34 1.35 1.36 1.37 1.38 1.39 1.40 1.41 1.42 1.43 1.44 1.45 1.46 TỐI ƯU WEBSITE THEO CHUẨN GRU ĐÁNH SỐ TỪNG ĐOẠN NỘI DUNG HIỆN THỊ CHẾ ĐỘ TÙY CHỌN THAY VÌ ĐỂ ẨN CHÚNG ĐI HẠN CHẾ YÊU CẦU NGƯỜI DÙNG NHẬP QUÁ NHIỀU THÔNG TIN ĐỂ LẠI DẤU ẤN CÁ NHÂN NỔI BẬT LỜI KÊU GỌI HÀNH ĐỘNG QUYẾT ĐOÁN THAY VÌ DO DỰ 10 BỐ CỤC MỘT CỘT 11 TẶNG KÈM MỘT MÓN QUÀ 11 HỢP NHẤT THAY VÌ PHÂN MẢNH UI 11 LẤY Ý KIẾN KHÁCH HÀNG 12 LẶP LẠI KÊU GỌI HÀNH ĐỘNG 13 PHÂN BIỆT RÕ RÀNG 13 ĐƯA RA LỜI GỢI Ý 14 LỆNH HOÀN TÁC (UNDO) 14 NHẮM ĐỐI TƯỢNG MỤC TIÊU CỤ THỂ 15 SỰ TẬP TRUNG 15 SHOW TRẠNG THÁI ĐƠN HÀNG 16 THÊM HÀNH ĐỘNG “NEO” 16 THAO TÁC TRỰC TIẾP 17 MỞ RỘNG PHẠM VI 17 HIỆU ỨNG HIỂN THỊ 18 THAM GIA THAY VÌ YÊU CẦU ĐĂNG KÝ 18 BỚT CÁC ĐƯỜNG VIỀN 19 THUYẾT PHỤC BẰNG LỢI ÍCH 19 THIẾT KẾ CHO NHỮNG PHẦN DỮ LIỆU TRỐNG 20 CHIẾN LƯỢC OPT-OUT 20 THỐNG NHẤT GIAO DIỆN 21 ĐỂ MỘT SỐ THÔNG TIN MẶC ĐỊNH 21 THIẾT KẾ THEO QUY ƯỚC CHUNG 22 TÂM LÝ QUAN TÂM ĐẾN RUI RO NHIỀU HƠN 22 PHÂN CẤP THÔNG TIN RÕ RÀNG 23 GỘP NHÓM LIÊN QUAN 23 TRACKING LỖI TỨC THỜI 24 KIỂU DỮ LIỆU 24 THÚC DỤC CỦA THỜI GIAN 25 TẠO SỰ KHAN HIẾM 25 ĐỰA RA GỢI Ý 26 PHÓNG TO NÚT CLICK 27 TỐC ĐỘ LOAD 27 PHÍM TẮT 28 PHƯƠNG ÁN “NEO” 28 TẠO RA ĐỘNG CƠ 29 THÔNG TIN LŨY TIẾN 29 CAM KẾT TỪNG BƯỚC 30 NHẮC NHỞ NHẸ NHÀNG 30 TÍCH HỢP NHIỀU CHỨC NĂNG CẦN THIẾT 31 iv ệ ặ ệ 1.47 1.48 1.49 1.50 1.51 1.52 1.53 1.54 1.55 1.56 1.57 1.58 1.59 1.60 1.61 1.62 1.63 1.64 1.65 1.66 1.67 1.68 1.69 1.70 1.71 1.72 TĂNG TRẢI NGHIỆM TRÊN THANH MENU 45 VỊ TRÍ ĐẶT THANH MENU 46 CHI CHO HỌ BIẾT HỌ ĐANG Ở ĐÂU 46 MENU MEGA VỚI MENU THẢ 47 TIÊU ĐỀ LIÊN KẾT HIỆU QUẢ 47 XẮP XẾP CÁC MỤC TRÊN MENU 48 ĐỪNG CHE GIẤU NÓ 48 MENU ĐIỀU HƯỚNG TRỰC QUAN 49 CHƯƠNG 3: 3.1 3.2 3.3 3.4 3.5 3.6 3.7 ©2021 ICON/UI KIT DỄ HIỂU 32 NGÔN NGỮ TỰ NHIÊN 32 TẠO RA SỰ TÒ MÒ 33 ĐẢM BẢO QUYỀN LỢI 33 HIỆU ỨNG ẢO KHI ĐỊNH GIÁ 34 NÓI LỜI CẢM ƠN 34 BỘ TÍNH TỐN THƠNG MINH 35 KHẲNG ĐỊNH LẠI 35 QUÀ TẶNG NGẪU NHIÊN 36 GÂY SỰ CHÚ Ý 36 SO SÁNH DỄ HIỂU 37 ĐẶT HÀNG THEO BỘ SẢN PHẨM 37 TẠO RA SỰ KỲ VỌNG 38 HÀI HƯỚC HƠN NGHIÊM TÚC 38 PHẢN HỒI THAY VÌ IM LẶNG 39 PHÁN ĐOÁN Ý ĐỊNH KHÁCH HÀNG 39 ĐỂ NHIỀU KHOẢNG TRỐNG 40 HÃY KỄ CHUYỆN 41 LN NĨI THẬT 41 GIẢM DẦN LŨY TIẾN 42 ĐẶT LỢI ÍCH CỦA KHÁCH HÀNG LÊN ĐẦU 42 GIẢI THÍCH RÕ RÀNG 43 BỎ CHI TIẾT THỪA 43 GIAO DIỆN NHẠY BÉN 44 TRỰC QUAN RÕ RÀNG 44 HÀI HÒA VỚI KHÁCH HÀNG 44 CHƯƠNG 2: 2.1 2.2 2.3 2.4 2.5 2.6 2.7 ề CHUẨN GRU-E TRONG WEBSITE TMĐT 50 VỀ HEADER, HOMEPAGE & FOOTER 50 TRANG DANH MỤC SẢN PHẨM 56 TRANG SẢN PHẨM CHI TIẾT 57 TRANG THANH TOÁN, GIỎ HÀNG & WISHLIST 60 TRANG TIN TỨC/BÀI VIẾT 61 TRANG BACK-END/CMS 62 CÁC YẾU TỐ KHÁC 64 v ệ ặ ệ ề ©2021 DANH MỤC CHỮ VIẾT TẮT SEO : Search Engine Optimization - Tối ưu hóa cơng cụ tìm kiếm q trình tăng chất lượng lưu lượng truy cập website cách tăng khả hiển thị website webpage cho người dùng máy truy tìm liệu Google, Bing, Yahoo, TMĐT: Thương Mại Điện Tử GRU: Global – Responsive – User Experience vi ệ ặ ệ ề ©2021 NỘI DUNG CHƯƠNG 1: TỐI ƯU WEBSITE THEO CHUẨN GRU Giới thiệu tổng quan: Tiêu chuẩn GRU thiết kế website viết tắt GRU: Global – Responsive – User Experience Là nhiệm vụ hướng dẫn thiết kế, xây dựng tối ưu website với đầy đủ yêu cầu chuẩn quốc tế, tương thích với thiết bị di động trải nghiệm người dùng đảm báo phát triển lâu dài trang web GRU số chuẩn thiết kế website phổ biến nay, khơng phải chuẩn định việc diễn mơi trường internet, giúp bạn định hướng tốt xây dựng website Với chuẩn GRU tảng xương sống đóng vai trị nịng cốt để phát triển website, ngồi chuẩn GRU nâng cấp cao hơn, sâu phiên chuẩn GRU khác theo cầu phát triển chun mơn Các chuẩn GRU có tính chun mơn hóa như: GRU-A: (Aesthetics) Tính thẩm mỹ Chuẩn Chun mơn hóa website bạn lĩnh vực nghệ thuật doanh nghiệp yêu cầu cao tính thẩm mỹ GRU-B: (Business) Tính doanh nghiệp Chuẩn chun mơn hóa website thiết kế dùng cho doanh nghiệp tiêu chuẩn (Vừa nhỏ Các doanh nghiệp/tập đồn lớn tham khảo áp dụng, cần chuẩn cao theo yêu cầu đặc biệt riêng khơng tập đồn giống tập đồn nào) GRU-C (Customer) Tính người dùng Chuẩn chun mơn hóa website có phần lớn có người sử dụng khách hàng Chuẩn cho phép khách hàng đăng nhập vào web để thực chức đăng bài, đăng tin quảng cáo, học online, bán đấu giá…hay đơn giản quyền tạo nội dung từ phía đối tác/khách hàng/người dùng GRU-D: (Development) Tính phát triển Chuẩn chun mơn hóa website sẳn sàng cho việc mở rộng không giới hạn chiều sâu – rộng ví dụ tiki, shopee, amazon với chuẩn doanh nghiệp muốn áp dụng nên tự build đội dev nội (Inhouse) cần thường xuyên nghiên cứu phát triên liên tục GRU-E: (Ecommerce): Tính thương mại điên tử/bán hàng Chuẩn chun mơn hóa website tập trung vào tảng bán hàng/thương mại điện tử Với chuẩn cịn nhiều tính cần phát triển theo giai đoạn GRU-S: (SEO): Tính chuẩn SEO Chuẩn chun mơn hóa tính phổ biến seo gần có mặt đầy đủ tảng thiết kế website có sẵn ưa chuộng Với chuẩn phần việc phụ thuộc nhiều vào SEOer để biên tập nội dung cho website, với Coder phát triển chức tảng website khơng có sẵn tiêu chuẩn SEO sau bàn giao lại cho seoer để làm Sau UVA nêu nội dung chi tiết theo chuẩn GRU Lưu ý tùy vào khả điều kiện thực tế mà bạn ứng dụng phần hay tồn chuẩn ệ ặ ệ ề ©2021 Chuẩn GRU Jakub Linowski giới thiệu lần vào khoảng cuối năm 2015 Đến cập nhập phát triển, phiên cập nhập vào tháng năm 2019 đến (2020) chưa có bổ sung nội dung 1.1 ĐÁNH SỐ TỪNG ĐOẠN NỘI DUNG Cũng giống chia sẻ này, tốt nhiều nội dung đánh số, rõ ràng Người dùng dễ theo dõi nắm trọng tâm, thay 70 đầu mục nội dung trải dài, khơng có thứ tự 1.2 HIỆN THỊ CHẾ ĐỘ TÙY CHỌN THAY VÌ ĐỂ ẨN CHÚNG ĐI Không muốn click vào nút “mũi tên xuống” để lại click để lựa chọn thêm phát Hãy đơn giản đơn giản hóa thao tác người dùng, đừng bắt họ phải click chuột hay lựa chọn nhiều lần ệ ặ ệ ề ©2021 1.3 HẠN CHẾ YÊU CẦU NGƯỜI DÙNG NHẬP QUÁ NHIỀU THÔNG TIN Hãy hỏi thơng tin thay u cầu người dùng nhập thông tin nhiều Người ta vốn chịu bỏ thời gian công sức để điền vào form may mắn Nhưng yêu cầu họ nhập nhiều thông tin, thơng tin chẳng cần thiết lắm, người dùng bạn dễ chán nản out Với lại, online máy tính đâu, phần trăm người dùng thiết bị di động cao nên việc gõ thiết bị di động khơng phải dễ dàng Hãy loại bỏ nhiều thông tin tốt Càng mục, tỷ lệ chuyển đổi cao 1.4 ĐỂ LẠI DẤU ẤN CÁ NHÂN Giới thiệu thân sản phẩm bạn với tên, hình ảnh hay nơi xuất xứ cách để làm cho thương hiệu bạn mang tính cá nhân Ví dụ nhắc đến sản phẩm bạn, người ta nghĩ đến bạn bạn có mà thơi Điều khiến cho họ cảm thấy sản phẩm bạn có chất lượng cao bên khác chút 1.5 NỔI BẬT LỜI KÊU GỌI HÀNH ĐỘNG ệ ặ ệ ề ©2021 Hãy làm bật lời kêu gọi hành động bạn thay thiết kế trơng tương đồng với thông điệp xung quanh Hãy để lời kêu gọi hành động bạn bật chút, khác biệt với yếu tố xung quanh, điều giúp giao diện người dùng bạn trơng hồnh tráng nhiều Bạn dễ dàng tăng độ tương phản số cách sau đây: Sử dụng tông màu đối lập (Đen – trắng, sáng – tối, đậm – nhạt,…) Về chiều sâu, bạn làm cho mục xuất gần mục nội dung cịn lại trơng xa chút (ý đổ bóng độ dốc) Cuối cùng, bạn lấy gam màu bổ xung từ bảng màu (ví dụ vàng, tím…) để nâng cao độ tương phản Tựu chung lại, độ tương phản lời kêu gọi hành động với phần lại trang nên lưu ý để có giao diện người dùng hồn hảo 1.6 QUYẾT ĐỐN THAY VÌ DO DỰ Bạn gửi thơng điệp đến khách hàng với giọng run rẩy, không chắn hay muốn gửi tới họ thông điệp với tự tin Nếu bạn kết thúc thơng điệp dấu “?” hay sử dụng cụm từ “có lẽ”, “có thể”, ” có thích?”, “có muốn?”, bạn có uy quyền 10 ệ ặ ệ ề ©2021 51 ệ ặ ệ ề ©2021 Tên miền với giao thức HTTPS Giao thức HTTPS giao thức truyền tải siêu văn với độ bảo mật cao với kết hợp giao thức HTTP Chứng bảo mật SSL để mã hóa liệu truyền tải Hiện nay, tiêu chuẩn bảo mật hàng đầu cho hàng triệu website giới Website thương mại điện tử cần có tên miền với HTTPS để bảo đảm an toàn cho hệ thống liệu doanh nghiệp website, thông tin khách hàng thơng tin kinh doanh, từ đó, xây dựng nâng cao uy tín website thương hiệu Logo doanh nghiệp Logo yếu tố tối quan trọng nhận diện thương hiệu doanh nghiệp Do đó, logo cần đặt vị trí dễ quan sát header, giúp khách hàng có ấn tượng mạnh mẽ Vị trí ưa chuộng hai góc header Thanh điều hướng thân thiện với người dùng Thanh điều hướng hay menu góp phần tăng trải nghiệm website người dùng Một điều hướng rõ ràng có hiệu điều hướng khách hàng, tăng thời gian lại trang tăng tỷ lệ chuyển đổi Để có điều hướng hoạt động tốt, doanh nghiệp cần xây dựng user flow rõ ràng, phải chạy thử nghiệm website thay đổi cho phù hợp Wishlist Wishlist danh sách sản phẩm yêu thích mà người dùng mong muốn mua Trong số trường hợp, người dùng chưa có thời gian xem thơng tin sản phẩm nghiên cứu thị trường Họ lưu lại sản phẩm wishlist để kiểm tra chi tiết sau Wishlist thường đặt vị trí góc phải header Nhờ đó, người dùng dễ dàng nhìn thấy kiểm tra lúc Bạn thiết kế hiển thị số lượng sản phẩm wishlist để kích thích người dùng vào kiểm tra thường xuyên Nút đăng ký đăng nhập Chức đăng nhập cách tuyệt vời để lấy thêm thông tin khách hàng email số điện thoại Nhờ đó, doanh nghiệp triển khai kế hoạch tiếp thị thông qua email gọi điện giới thiệu sản phẩm, chương trình khuyến cần Đây chức thiếu để khách hàng lưu trữ liệu họ giỏ hàng, wishlist, lịch sử tốn, kiểm tra vận đơn (nếu có), Hai chức nên đặt góc bên phải website, kế bên wishlist Tìm cửa hàng 52 ệ ặ ệ ề ©2021 Thật tốt khách hàng mua trực tiếp website Tuy nhiên, người Việt (thậm chí nhiều người dân quốc gia khác) mong muốn đến cửa hàng trực tiếp để trải nghiệm sản phẩm thực tế Nếu doanh nghiệp có hệ thống cửa hàng, bạn thêm chức Tìm cửa hàng Tùy chọn ngơn ngữ Nếu website thương mại điện tử phục vụ cho nhiều đối tượng khách hàng từ quốc gia khác nhau, bạn cần thêm tùy chọn ngôn ngữ vào website Một số vị trí bạn đặt chức phía logo, góc bên phải (thay cho Tìm cửa hàng) cuối menu Giỏ hàng Đây chức tích hợp khơng thể thiếu website bán hàng trực tuyến Về nguyên tắc, Giỏ hàng ln đặt góc bên phải header Bạn nên làm bật biểu tượng với màu sắc bật Đừng quên bổ sung chức thông báo số lượng sản phẩm Giỏ hàng Đây cách thông minh để thu hút ý người dùng, khiến họ kiểm tra giỏ hàng nhiều lần kích thích khả tốn Thanh tìm kiếm Người dùng ln mong muốn tìm thơng tin họ cần nhanh Trong website thương mại điện tử, chức hoạt động vô hiệu dần trở thành điểm khơng thể thiếu Đặt tìm kiếm header đem lại trải nghiệm tốt cho người dùng Có nhiều cách để tối ưu tìm kiếm Chúng chia sẻ đăng 10 Hotline Đường dây nóng khơng hỗ trợ tối đa tư vấn bán hàng, mà giải pháp tăng uy tín website doanh nghiệp Đặt số điện thoại liên hệ header tạo thuận tiện cho người dùng, tăng khả tương tác liên hệ 11 Làm bật USP (Lợi điểm bán hàng độc đáo) Tại khách hàng nên mua sản phẩm từ doanh nghiệp bạn mà đối thủ cạnh tranh khác? Điều làm bạn bật có giá trị thực với khách hàng? Hãy làm bật đặc điểm “độc vô nhị” doanh nghiệp 12 Yếu tố giảm thiểu rủi ro Người tiêu dùng cẩn trọng quan ngại mua hàng trực tuyến website thương mại điện tử Các yếu tố giảm rủi ro xoa dịu lo lắng khách hàng Do đó, chúng nên thể Trang chủ với vị trí dễ nhìn thấy Một số yếu tố bạn xem xét cam kết chất lượng, sách hồn trả, sách bồi thường thiệt hại, 13 Chương trình Khách hàng trung thành 53 ệ ặ ệ ề ©2021 Khơng có khách hàng, doanh nghiệp khơng thể tồn Doanh nghiệp cần có sách thu hút khách hàng lâu dài, thay chương trình khuyến chớp nhống theo đợt Các lợi ích dành riêng cho khách hàng trung thành điểm hấp dẫn họ quay lại mua nhiều hàng hóa Đây đối tượng trọng điểm mà doanh nghiệp cần trì, phát triển mở rộng 14 CTA vào mặt hàng/thư mục trọng điểm Hãy điều hướng khách hàng cách thông minh Nếu doanh nghiệp có chương trình khuyến mãi, bạn cần đặt chúng điểm bật với nút kêu gọi hành động rõ ràng, mạnh mẽ Điều không hỗ trợ kinh doanh mà giúp doanh nghiệp loại bỏ sản phẩm tồn kho, gia tăng vốn lưu động Ngồi ra, chương trình bật nên thể banner website để hấp dẫn người dùng từ thời điểm truy cập 15 Sản phẩm đặc trưng/Sản phẩm bán chạy/Sản phẩm Những sản phẩm thường nhận nhiều quan tâm Đặt chúng trang chủ cách hấp dẫn kích thích người tiêu dùng nhấp chuột mua hàng Bạn thiết lập tay để lựa chọn sản phẩm hiển thị mong muốn đặt chế độ tự động để tiết kiệm thời gian 16 Các sản phẩm cá nhân hóa Giới thiệu sản phẩm dựa hoạt động người dùng thuật tốn khơng thể thiếu website thương mại điện tử Cá nhân hóa trải nghiệm trang có khả tăng chuyển đổi thể quan tâm doanh nghiệp với khách hàng Nhiều nghiên cứu rằng, người dùng mong muốn website có phần tùy chỉnh để thích hợp với nhu cầu họ Thậm chí, số người tun bố khơng quay lại website khơng có tính cá nhân hóa 17 Nội dung giới thiệu doanh nghiệp Bất hội thoại cần câu chào hỏi tự giới thiệu Điều diễn tương tự với website doanh nghiệp Việc mô tả ngắn gọn doanh nghiệp khơng thừa thãi, mà cịn yếu tố thuyết phục khách hàng trực tuyến hiệu quả, đặc biệt với doanh nghiệp B2B Nhiều website bán hàng tập trung nhiều vào phần sản phẩm mà quên cho người dùng biết họ giới thiệu sơ sài doanh nghiệp UVA Vietnam khuyên bạn thực đầu tư vào phần Về Bạn cần nhớ rằng, website hồ sơ lực doanh nghiệp, giống portfolio hay CV Bạn cần thể nội dung thân để gây ấn tượng với người dùng Vị trí cuối trang chủ trang hai vị trí phù hợp để đặt nội dung Đừng quên gắn liên kết tới trang “Về chúng tôi” 18 Liên kết nhanh Một số trang quan trọng mà khách hàng thường xuyên quan tâm câu hỏi thường gặp (FAQ), sách hồn trả đổi hàng, địa cửa hàng, thơng tin vận 54 ệ ặ ệ ề ©2021 chuyển, kiểm tra vận đơn, nên thêm vào footer giúp khách hàng truy cập nhanh chóng cần thiết Nhờ đó, thơng tin khơng cần đặt menu, giúp tiết kiệm không gian tối ưu giao diện website 19 Liên hệ Mặc dù website có tích hợp chức tốn trực tuyến đường dây nóng, tạo phương thức liên hệ khác tạo thuận tiện tối đa cho website Nhiều doanh nghiệp, đặc biệt doanh nghiệp B2B, cho biết email phương pháp liên hệ ưa thích họ với khách hàng đối tác Ba yếu tố thiếu biểu mẫu liên hệ bao gồm số điện thoại, email yêu cầu Ngoài doanh nghiệp bổ sung số trường khác nên để chế độ tự chọn thay bắt buộc Ngoại trừ việc đặt liên kết nhanh đến trang Liên hệ, bạn tiết kiệm khơng gian cách chèn biểu mẫu vào footer Theo kinh nghiệm UVA Vietnam, phương pháp đem lại hiệu cao 20 Đăng ký nhận tin Mặc dù việc tạo nhiều biểu mẫu lấy thơng tin khiến người dùng cảm thấy khó chịu Tuy nhiên, khéo léo chèn biểu mẫu vào footer hình thức ưa chuộng website nước mà doanh nghiệp Việt áp dụng 21 Các biểu tượng logo hệ thống tốn Hiện có khoảng 70 cổng toán trực tiếp Việt Nam người dùng sử dụng phương thức khác Thông báo cho người dùng cổng toán áp dụng website thương mại điện tử nhanh chóng cho khách hàng biết cách hồn thành giao dịch trực tuyến 22 Các liên kết mạng xã hội Các liên kết mạng xã hội tăng nhận diện thương hiệu kênh khác tăng khả tiếp cận khách hàng Đồng thời, khách hàng theo dõi cập nhật thông tin từ thương hiệu thường xuyên cách chủ động thụ động 23 Liên kết tới trang doanh nghiệp Các trang Về chúng tôi, Cộng sự, Tuyển dụng, cần thể footer để thu hút khách hàng đối tượng người dùng khác 24 Điều khoản điều kiện, Chính sách riêng tư, sơ đồ website Những tài liệu tiêu chuẩn bắt buộc phải có website Bạn đặt phía cuối footer để tránh giao diện chật chội rối mắt 25 Live chat Nhắn tin trực tuyến chức phổ biến website thương mại điện tử để hỗ trợ khách hàng nhanh chóng.Biểu tượng chat nên đặt cố định phía 55 ệ ặ ệ ề ©2021 góc bên phải để khách hàng nhắn tin lúc mà không ảnh hưởng tới trải nghiệm trang Để giảm tải công việc, tăng thời gian phản hồi, bạn thiết lập hệ thống câu hỏi câu trả lời Việc cần lên kế hoạch cẩn thận để đạt hiệu tối đa 3.2 TRANG DANH MỤC SẢN PHẨM 26 Hình ảnh có tính liền mạch Hình ảnh trang Danh mục sản phẩm nên có tính liền mạch, liên kết có tính đồng độ phân giải, kích thước, khoảng trắng, Điều không tạo giao diện đẹp mà cịn thể tính chun nghiệp doanh nghiệp 27 Thanh điều hướng Breadcrumb Thanh điều hướng breadcrumb tập hợp liên kết giúp người dùng biết vị trí họ website Người dùng dựa vào để quay lại trang trước mà không cần phải nhấp quay lại phương thức truyền thống Thanh breadcrumb thường nằm phía menu 28 Số lượng sản phẩm trang 56 ệ ặ ệ ề ©2021 Thơng thường, trang khơng thể hiển thị tất sản phẩm Nhưng trang nên hiển thị số lượng sản phẩm trang số trang sản phẩm Đây cách điều hướng khách hàng tăng thời gian lại trang khả chuyển đổi 29 Lọc xếp sản phẩm Chức lọc cho phép khách hàng lọc sản phẩm dựa tiêu chí khác kích thước, màu sắc, giới tính, tùy thuộc vào sản phẩm doanh nghiệp Chức xếp cho phép xem sản phẩm theo thứ tự giá thời gian đăng Nếu thiếu hai chức này, trải nghiệm người dùng bị ảnh hưởng lớn, khiến khách hàng tốn thời gian tìm kiếm sản phẩm, kiên nhẫn chí trang Hãy tạo thuận tiện tối đa cho trình mua sắm người dùng để tăng khả chuyển đổi website 30 Mô tả ngắn trang Trong phần này, bạn thêm vài dịng mơ tả ngắn loại sản phẩm doanh mục này, nguồn gốc, đặc tính chúng, Đừng qn chèn từ khóa để bot Google tìm thấy trang web bạn nhanh chóng, dễ dàng 3.3 TRANG SẢN PHẨM CHI TIẾT 57 ệ ặ ệ ề ©2021 31 Tiêu đề sản phẩm Nói đơn giản, tên sản phẩm Mỗi sản phẩm cần có tên riêng khác biệt Bạn thêm thuộc tính màu sắc, kích thước, cần thiết Tên sản phẩm nên chứa từ khóa để thực SEO hiệu 32 Hình ảnh chất lượng cao Hình ảnh tốt khơng hình ảnh có độ phân giải cao mà cịn thể tập trung vào sản phẩm Người dùng quan tâm tới chi tiết nhỏ ảnh phóng to để xem rõ Do đó, ảnh trang cần đáp ứng nhu cầu 33 Thông tin giá thông tin khuyến (nếu có) Giá ln yếu tố quan tâm hàng đầu mua hàng, dù trực tuyến hay truyền thống Một trang website thương mại điện tử thất bại hồn tồn khơng giá giao diện Giá sau khuyến khách hàng đặc biệt quan tâm ưa chuộng Bởi họ so sánh giá cách trực quan đưa định mua hàng nhanh 34 Trường chọn số lượng sản phẩm 58 ệ ặ ệ ề ©2021 Thơng thường, trường đặt giá sản phẩm để khách hàng chọn số lượng mua hàng dễ dàng Hơn nữa, vị trí tạo điều kiện thuận lợi để khách hàng ý nhiều nhờ có yếu tố “thu hút ánh nhìn” giá 35 Các thuộc tính sản phẩm (nếu có) Một số thuộc tính sản phẩm bao gồm màu sắc, kích thước, tiêu chuẩn, Nếu sản phẩm có yếu tố trên, bạn nên thêm vào sản phẩm gốc thay tạo nhiều sản phẩm khiến trang sản phẩm bị loãng 36 Nút “Thêm vào giỏ hàng” Nút kêu gọi hành động (CTA) yếu tố quan trọng trang sản phẩm chi tiết Do đó, bạn cần làm bật Đóng khung tơ màu đậm phương án thường sử dụng Ngoài ra, bạn cần tạo lớn để thu hút ý giúp thao tác nhấp chuột trở nên dễ dàng 37 Các dấu hiệu tin tưởng xung quanh nút “Thêm vào giỏ hàng” Đây ý tưởng tuyệt vời để tăng tin tưởng khách hàng khuyến khích họ mua hàng Ví dụ chứng nhận chuyên gia, chứng nhận hàng thật, sách mua hàng, 38 Nút thêm vào “Wishlist” “So sánh” Wishlist cho phép khách hàng lưu trữ sản phẩm mà họ quan tâm có ý định mua sau Chức so sánh giúp khách hàng tìm hiểu sản phẩm tương đồng khác lúc Bằng cách này, họ chọn sản phẩm phù hợp Đây cách tăng khả mua hàng website thương mại điện tử 39 Nút chia sẻ mạng xã hội Hãy để khách hàng chia sẻ sản phẩm yêu thích họ tạo hội để website thương mại điện tử bạn nhiều người biết tới Một số nút thông dụng Facebook, Twitter email 40 Mô tả sản phẩm Mơ tả tính thơng số sản phẩm phần quan trọng website bán hàng Bạn cần nêu thông tin thật chi tiết để khách hàng tìm hiểu sản phẩm, hạn chế nhắn tin trực tiếp để hỏi thông tin mà bạn hồn tồn có khả thể website 41 Chế độ xem nhiều ảnh sản phẩm Một hình chưa đủ để khách hàng mường tượng sản phẩm thực tế Bạn cần cung cấp nhiều hình ảnh góc độ khác nhau, màu sắc khác nhau, chí ảnh hướng dẫn sử dụng sản phẩm 42 Đánh giá khách hàng Theo nhiều nghiên cứu, phần lớn người dùng mua hàng trực tuyến dựa đánh giá phản hồi khách hàng khác Phần không giúp khách hàng nhận xét chia sẻ trải nghiệm sản phẩm mà nơi tham khảo nơi thúc đẩy khách hàng mua hàng nhanh Bạn cần tích hợp điểm đánh giá trung bình số lượng phản hồi Nếu có thể, bạn nên tích hợp chức nhận xét để tăng trải nghiệm người dùng website 43 Sản phẩm liên quan 59 ệ ặ ệ ề ©2021 Giới thiệu sản phẩm liên quan để khách hàng xem thêm nhiều sản phẩm hơn, so sánh sản phẩm lại trang lâu Phần nên đặt cuối trang, phần mô tả sản phẩm 3.4 TRANG THANH TỐN, GIỎ HÀNG & WISHLIST 44 Tích hợp nhiều phương thức tốn Bạn cần tìm phương thức toán ưa chuộng tích hợp vào website thương mại điện tử doanh nghiệp Thông thường, COD (trả tiền nhận hàng), ngân hàng điện tử ví tốn Momo, Zalopay, Viettelpay, Airpay, sử dụng nhiều 45 Giỏ hàng chi tiết Bạn cần thể thông tin sản phẩm tên sản phẩm, ảnh đại diện, số lượng sản phẩm chọn, giá 46 Tổng hóa đơn Hiển nhiên, tổng hóa đơn khơng thể thiếu trang toán Bạn cần bao gồm tồn giá sản phẩm phí vận chuyển Nếu có giảm giá, bạn nên thể giá trước sau giảm trang để khách hàng thấy ưu đãi họ mua hàng Nếu chương trình áp dụng cho sản phẩm, hiển thị sản phẩm Trường hợp áp dụng cho đơn, bạn thêm trường Giá giảm 60 ệ ặ ệ ề ©2021 47 Các phương thức giao hàng Cũng phương thức toán, bạn cần chọn phương thức giao hàng thân quen bưu điện, Viettel, GHN, GHTK tùy thuộc vào doanh nghiệp khách hàng Trong đó, bạn nên có khoảng lựa chọn có giá vận chuyển thấp Thời gian giao hàng dự kiến nên hiển thị chi phí vận chuyển để khách hàng cân nhắc lựa chọn 48 Thông tin nhận hàng Thơng tin nhận hàng cần ba trường bao gồm tên khách hàng, địa số điện thoại Các trường mang tính bắt buộc để có đủ thơng tin cho đơn hàng hồn chỉnh Bạn thêm số trường khác email, địa nhận hóa đơn (nếu có), lời nhắn, nên để chế độ tùy chọn 49 Dấu an tồn Hiển thị dấu an tồn gần nút tốn trường điền thông tin thẻ ngân hàng để tăng độ tin tưởng tạo an tâm cho khách hàng Đây cam kết doanh nghiệp độ an toàn website 50 Điền mã giảm giá Thỉnh thoảng, doanh nghiệp bạn áp dụng chương trình khuyến mãi, trao mã giảm giá cho số khách hàng đặc biệt Trường giúp khách hàng sử dụng chương trình khuyến trực tuyến mà không cần đến cửa hàng trực tiếp Doanh nghiệp kiểm sốt sách tốt Trường mã giảm giá chọn tự động khách hàng tự điền 51 Thêm, bớt xóa sản phẩm Trang tốn khơng thể thiếu chức chỉnh sửa loại bỏ sản phẩm Khách hàng thường đắn đo lâu trước hoàn thành đơn hàng 52 Cho phép lưu xem sau Đừng quên cài đặt chức lưu trữ sản phẩm giỏ hàng phần lớn người dùng không định mua hàng nhanh chóng mà tìm kiếm, chỉnh sửa giỏ hàng nhiều lần Nếu không lưu lại, khách hàng phải công tìm lại sản phẩm Điều ảnh hưởng nặng nề tới khả chuyển đổi website 3.5 TRANG TIN TỨC/BÀI VIẾT 61 ệ ặ ệ ề ©2021 53 Sidebar Bạn đặt bên trái bên phải website, tùy thuộc vào cách trình bày bạn mong muốn Sidebar bao gồm Thanh tìm kiếm, Danh mục Các viết phổ biến Các viết cập nhật 54 Các nút chia sẻ mạng xã hội Khách hàng mong muốn chia sẻ, lưu trữ viết mà họ cảm thấy có ý nghĩa Do đó, nút chia sẻ mạng xã hội hoạt động hiệu trường hợp Bạn tự chia sẻ đăng để tăng độ phủ website doanh nghiệp 3.6 TRANG BACK-END/CMS 62 ệ ặ ệ ề ©2021 55 Dashboard/Cơng cụ báo cáo Dashboard tổng hợp thông số thương mại điện tử website cho phép bạn theo dõi cách dễ dàng Bạn nên thiết lập dashboard phù hợp với nhu cầu doanh nghiệp Các chức khơng thích hợp khơng khiến giao diện rối mắt, gây nặng nề cho hệ thống quản trị 56 Phân quyền quản trị Mỗi website thường có nhiều quản lý khác với chức năng, nhiệm vụ khác Bạn cần quản lý phân quyền cho người cho phù hợp Ví dụ: Bộ phận hàng hóa có khả quản lý xuất - nhập kho website, cập nhật giá Bộ phận kinh doanh nắm phần đơn hàng Chỉ quản lý cấp cao quyền xem phần báo cáo doanh thu Việc phân quyền không giúp người làm việc dễ dàng mà giúp bảo mật cao doanh nghiệp cao 57 Quản lý khách hàng Quản lý khách hàng bao gồm quản lý thông tin khách hàng quản lý đơn hàng Bằng cách này, doanh nghiệp thực chiến lược marketing dễ dàng Nếu có thể, website thương mại điện tử nên có chức lưu trữ lịch sử tìm kiếm khách hàng để cá nhân hóa tốt 58 Quản lý cửa hàng Các thông số sản phẩm loại hàng, màu sắc, mơ tả, kích thước, trường thay đổi từ backend website mà khơng cần hỗ trợ từ phía lập trình viên Bạn thiết lập trường lựa chọn cho phù hợp 59 Quản lý nội dung Nội dung trang cách xếp, viết phần nội dung khác cần thay đổi, cập nhật thường xun Do đó, bạn khơng nên thiết lập sẵn mã code mà nên đặt back-end, tiện lợi cho quản trị viên 60 Quản lý vận đơn Website thương mại điện tử thường có nhiều đơn hàng lúc với tình trạng đơn hàng khác Các tình trạng đơn hàng thường có xác nhận đơn hàng, chuẩn bị đơn, vận chuyển nhận hàng Việc phân loại đơn vào tình trạng khác giúp doanh nghiệp tránh tình trạng bị sót đơn, kiểm sốt q trình hoạt động doanh nghiệp để nâng cao chất lượng dịch vụ 61 Quản lý toán, thuế địa điểm Back-end website cần chức tính phí vận chuyển, thuế (nếu có) tổng đơn tự động Doanh nghiệp nên cài đặt áp dụng cơng thức định để website tự động tính tốn hợp lý 62 Quản lý SEO Một số yếu tố SEO cần thiết cho website thương mại điện tử bao gồm URL, thẻ tiêu đề, thẻ meta, hashtag, 63 ệ ặ ệ ề ©2021 63 Tích hợp tiếp thị qua email Chức phát sinh website có khả lưu trữ email khách hàng Việc tích hợp tiếp thị qua email back-end website giúp doanh nghiệp tiết kiệm thời gian chi phí thực chiến dịch marketing hơn, tránh việc sai, sót email 64 Quản lý giảm giá khuyến khác Như trình bày trên, website thương mại điện tử cần thu hút khách hàng thông qua mã giảm giá chương trình khuyến Mục 64 nơi doanh nghiệp cập nhật chương trình Đồng thời, kiểm soát số lượng người dùng sử dụng mã giảm giá cá nhân, tránh tình trạng gian dối 65 Tải tệp gốc lên Tải tệp lên trực tiếp cần thiết tệp exel sản phẩm nhập tệp khách hàng, Nếu nhập tay gây tốn thời gian nhân lực Thay vào đó, phần back-end nên tích hợp chức 66 Tích hợp kiểm tra mã theo dõi Bạn cần tải lên tệp robots.txt, mã theo dõi, mã xác minh bên thứ ba khác mà không cần trợ giúp lập trình viên 3.7 CÁC YẾU TỐ KHÁC 67 Thiết kế tương thích với nhiều thiết bị Hiện nay, phần lớn người dùng sử dụng điện thoại thông minh để truy cập Internet Nếu website thương mại điện tử doanh nghiệp không hiển thị phù hợp thiết 64 ệ ặ ệ ề ©2021 bị di động, khả khách hàng khơng truy cập nhanh chóng cao Ngồi ra, yếu tố Google coi trọng đánh giá thứ hạng website 68 Khả tương thích trình duyệt Có nhiều trình duyệt giới Việt Nam phổ biến với Chrome, Cốc Cốc, Safari có số người sử dụng Firefox hay Opera mini.Trong trình triển khai dự án xây dựng website thương mại điện tử, đội ngũ UVA Vietnam gặp tình khách hàng phản ánh phát sinh lỗi, sau tìm hiểu phát ra, khách hàng sử dụng trình duyệt Firefox, khơng cịn phổ biến, nhóm tester phải công nhận, dù gặp người dùng sử dụng nhiều trình duyệt khác 69 Tốc độ tải trang nhanh Tốc độ tải trang ảnh hưởng nhiều tới trải nghiệm khách hàng Nhiều người tuyên bố, họ không quay lại website có tốc độ tải trang chậm Họ khẳng định tốc độ tải trang ảnh hưởng tới định mua hàng Theo Google, thời gian tải trang tuyệt vời 2s Nếu bạn cần website có tốc độ “tia chớp”, bấm vào để liên hệ UVA Vietnam, chúng tơi hỗ trợ bạn Ngồi lý trải nghiệm khách hàng, tốc độ tải trang liên quan tới SEO trở thành yếu tố xếp hạng trang vào tháng 5/2021 70 Tải tài liệu Nếu website cung cấp số thông tin sản phẩm bạn có sẵn tệp tài liệu chi tiết, thông báo cho khách hàng biết họ tìm hiểu thêm sản phẩm cách tải tài liệu Chúng khuyên bạn nên đặt chế độ yêu cầu cung cấp email thông tin khác trước tải Nhờ đó, doanh nghiệp có thêm liệu khách hàng để thực marketing, biết sản phẩm khách hàng quan tâm nhiều Từ đó, đưa chiến lược phù hợp 71 Bảo mật đa cấp Vấn đề bảo mật đặc biệt quan tâm với website thương mại điện tử Ngoại trừ tích hợp chứng SSL tuân thủ PCI, website cần xây dựng tường lửa lớp bảo mật phần đăng nhập liên hệ 72 Sao lưu web tự động “Phịng bệnh chữa bệnh” Câu nói áp dụng cho website thương mại điện tử Bất rủi ro, sai sót khiến doanh nghiệp liệu Do đó, việc tự động lưu vô thiết yếu Website thương mại điện tử cịn nhiều chức khác Tuy nhiên, 72 yếu tố đặc biệt quan trọng khơng thể thiếu Bạn biến đổi xếp chúng giao diện cho phù hợp với thẩm mỹ sản phẩm doanh nghiệp Nếu bạn cần tư vấn, UVA Vietnam hỗ trợ 65 ệ ặ