Nối tiếp phần 1, Bài giảng Tổng quan biên tập Web: Phần 2 tiếp tục cung cấp cho học viên những kiến thức về biên tập web cho điều hướng và tìm đường; hỗ trợ người dùng tìm kiếm web; biên tập giao diện; quy tắc thiết kế giao diện; cấu trúc website; kết cấu dữ liệu web; đánh giá website; một số công cụ đánh giá website; xây dựng kế hoạch biên tập website;... Mời các bạn cùng tham khảo!
HỌC VIỆN CƠNG NGHỆ BƢU CHÍNH VIỄN THƠNG BÀI GIẢNG TỔNG QUAN BIÊN TẬP WEB MÃ SỐ MÔN HỌC:EPT1413 (3 TÍN CHỈ) BỘ MƠN MARKETING Biên soạn Ths NGUYỄN THỊ THANH HƢƠNG Hà Nội - 2016 CHƢƠNG BIÊN TẬP WEB CHO ĐIỀU HƢỚNG VÀ TÌM ĐƢỜNG Ngƣời sử dụng tài liệu web khơng nhìn vào thơng tin mà cịn tƣơng tác với theo cách riêng khơng có tiền lệ thiết kế tài liệu giấy, đó, thiết kế giao diện đồ họa, nhà thiết kế web phải thành thạo nghệ thuật khoa học thiết kế giao diện Giao diện ngƣời dùng đồ họa (GUI) hệ thống máy tính phải bao gồm phép ẩn dụ tƣơng tác, hình ảnh, khái niệm đƣợc sử dụng để truyền đạt chức ý nghĩa tr n hình máy tính 2.1 Điều hƣớng tìm đƣờng ngƣời dùng Trong sách ôngKevin Lynch, ông đƣa hình ảnh thành phố (1960), đặt thuật ngữ tìm đƣờng "wayfinding" để mô tả khái niệm ông mức độ đọc hiểu yếu tố môi trƣờng xây dựng cho phép định di chuyển thành công thông qua không gian phức tạp nhƣ thành phố thị trấn Ẩn dụ web điều hƣớng thông qua không gian web hay gọi "các trang web" (a) Các yếu tố điều hƣớng Điều hƣớngthƣờng dựa vào bốn yếu tố sau - Định hƣớng vị trí (Tơi đây) Quyết định lộ trình (Tơi đâu để tìm cách đến nơi tơi muốn) Lập đồ tâm lý (Tơi có kinh nghiệm hiểu biết phù hợp với dự đốn định đƣờng tơi) Điểm đích đến (Tơi nhận tơi đến nơi) Trong vấn đƣợc tiến hành thành phố khác nhau, Lynch đƣợc cƣ dân địa phƣơngở vẽ lại đồ thành phố từ ký ức họ Các đồ tinh thần mà ngƣời dân tạo quan trọng để tìm đƣờng mơi trƣờng họ nhất, sau vẩn, Lynch tổng kết nhận thấy đồ hầu hết ngƣời gồm năm loại yếu tố sau: - Path: lối đi, tuyến phố, tuyến đƣờng tàu điện ngầm, tuyến xe buýt thứ quen thuộc Edges: Những rào cản vật lý nhƣ tƣờng, hàng rào, sông, bờ biển Các huyện: Mỗi nơi có sắc riêng biệt, chẳng hạn nhƣ New York nhƣ khu phố Tàu, Wall Street, Greenwich Village 42 - Các nút : Nút giao nhau, điểm dễ nhớ, chẳng hạn nhƣ đồng hồ Grand Central Terminal New York Địa danh: cấu trúc rõ ràng cho phép định hƣớng khoảng cách dài Mặc dù dễ dàng thấy tƣơng đồng danh sách web, trang web loại không gian đặc biệt, thƣờng không cung cấp thông tin không gian định hƣớng cụ thể mà thấy cách nhiên thực tế quanh thị trấn Định hƣớng web có nhiều điểm tƣơng đồng với chuyển động vật lý, nhƣng thực tế, việc bạn du lịch trang web kỳ diệu: bạn xuất điểm hành trình, từ trang sang trang khác, khơng có trải nghiệm nhữngphong cảnh diễn trƣớc mắt bạn nhƣ địa danh tiếng Hình vẽ 2.1 Ví dụ định hƣớng – Tại khu dân cƣ thành phố Venice Venice thành phố đẹp, nhƣng khơng có nhà thờ campaniles tòa tháp thành phố cung cấp địa điểm để di chuyển qua khu dân cƣ, đƣờng phố kênh rạch địa danh lần lƣợt để khách viếng thăm Các thông tin vấn thu thập thƣờng là: Khơng có ý thức quy mô chuyển động không gian Chúng không vƣợt qua mốc quen thuộc trừ cố tình truy cập thơng qua hệ thống phân cấp trang web Hầu hết thời gian xuất số địa điểm "hành trình" khơng cung cấp thông tin địa điểm Không có la bàn 43 Khơng có hƣớng dẫn thƣờng khơng có ý nghĩa rõ ràng thuộc nhóm hay hƣớng cụ thể Điều thiếu hƣớng trừu tƣợng làm cho liên kết đến trang chủ quan trọng việc điều khiển web : định hƣớng bạn cho gia đình cho dù bạn từ trang chủ trang chủ tất ý nghĩa "hƣớng" có nhiều trang web Bạn Tất điều lập luận cho bên ngồi, nhìn thấy, dễ hiểu tín hiệu định vị trang web thiết kế in ấn biên tập vi n thƣờng bực tức với khung giao diện nặng nề web trang chủlàm thực thấy gánh nặng đầu cuối trang nút liên kết Nếu giao diện điều hƣớng tất "bạn đây" cung cấp đánh dấu, chúng tơi khôngmuốn tất trở lại với cảm giác bị khoảng thời gian điều phổ biến ngày đầu web Những đường dẫn: Dẫn đường Trên trang web, đƣờng dẫn xuất dày đặc, dự đốn liên kết liên quan xuất hiệntrong suốt trang web, đƣờng dẫn hồn tồn xuất tâm trí ngƣời dùng, nhƣ hƣớng thói quen thơng qua trang báo y u thích Đƣờng dẫn thể rõ ràng yếu tố trang web chuyển hƣớng dựa lịch sử duyệt web bạn nơi bạn xem với có liên quan với trang chủ Hình vẽ 19.Ví dụ đƣờng dẫn dựa lịch sử duyệt web ti u đề Miền khác biệt: Nghịch lý quán Tính quán quy tắc vàng thiết kế giao diện tự động chuyển hƣớng web, nhƣng có nghịch lý trung tâm quán: tất thứ trông giống nhau, khác biệt Làm bạn biết bạn đâu bạn chuyển từ trang sang trang khác,một hệ thống chuyển hƣớng trang web đƣợc thiết kế tốt đƣợc xây dựng quán liên kết lƣới trang, thuật ngữ, đƣờng dẫn chuyển hƣớng, nhƣng kết hợp linh hoạt thị giác để tạo vùng xác định cạnh bên không gian lớn Trong trang web công ty, di chuyển từ vùng sang vùng 44 khác, hay cịn nói là, từ khu vực marketing đến nguồn nhân lực thông qua ranh giới khu vực quan trọng Hình vẽ 2.3 Minh họa vùng ranh giới web Rất nhiều ngƣời sử dụng trang web dễ dàng nhìn thấy họ vƣợt qua ranh giới quan trọng khu vực Nếu tất trang trông giống hệt nhau, thật khó để biết nơi bạn trang web lớn Các nodes định hướng Các quán cà phê ngã tƣ thƣờng sử dụng để làm node định hƣớng, xã hội phƣơngTây đánh đồng tự với loạt lựa chọn, nhƣng nhƣ nhà tâm lý học Barry Schwartz sách The Paradox of Choice, áp đảo lựa chọn gây căng thẳng, làm chậm việc định chúng tơi, làm cho thƣờng hài lịng "Hãy cho ngƣời tự sử dụng lựa chọn" câu thần liên tục thiết kế giao diện ngƣời dùng, nhƣng nhiều lựa chọn đồng thời gây khó khan cho nhà thiết kế Hình vẽ 2.4 Ví dụ trang web phúc tạp nhiếu lựa chọn 45 Nhƣ trang trở nên phức tạp hơn, bạn có nguy tràn ngập ngƣời dùng với "hiệu ứng Times Square" nhiều kích thích thị giác cạnh tranh (b) Địa danh Tín hiệu định hƣớng đặc biệt quan trọng giao diện web, ngƣời dùng thƣờng xuy n đến trang mà không cần phải theo đƣờng cố định lặp lại Ví dụ, định hƣớng khơng gian vật lý tìm kiếm cắt giảm tất ranh giới dẫn đƣờng bình thƣờng, cung cấp từ khóa cụm từ trang web Tìm kiếm nhiều chức thƣ mục tự động; tìm kiếm cung cấp trực tiếp từ thời điểm trang web khác, kết nối trực tiếp làm cho ngƣời sử dụng tất phụ thuộc nhiều vào địa danh "bạn đây" từ tín hiệu từ giao diện ngƣời dùng trang web Tóm tắt: Nguyên tắc wayfinding trang web Path: Tạo phù hợp, đƣờng dẫn điều hƣớng đƣợc đánh dấu Vùng: Tạo sắc độc đáo nhƣng có li n quan cho khu vực trang web Các nút: Đừng làm ngƣời dùng rối loạn với nhiều lựa chọn trang chủ trang menu Địa danh: Sử dụng địa điểm phù hợp điều hƣớng trang web đồ họa để giữ cho ngƣời sử dụng theo định hƣớng (c) Duyệt so với tìm kiếm Nghiên cứu giao diện ngƣời dùng cho thấy khoảng nửa số ngƣời sử dụng web thích duyệt web qua danh sách liên kết để tìm thơng tin, nửa cịn lại thẳng vào hộp tìm kiếm để nhập từ khóa để tìm kiếm Tất độc giả sử dụng tính duyệt tìm kiếm trang web số điểm, hỗ trợ mơ hình chuyển hƣớng quan trọng để thiết kế giao diện ngƣời dùng Trang web trở nên lớn phức tạp phụ thuộc vào cơng nghệ tìm kiếm cho ngƣời dùng tìm kiếm thơng tin cho nhà xuất web (d) Sự định hƣớng Trong hồn cảnh trình duyệt tìm kiếm mặt hàng phải hỗ trợ tinh thần ngƣời sử dụng vị trí định hƣớng đến địa danh trang web, thành phần trang yếu tố giao diện lõi có li n quan đến hai trình duyệt tìm kiếm, thiết lập trì nghĩa rộng trang web nhƣ 46 không gian truyền thông cung cấp ý nghĩa "bạn đây"của vị trí phạm vi kích thƣớc lớn trang web đƣờng mòn (breadcrumb), tab liên kết mà thay đổi màu sắc để vị trí Hình vẽ 2.5 Tín hiệu "bạn đây" giúp ngƣời dùng lại định hƣớng Những cột mốc yếu tố đặc biệt quan trọng để ngƣời dùng điều hƣớng cách tìm kiếm Giao diện trình duyệt cho phép ngƣời dùng di chuyển thông qua trang web, nhìn thấy địa điểm khác nhƣ họ vƣợt qua hệ thống phân cấp trang web, tìm kiếm Web cho phép ngƣời dùng cắt trực tiếp thành hệ thống trang web khơng có mở đầu Ngƣời dùng đến với trang web từ cơng cụ tìm kiếm Internet phổ biến nhƣ Yahoo! Google đến trực tiếp trang sâu tổ chức trang web tỷ lệ phần trăm ngƣời dùng thấy trang chủ nhanh HÌnh vẽ 2.6.Ví dụ giao diện quán điều cần thiết thiết kế web Các hiển thị đồ họa đặc biệt khu vực trang web tạo thành "địa điểm" wayfinding mà độc giả qua họ duyệt qua trang web, 47 giống nhƣ tòa nhà đặc biệt thực tế, đƣờng phố, dấu hiệu giúp du khách định hƣớng HÌnh vẽ 2.7.Khơng trang chủ mớilà cửa ngõ vào trang web Ngƣời sử dụng cơng cụ tìm kiếm ngày đến trang web trang nội dung nội bộ, trang chủ 2.2 Hỗ trợ ngƣời dùng tìm kiếm web Các hỗ trợ cho ngƣời dùng muốn tìm kiếm để thực tìm kiếm dễ dàng có sẵn từ trang trang web Ngƣời dùng mong đợi trang web cótính tìm kiếm Nghiên cứu cho thấy có lĩnh vực cụ thể trang mà ngƣời dùng mong đợi để xem hộp tìm kiếm Hình vẽ 2.8.Vị trí hộp tìm kiếm đâu mà ngƣời dùng mong đợi để tìm thấy Ln chắn bạn cho phép ngƣời dùng biết phạm vi họ tìm kiếm Đó ngƣời dùng nhập vào từ khóa nghĩ họ tìm kiếm trang web nhƣng sau nhận đƣợc kết tìm kiếm từ tồn cơng ty tồn mạng Internet ( Ví dụ "kết 1-100 khoảng 510000000) Trong hình thức tìm kiếm đơn giản, làm cho 48 phạm vi tìm kiếm rõ ràng trƣờng hợp có nhiều vị trí trang tìm kiếm cung cấp nhiều tùy chọn để kiểm sốt phạm vi tìm kiếm Hình vẽ 2.9.Các tùy chọn tìm kiếm Hộp tìm kiếm ti u đề thuận tiện nhƣng thiết phải đơn giản Để giữ ý thức ngƣời sử dụng trang web, kết truy vấn tìm kiếm ngƣời dùng xuất trang trông giống nhƣ phần lại trang web Đối với tổ chức lớn, trang web cần tổ chức tốt đồ họa phù hợp, subsite nhỏ không cần phải có trang tìm kiếm tùy chỉnh Tìm kiếm sức mạnh, nhƣng tìm kiếm web khơng thể thay cho kiến trúc trang web mạch lạc, thể cách cẩn thận thiết kế trang web điều hƣớng, chuyển hƣớng tìm kiếm phụ thuộc nhiều vào yếu tố giao diện tính thiết kế trang phần giao diện trình duyệt chuẩn Bằng cách cắt bƣớc trung gian duyệt hệ thống phân cấp thông tin, tìm kiếm cung cấp cho ngƣời dùng đến trang sâu bên trong, nơi mà có "xem" giao diện đồ họa trang web, ti u đề trang, đƣờng mòn, liên kết điều hƣớng cung cấp gợi ý cho phép ngƣời dùng thiết lập vị trí trang web 49 CHƢƠNG BIÊN TẬP GIAO DIỆN Khi nhìn thấy trang web liên kết si u văn bản, có vài manh mối nơi đƣợc dẫn dắt, thông tin đầu liên kết, xác cách thức thơng tin liên kết li n quan đến trang 3.1 Trang Ngay quan điểm trang web cá nhân bị hạn chế nhiều ngƣời sử dụng Hầu hết trang web khơng phù hợp hồn tồn hình hiển thị văn phong tiêu chuẩn, thƣờng có phần dƣới trang mà ngƣời dùng khơng thể nhìn thấy Ngƣời sử dụng thiết bị di động có hình nhỏ có hạn chế xem hình ảnh lớn trang web, trang web cần phải cung cấp cho ngƣời sử dụng tín hiệu rõ ràng với bối cảnh trình duyệt Hình vẽ 3.1.Ngƣời dùng nhìn thấy trang thời điểm (a) Hỗ trợ chuyển hƣớng rõ ràng Hầu hết ngƣời dùng tƣơng tác với trang web li n quan đến liên kết siêu văn điều hƣớng tài liệu Các vấn đề giao diện trang web thiếu cảm giác đâu tổ chức thông tin cục Rõ ràng, biểu tƣợng phù hợp, đề án, đồ họa, ti u đề trang ti u đề, nhìn tổng quan tóm tắt hình graphic dựa tr n văn cung cấp cho ngƣời dùng tự tin họ tìm thấy họ tìm kiếm mà khơng lãng phí thời gian Ngƣời dùng trở lại cách dễ dàng để trang chủ đến điểm chuyển hƣớng lớn khác trang web Các liên kết cần phải có mặt vị trí phù hợp trang Headers cung cấp liên kết điều hƣớng tạo sắc riêng cho ngƣời dùng biết họ miền trang web 50 mức độ thấp hơn, thiết bị cầm tay Với tờ media style sheets, thích ứng với bố trí, ví dụ, để ẩn yếu tố chuyển hƣớng in để giảm thiểu tùy chọn menu xem hình nhỏ điện thoại di động (j) Cấu trúc cho hộp nội dung HTML Nhƣ có kế hoạch trang wireframe mẫu cho trang web, xem xét lợi html ngữ nghĩa cẩn thận css bên file html cá nhân, tiêu chuẩn dựa trang web bao gồm nhiều phân khu khơng đặt khu vực chức trang (header, footer, qt cột, chuyển hƣớng, hộp tìm kiếm) mà cịn cung cấp tên "id" cho tất trang tiêu chuẩn mẫu yếu tố Các phần nội dung trang web đƣợc chia nhỏ theo sƣ đoàn ( ) kéo dài ( ) mà nhãn khu chức trang, cung cấp "wrapper" yếu tố trang xung quanh cụ thể loại nội dung, n n luôn đƣợc đặt tên cách cẩn thận, yếu tố trang lặp lại nên có id Những phận đƣợc đặt tên ba lý do: - - - Độc đáo tên yếu tố trang cung cấp cho bạn hoàn thành chƣơng trình phong cách trang kiểm sốt, khơng thể giải yếu tố trang với CSS JavaScript trừ có tên Độc đáo t n phận trang cho phép bạn áp dụng kiểu trực quan css dễ dàng mạnh mẽ đến vùng trang cụ thể khối nội dung Độc đáo t n khu vực trang cung cấp cho bạn nhiều lựa chọn tƣơng lai, thiết bị hiển thị nội dung trang web loại phong cách trang đƣợc phát triển Một ngày muốn chuyển đổi trang web bạn với hệ thống quản lý nội dung Nếu tất trang nội dung bạn đƣợc chứa quán,bộ phận trang có tên hệ thống, chuyển trang web bạn đƣợc dễ dàng nhiều Khi phát triển wireframes trang điều hƣớng bản, nên xây dựng vào sức mạnh tiện lợi việc đặt tên ngữ nghĩa vùng trang bạn thành phần trang trọng 72 Hình vẽ 3.18 Phần sơ đồ trang wireframe chi tiết cho đội ngũ kỹ thuật trang web cho thấy tất phận trang khác (div) 73 CHƢƠNG ĐÁNH GIÁ WEBSITE Các doanh nghiệp vận hành quản lý website thƣờng có câu hỏi đặt nhƣ sau: Tại doanh thu website đối thủ cạnh tranh lại hoạt động hiệu website doanh nghiệp mình? Tại website có giao diện bắt mắt lại có số lƣợng khách truy cập hơn? Tại gõ t n sản phẩm công ty bạn tr n máy tìm kiếm google lại khơng website cơng ty mình…Để trả lời câu hỏi đó, cần xây dựng ti u chí quy trình đánh giá website theo ti u chuẩn định 4.1 Các tiêu đánh giá website Các ti u đánh giá website cần đƣợc quan tâm “số đo” khách truy cập website trả lời cho câu hỏi nhƣ: “mức độ thu hút website?”, “hiệu chiến dịch tiếp thị”, “sự trung thành khách hàng?”, “phân khúc khách hàng quan trọng?” số liệu giúp chủ website hiểu đƣợc khách hàng tốt đƣa chiến lƣợc thích hợp đem lại hài lòng cho khách hàng lợi nhuận cho website.Một số số cần quan tâmđộ thu hút website: - - Số lƣợt truy cập, khơng có lạ số gây ấn tƣợng nhờ trị số lớn, ngƣời ta thƣờng trƣng số “hit” “Hit” thƣờng đƣợc đếm có thành phần liệu (file) đƣợc truy xuất từ máy chủ web (web server) Một trang web gồm nhiều thành phần nhƣ CSS, JavaScript, hình ảnh, Khi trình duyệt ngƣời dùng mở trang web, y u cầu tất thành phần từ web server, y u cầu đƣợc đếm nhƣ hit Nếu thiết kế “khéo”, trang web tạo n n hàng chục hit lần đƣợc truy cập Số hit thƣờng website tự đếm khơng có dịch vụ độc lập kiểm chứng, hay đƣợc nói l n dễ dùng kỹ thuật lập trình tạo số hit tăng phi mã Do tình trạng lạm phát, hit bị giá khơng cịn đƣợc xem thƣớc đo cho website 74 Hình vẽ 4.1 Chỉ số pageview visitor đƣợc dùng để xếp hạng website Tƣơng tự hit, số trang xem - “pageview” đƣợc đếm có y u cầu truy xuất file từ web server nhƣng đếm cho trang (file htm, asp, php ), khơng tính thành phần trang Nhiều website áp dụng cách đếm “trung thực” dùng t n “hit”, số hit số pageview Số pageview có ý nghĩa khơng cho biết số trang “thật” đƣợc xem mà cho biết số quảng cáo đƣợc hiển thị với trang (quảng cáo đƣợc bán theo phƣơng thức CPM (Cost Per Impression), tính cho 1000 trang xem) Hiện đƣợc xem thƣớc websit, nhi n số pageview có nguy bị thất sủng kỹ thuật nhƣ Ajax, RSS, mashup phát triển video tr n web Những kỹ thuật nhƣ Ajax đem đến cho ngƣời dùng thông tin nhanh hơn, nhiều hơn, tiện lợi phải nạp trang web hơn, giảm số pageview Pageview bị thất thu với video - với website nhƣ YouTube ngƣời ta xem thƣớc phim (có thể xen kẽ hàng chục cảnh quảng cáo) với trang xem 75 (“visitor” hay “unique visitor”) Khách truy cập website đƣợc xác định dựa tr n thông tin nhận dạng thƣờng địa IP hay liệu cookie “không trùng” khoảng thời gian quy định (chẳng hạn 12 hay 24 giờ) Trong thời gian này, khách đƣợc đếm lần dù truy cập website nhiều lần (và tạo n n nhiều hit) Chỉ số có ý nghĩa báo điện tử công ty quảng cáo Rõ ràng, nhiều ngƣời xem quan trọng nhóm ngƣời xem xem lại nhiều lần Hình vẽ 4.2 Chỉ số thời gian cho biết “sức hút” trang đối tƣợng khách khác Tuy nhi n, số đo “unique visitor” lúc phản ánh số khách “không trùng” truy cập website Hàng chục hay hàng trăm ngƣời dùng mạng nội (LAN) giao tiếp với giới b n qua địa IP (thông qua firewall hay proxy server) đƣợc đếm nhƣ visitor Một số nhà cung cấp dịch vụ Internet sử dụng DHCP (Dynamic Host Configuration Protocol) sinh địa IP khác cho file đƣợc y u cầu, trƣờng hợp khách truy cập lại đƣợc đếm nhƣ nhiều visitor Rất may trƣờng hợp không phổ biến Cùng với số visitor, thời gian mà khách lƣu lại website số đo quan trọng, đánh giá quan tâm khách Dù nhắm đến mục ti u trƣớc hết website cần phải có đƣợc quan tâm khách Số trang xem hay số visitor dù có lớn đến ý nghĩa mà khách đến ngay, không dành thời gian xem nội dung quảng cáo 76 Chỉ số thời gian với số đánh giá tƣơng tác khách với website nhƣ tỉ lệ khách thực giao dịch (ví dụ mua hàng trực tuyến) hay tỉ lệ khách quay lại so với khách không đánh giá số lƣợng mà chất lƣợng khách truy cập Các số chất lƣợng ngày đƣợc quan tâm Trong môi trƣờng Internet ngày cạnh tranh, ngƣời ta phải trọng vào thị trƣờng hẹp cần khách chất lƣợng có tiềm trở thành khách hàng thật (thực giao dịch) Hình vẽ 4.3 Google Analytics cho biết khách từ đâu đến họ cần tìm Ví dụ giá trị website: thứ nhất, số lƣợng ngƣời cài Alexa Toolbar nhỏ không đủ đại diện cho cộng đồng ngƣời dùng Internet (thật chẳng có cài công cụ để biết thứ hạng website mà họ truy cập - mục đích cơng cụ này) Thứ hai, thứ hạng Alexa dễ bị thao túng, đơn giản khai thác Alexa Toolbar (nhờ nhiều ngƣời cài đặt công cụ truy cập website thƣờng xuy n), tinh vi sử dụng cơng cụ nhƣ Alexabooster hay Alexa Surf 77 Hình vẽ 4.4 Ví dụ trang web Gatineau Th m t n tuổi lớn chuẩn bị vào sau Google Năm Microsoft mua hãng Deepmetrix (giá chƣa đƣợc công bố) đƣa dịch vụ đánh giá web mai, theo nhiều nguồn tin dịch vụ có t n Gatineau đƣợc cung cấp miễn phí Đây đối thủ xứng tầm với Google Analytics Hiện Microsoft có giới thiệu thử nghiệm dịch vụ AdCenter Labs(http://adlab.msn.com/DPUI/DPUI.aspx), đánh giá dự báo giới tính độ tuổi khách truy cập website Các số thú vị nhƣng khó nói độ xác dựa vào liệu ngƣời dùng mạng MSN mà khơng y u cầu can thiệp đến mã lệnh website cần đo hay cài đặt công cụ tr n máy ngƣời dùng Google Analytics, số dịch vụ không đƣợc ẩn mà buộc phải hiển thị “nhãn hiệu” dịch vụ tr n trang web cần đánh giá), số thu thập liệu qua công cụ cài tr n máy khách nhƣ Alexa, có dịch vụ lấy thông tin kết hợp từ nhiều nguồn (nhƣ Compete, đối thủ Alexa, thu thập thông tin qua công cụ cài tr n máy khách kết hợp với thơng tin lấy từ ISP) Ngồi ra, có số dịch vụ đánh giá blog miễn phí nhƣ FeedBurner (www.feedburner.com, cho phép đánh giá RSS Podcast), Measure Map (www.measuremap.com, thuộc Google), IceRocket (tracker.icerocket.com, có xếp hạng blog) Blog dạng website đặc biệt, cần có số đặc biệt nhƣ số gửi l n blog (post) hay số bình (comment) 78 Hình vẽ 4.5 FeedBurner đánh giá blog, RSS Podcast Mọi ngƣời biết nội dung hấp dẫn giao diện bố cục hợp lý, dễ dùng yếu tố quan trọng tạo n n thành cơng website Nhƣng dù website có thiết kế tốt đến mà không đƣợc lịng khách hàng vơ nghĩa Tuy nhi n không hẳn số khách hàng cao tốt ngƣợc lại, điều cịn tuỳ mơ hình kinh doanh website Ví dụ, số pageview cao tốt cho website báo trực tuyến có nghĩa nhiều đƣợc xem (và thu hút nhiều quảng cáo), nhƣng với website hỗ trợ khách hàng lại khơng tốt có nghĩa khách hàng gặp nhiều trục trặc (với sản phẩm công ty) cần hỗ trợ Hay với dịch vụ tìm kiếm Google, số thời gian thấp Google cung cấp nhanh thơng tin khách cần tìm, số pageview khách khơng cao Google có chế xếp hạng để đƣa kết tìm kiếm thích hợp trang đầu, điều tốt cho Google ngƣời dùng (nhờ Google có lƣợng khách truy cập thƣờng xuy n đơng) Tùy mơ hình kinh doanh, website cần số khác Và số số cho thơng tin mà chủ website cần hay “có lợi” (thƣờng đƣợc cơng bố) giúp đánh bóng t n tuổi website Việc kiểm tốn số tùy: tùy qui mơ lƣu lƣợng website, tùy số tiền mà chủ wesbite muốn chi Để “chứng thực” lực mình, website lớn có lƣợng khách truy cập hàng ngày từ hàng triệu trở l n phải cần đến dịch vụ kiểm toán t n tuổi có phí Tuy nhi n đơi giải pháp miễn phí (nhƣ Google 79 Analytics) cung cấp số liệu giá trị website.Cần đánh giá số sử dụng dịch vụ kiểm toán tuỳ, nhƣng có điều chắn website cần đƣợc đánh giá Click (nhấn chuột) - hình thái khác hit - số quan trọng website, cho biết hiệu quảng cáo web Số click cao hiểu có nhiều người quan tâm - thể việc “click” hay nhấn lên banner hay logo quảng cáo (và làm tăng số click) Và phương thức tính click thu phí (Pay Per ClickPPC hay Cost Per ClickCPC) ưa chuộng Giống hit, click bị tình trạng “ảo”, số ngân lên hay “bơm” dùng chương trình sinh click tự động (được biết đến với tên gọi “clickbot”) Để tránh tình trạng này, click thường ghi nhận với thông tin nhận dạng (như địa IP, cookie) Nhưng giải pháp khơng triệt để bị “qua mặt”: dùng công cụ tạo địa IP ảo Để đối phó, lại phát sinh thêm dịch vụ kiểm tra click ảo Click Auditor(http://www.keywordmax.com/click_auditor.html), 4.2 Một số công cụ đánh giá website Điều đƣợc nhà quản trị website quan tâm làm thể để nâng cao hiệu Vì vậy, có nhiều loại cơng cụ hỗ trợ đánh giá website hiệu (a) Alexa Hình vẽ 4.6 Cơng cụ hỗ trợ đanh giá website Alexa 80 Comment [A2]: Trong giáo trình: “Thiết kế we bản” khoa DPT Mặc dù cơng cụ tìm kiếm nhƣng alexa lại tiếng với việc xếp hạng website tr n giới Đây công cụ mà nhà quản trị đánh giá website hay sử dụng Alexa có tính phân tích thống k chuy n nghiệp, từ đó, bạn có nhìn tổng quan đối thủ cạnh tranh để đƣa chiến lƣợc hƣớng phát triển trang web doanh nghiệp (b) Google Analytics Hình vẽ 4.7 Công cụ hỗ trợ đánh giá Google analytics Đây tiện ích miễn phí Google, công cụ thống k đầy đủ hiệu Google Analytics công cụ vƣợt trội so với nhiều công cụ khác Chỉ cần chèn thr javascript vào website, thống k chi tiết lƣợt truy cập trang web bạn nhƣ: lƣợt traffic, số lần xem trang, thời gian lại website (c) Google webmaster tools Google webmastertools cơng cụ thống k miễn phí Google giành cho nhà quản trị Nó hiển thị nội dung nhƣ: lƣợt truy cập hàng ngày website, tổng hợp link bị lỗi, thứ hạng tìm kiếm từ khố, số trang đƣợc “indexed”,… 81 Hình vẽ 4.8 Công cụ hỗ trợ đánh giá webmaster tools (d) Sitening.com’s SEO Analyzer Khác với công cụ tr n, Sitening cơng cụ phân tích SEO, kiểm tra cấu trúc b n để SEO website bạn tốt Hình vẽ 4.9 Cơng cụ hỗ trợ đánh giá Sitening (e) SEOmoz’s Page Strength Tool Là cơng cụ tối ƣu hố tìm kiếm hàng đầu nay, SEOmoz’s cung cấp thông tin thông qua blog, viết số công cụ khác Nó cho bạn mức độ quan trọng website nhƣ tiềm để có đƣợc vị trí cao tr n trang tìm kiếm 82 Hình vẽ 4.10 Công cụ hỗ trợ đánh giá SEOmoz’s Page Strength Tool 4.3 Xây dựng kế hoạch biên tập website Website nhƣ ngƣời phát ngôn âm thầm lúc, nơi Thông tin đƣợc truyền đạt đến quan tâm đến công ty, quan tâm đến sản phẩm dịch vụ công ty Chuẩn bị nội dung đầy đủ cho nội dung website đem lại hình ảnh nhƣ ý muốn cho cơng ty (a) Định hƣớng việc xây dựng nội dung Việc định hƣớng giống nhƣ l n kế hoạch xem cần viết gì, viết vấn đề tr n website Đa số website thƣờng trọng đến hình thức nhiều nội dung, để gây ấn tƣợng với khách hàng hình ảnh, video, nhƣng khách hàng bỏ hàng để nghi n cứu thông tin trƣớc định mua hàng, website trƣớc ti n phải cung cấp đủ thông tin, dễ dàng việc truy cập, định hƣớng từ đầu giúp dễ dàng đề lộ trình cụ thể cho việc thiết kế website (b) Biên soạn nội dung đăng Giống nhƣ chƣơng trình truyền hình, nội dung đƣa l n website cần đƣợc bi n tập, kiểm tra kĩ lƣỡng Việc bi n soạn nội dung tốn nhiều thời gian, cơng sức, địi hỏi phải chuy n gia lĩnh vực Nội dung tự tạo 83 Comment [A3]: Phần em nghĩ n n cho them vào, nhi n em chƣa có tài liệu phần nà Vì em nghĩ sau đánh giá xong, sinh viên cần xâ dựng đƣợc kế hoạch giúp doanh nghiệp thay đổi th kế web họ cho biết giá trị thực trang web đƣợc thiết kế tốt, điều khách hàng quan tâm bạn n n cố gắng viết nội dung.Nội dung website bao gồm tất bạn muốn thể chữ, hình ảnh, video, âm Có ti u chuẩn tối thiểu mà bạn cần quan tâm Những điều cần tránh đƣa nội dung l n website: - Nội dung m nh mang, khơng có chủ điểm - Sai ngữ pháp, sai tả Nói q thật Trình bày phức tạp, khó nhìn Cấu trúc thơng tin phức tạp Một số nội dung hữu ích mà bạn cần có tr n website: - Tài liệu hƣớng dẫn sử dụng sản phẩm / dịch vụ Cam kết chất lƣợng - Thông tin, tài liệu li n quan đến lĩnh vực kinh doanh Những tin tức cho biết cơng ty làm gì, nhƣ Li n kết đến website hữu ích khác Cuối xem lại tổng thể Nhƣ công việc khác việc đƣa liệu l n webiste cần đƣợc kiểm tra kĩ lƣỡng trƣớc sau nhập nội dung Tiếp tục cải tiến nội dung, gia tăng chất lƣợng, lắng nghe ý kiến đánh giá khách hàng để hồn thiện website góp phần xây dựng hình ảnh thƣơng hiệu Trong số trƣờng hợp cần dẹp bỏ tất để làm lại website từ đầu, bạn n n tâm thực Kết đem lại tƣơng ứng với công sức & tiền bạc bỏ 84 Hình vẽ 4.11 Minh họa kế hoạch biên tập nội dung website 85 CÁC CHỮ CÁI VIẾT TẮT CGI Common Gateway Interface: Giao diện cổng thông thƣờng CMS Content management system: Hệ thống quản lý nội dung DSL Digital Subscriber Line: Đƣờng dây thuê bao số GUI Graphic User Interface: Giao diện đồ họa ngƣời dùng HTML HyperText Markup Language: Ngôn ngũ đánh dấu si u văn HTTPp HyperText Transfer Protocol: Giao thức truyền si u văn ISDN Integrated Services digital network: mạng dịch vụ tích hợp số ISP Internet Service Provider: Nhà cung cấp dịch vụ Internet IT Information Technology: Công nghệ thông tin RGB red-green-blue: đỏ - xanh lá- xanh da trời SEO Search Engine Optimization: tối ƣu cơng cụ tịm kiếm UCD User-centered design: Thiết kế ngƣời dùng làm trung tâm URL Uniform resource locator: Vị trí nguồn tài nguyên XHTML Extensible HyperText Markup Language: Ngôn ngữ đánh dấu si u văn mở rộng XML Extensible Markup Language: Ngôn ngữ đánh dấu mở rộng XSLT Extensible Style Language Transformation: Chuyển đổi dạng ngôn ngữ mở rộng TÀI LIỆU THAM KHẢO [1].LYNCH, Patrick J.; HORTON, Sarah Web Style Guide Online-Web Style Guide.3 London: YaleUniversity Press, 2009 Disponível em: Em 03 de ago 2011 [2].http://www.3ce.vn/ [2].http://www.vging.com/ 86 ... Đây tiêu đề quan trọngĐây đoạn văn phần thân tài liệu, nơi đoạn từ trọng biết từ quan trọng 59 Đây tiêu đề quan trọng thứ hai
Bất mà bạn lên danh sách thứ có liên quan, đề mục... cấp liên kết trực tiếp với ngƣời biên tập web ngƣời quản trị web có trách nhiệm điều hành trang web Lên kế hoạch cho mối quan hệ diễn với ngƣời dùng trang web bạn quan trọng cho giai đoạn thành... sắc riêng trang web, đồ họa ti u đề văn yếu tố quan trọng việc đƣa tập hợp trang web cảm thấy giống nhƣ "trang web" cá nhân tập hợp ngẫu nhiên tập tin Nghiên cứu sử dụng cho thấy đa số ngƣời