Bài giảng Tổng quan biên tập Web: Phần 1 cung cấp cho học viên những kiến thức về tổng quan biên tập website; quy trình phát triển website; các nguyên tắc trong thiết kế đảm bảo khả năng sử dụng; tổ chức thông tin website; cấu trúc trang web; các chức năng duyệt web;... 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 (Bản hiệu chỉnh lần 1) Hà Nội - 2018 LỜI MỞ ĐẦU Ngày nay, Internet phát triển vô mạnh mẽ trở thành nhu cầu thiếu sống người, cơng cụ hữu ích để đất nước giới thiệu hình ảnh hay đơn giản trang web cá nhân giới thiệu mình, doanh nghiệp, Internet không kênh truyền bá thông tin mà cịn cung cấp lượng thơng tin thích đáng cho người truy cập Xu phát triển không ngừng ứng dụng web tất yếu nên việc tìm hiểu nghiên cứu ứng dụng phát triển web giúp ích nhiều cho nhà lập trình web mới, hay quản trị viên chưa có hay cịn kinh nghiệm việc quản trị hệ thống mạng có kiến thức phương pháp ứng dụng web hiệu Bài giảng thiết kế để cung cấp cho sinh viên kiến thức kỹ quy trình thiết kế, xây dựng trì website, cung cấp thơng tin phục vụ cho hoạt động phân tích, đánh giá triển khai Marketing doanh nghiệp Nội dung giảng chia thành chương: Chương 1: trình bày tổng quan biên tập website, qua biết quy trình phát triển website, nhân nguyên tắc đảm bảo khả sử dụng cho trang web, thiết kế quản trị nội dung website Chương 2: bao gồm kiến thức liên quan đến thiết kế: thiết kế điều hướng, thiết kế giao diện Thiết kế điều hướng liên kết trang cách xếp tổ chức điều hướng để người dùng dễ dàng tiếp cận với nội dung website, thiết kế giao diện phần trình bày việc thể bố cục, hình ảnh, nội dung, màu sắc thành phần đa phương tiện website để đạt hiệu tốt Chương 3: cung cấp kiến thức quản lý website, ngôn ngữ cách tổ chức liệu trang website, qua nắm cách quản lý liệu biên tập website Chương 4: cung cấp kiến thức phân tích đánh giá website Tuy nhiên, mục tiêu nội dung giảng phục vụ cho sinh viên học tập nên chắn tránh khỏi thiếu sót, thế, mong nhận góp ý quý báu thầy cô, đồng nghiệp sinh viên để giảng hoàn thiện Chân thành cảm ơn MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG I TỔNG QUAN BIÊN TẬP WEBSITE 1.1 Quy trình phát triển website 1.1.1 Nhân phát triển website 1.1.2 Quy trình phát triển trang web .11 1.2 Khả sử dụng 21 1.2.1 Khái niệm 21 1.2.2 Các nguyên tắc thiết kế đảm bảo khả sử dụng .21 1.3 Tổ chức thông tin website 27 1.3.1 Các bước tổ chức thông tin web 28 1.3.2 Các yếu tố then chốt tổ chức thông tin web 30 1.3.3 Phân loại thẻ phiên bảng trắng .32 1.3.4 Phân đoạn thông tin (Chunking information) 33 1.4 Cấu trúc trang web 34 1.4.1 Các chức duyệt web 35 1.4.2 Tìm kiếm trang web 36 1.4.3 Cấu trúc trang web 37 CHƯƠNG BIÊN TẬP WEB CHO ĐIỀU HƯỚNG VÀ TÌM ĐƯỜNG .42 2.1 Điều hướng tìm đường người dùng 42 2.2 Hỗ trợ người dùng tìm kiếm web 48 2.3 Thiết kế web hướng đối tượng 49 CHƯƠNG BIÊN TẬP GIAO DIỆN 56 3.1 Trang 56 3.2 Quy tắc thiết kế giao diện .62 3.3 Cấu trúc website 65 3.4 Kết cấu liệu web .71 CHƯƠNG ĐÁNH GIÁ WEBSITE 80 4.1 Các tiêu đánh giá website 80 4.2 Một số công cụ đánh giá website .86 4.3 Xây dựng kế hoạch biên tập website 89 CÁC CHỮ CÁI VIẾT TẮT 96 TÀI LIỆU THAM KHẢO 96 CHƯƠNG I TỔNG QUAN BIÊN TẬP WEBSITE Có thể nói rằng: doanh nghiệp nên có website, website thực kênh kinh doanh mới, hiệu kinh tế cho doanh nghiệp Việt Nam thời đại CNTT, phù hợp với nhu cầu thói quen khách hàng dự kiến số lượng ngày cảng gia tăng Website giúp quảng bá sản phẩm với chi phí thấp tiện lợi (24 ngày, ngày tuần) Bên cạnh kinh doanh qua website cịn mở rộng hội tìm kiếm khách hàng, đối tác doanh nghiệp không nước mà cịn phạm vi tồn cầu Để website doanh nghiệp có nhiều khách hàng truy cập ngồi việc thiết kế giao diện đẹp, tiện ích nội dung biên tập website cần phải cập nhật thường xuyên, thông tin phù hợp với nhu cầu khách hàng Biên tập website liên quan đến việc viết văn bản, tin tức nội dung trang web Nội dung khác tùy thuộc vào loại trang web cụ thể , ví dụ trang web thương mại yêu cầu biên soạn theo phong cách bán hàng chuẩn hóa, đó, trang web thơng tin giáo dục u cầu tài liệu cấu trúc hợp lý Hầu website yêu cầu vài kiểu biên tập., tư liệu website quan trọng không việc thu hút khách hàng, mà giúp tăng hạng website tạo lưu lượng tìm kiếm tốt Điều đồng nghĩa với việc biên tập website yêu cầu khác biệt với lối viết thông thường; biên tập website phải viết cho hai đối tượng khách hàng cơng cụ tìm kiếm Do đó, biên tập viên nội dung website phải có kỹ viết lách tốt, nắm bắt tâm lí khách hàng cụ thể hiểu chế cơng cụ tìm kiếm I.1 Quy trình phát triển website Điểm mấu chốt chìa khóa thành cơng trình phát triển website xác định mục tiêu website, quy trình phát triển website thơng thường bao gồm bước sau: - Xác định đội ngũ phát triển website (nguồn nội đơn vị hay th ngồi) - Phân tích mục tiêu, đối tương nội dung xây dựng website - Lập hồ sơ (kế hoạch) phát triển website - Xác định công nghệ phát triển - Xây dụng quy trình thực phát triển - Xác định tổng thời gian mốc thời gian thực - Đánh giá kết thực công việc theo kế hoạch đặt Việc xác định bước rõ ràng, chi tiết q trình phát triển website vơ quan trọng: xem kế hoạch chi tiết cho dự án phát triển website tiêu chuẩn chung sản phẩm tham chiếu q trình thực cơng việc Hình vẽ 1.1 Minh họa tổng quan quy trình phát triển website I.1.1 Nhân phát triển website (a) Đội ngũ phát triển website Vấn đề cốt lõi thành công dự án người, có tính đến yếu tố kỹ kiến thức đội ngũ phát triển website Trong dự án vừa nhỏ (thiết kế webiste quy mô vừa nhỏ), người đội ngũ website đảm nhiệm số cơng việc khác nhau, dự án lớn (thiết kế website quy mô lớn) người đảm nhận nhiệm vụ riêng biệt cần có chun mơn chun ngành phụ thuộc vào nội dung webste thiết kế Trước tổ chức triển khai cần xem xét lực yêu cầu đội ngũ thiết kế website, thẩm định đội ngũ đủ lực hay chưa, cần phải th khốn thêm chun gia bên ngồi đội ngũ cịn thiếu vị trí Thơng thường, vị trí cần thiết (nịng cốt) đội ngũ phát triển website sau: - Vị trí lập kế hoạch mục tiêu phát triển website - Vị trí quản lý dự án phát triển website - Vị trí kiến trúc thông tin thiết kế giao diện người dùng - Vị trí thiết kế đồ họa cho website - Vị trí quản lý cơng nghệ phát triển website - Vị trí sản xuất website Trong dự án lớn vị trí đảm nhiệm người riêng biệt làm việc toàn thời gian yêu cầu, người gọi thành viên đội ngũ phát triển website, vị trí u cầu có chun mơn cao th khốn thì người khơng phải thành viên đội ngũ làm việc bán thời gian (b) Vai trò trách nhiệm đội ngũ phát triển website Ngồi vị trí đội ngũ phát triển website liệt kê cịn có nhà tài trợ đối tượng liên quan đến phát triển website Vai trò trách nhiệm đội ngũ phát triển website sau: - Quản trị website: Đánh giá (bảo đảm) tài khoản truy cập, kiểm tra chất lượng - Điều hướng: Định hướng cho việc phát triển website - Lập trình viên: Sử dụng ngơn ngữ để lập trình website - Nhân viên sáng tạo: Thiết kế đồ họa Web, Thiết kế tương tác (như flash, Javascript, Ajax…), Chuyên gia đa phương tiện (như hình ảnh, đồ họa, truyền hình, Adobe Flash) - Quản trị cơng nghệ web: Lập trình ứng dụng Web (Net, Java, PHP ), Kỹ sư trang web (xHTML, CSS, JavaScript, Ajax), hệ quản trị sở liệu, Chuyên gia hệ thống web nhà quản trị trang web - Sản xuất website: Người mã hóa (coding) trang web theo ngơn ngữ HTML - Biên tập viên trang web: Người viết quảng cáo trang web, Chuyên gia nội dung trang web (nghiên cứu điều phối nội dung website) (c) Nhà tài trợ đối tượng liên quan Nhà tài trợ đối tượng liên quan thường cá nhân tổ chức có trách nhiệm khởi xướng đề xuất dự án phát triển website Trong hầu hết trường hợp, nhà tài trợ khách hàng bên đặt hàng công việc cho đội ngũ phát triển web, dự án nhỏ mang tính nội đối tượng liên quan đối tượng Các nhà quản lý đưa phê duyệt nội dung, mục tiêu cho dự án phát triển trang web, hợp đồng kế hoạch làm việc, giám sát tiến độ, ngân sách cung cấp nguồn lực khác để hỗ trợ công việc đội ngũ phát triển website Đội ngũ phát triển web thực công việc theo yêu cầu nhà tài trợ Đôi khi, nhà tài trợ cịn đóng vai trị thành viên đội ngũ phát triển web Điều quan trọng nhà tài trợ đối tượng liên quan cần hiểu rõ trách nhiệm cvà phối hợp chặt chẽ với đội ngũ phát triển web: việc cung cấp thông tin muộn nội dung trang web nguyên nhân phổ biến làm sai lệch tiến độ, lịch trình đội ngũ phát triển web Các nhà tài trợ thường chịu trách nhiệm cho bên thứ ba hợp đồng quảng cáo bên ngoài, đàm phán cấp phép chp phương tiện truyền thông khác, phối hợp với công cụ marketing khác, công nghệ thông tin, nỗ lực truyền thông đơn vị tài trợ công ty (d) Quản lý website Nhà quản lý dự án web phối hợp truyền thông chiến thuật thực dự án web hàng ngày, đóng vai trị người ràng buộc với khoản mục mục tiêu dự án, ngân sách dự án, tiến độ phát triển, mục tiêu chất lượng đặt giai đoạn quy hoạch Nhà quản lý dự án thành viên quan trọng có trách nhiệm việc giữ hoạt động chung tồn nhóm tập trung vào mục tiêu chiến lược trang web thỏa thuận sản phẩm, anh cô liên tục theo dõi phạm vi hoạt động dự án để đảm bảo nhóm ln hoạt động “đúng tiến độ nằm ngân sách” Người quản lý dự án đóng vai trị người liên lạc đội web nhà tài trợ quản lý truyền thông tổng thể yếu tố sáng tạo, kỹ thuật sản xuất nhóm xây dựng web Trong dự án web lớn người quản lý dự án thường phần đội ngũ thực sản xuất Trong dự án nội nhỏ nhà tài trợ, trưởng đội thiết kế, trưởng đội kỹ thuật đồng thời đóng vai trò quản lý dự án cho đội ngũ phát triển trang web Nhà quản lý dự án thiết kế trì kế hoạch chiến lược, bảng tính ngân sách, tiến độ dự án biểu đồ Gantt, ghi họp, hồ sơ toán, tài liệu hồ sơ khác chi tiết hoạt động nhóm dự án Hình vẽ 1.2 Biểu đồ Gantt thường sử dụng để theo dõi giai đoạn dự án nhiệm vụ nhóm (e) Điều hướng Vai trị điều hướng định hướng chung cho trải nghiệm người dùng, Trong thực tế cơng việc điều hướng gần tương tự với lập trình viên, cá nhân đảm nhận hai chức vụ lập trình vai trị điều hướng, Trong giai đoạn đầu thiết kế, người điều hướng có trách nhiệm điều hành vấn, nghiên cứu thực địa, kiểm tra khả sử dụng để đưa kịch yêu cầu Khi thiết kế khái quát hóa dạng biểu đồ, cấu trúc khung sườn, thử nghiệm mẫu thiết kế với người sử dụng tập hợp thông tin phản hồi cho kỹ sư thiết kế phát triển trang web Trang web phát triển xong, đánh giá thiết kế thông qua nghiên cứu thực tế thử nghiệm người dùng đảm bảo mục tiêu điều hướng đáp ứng Các câu hỏi đánh giá thường là: trang web có thực mục tiêu đặt ra, người dùng có hài lịng với thiết kế khơng, kết đo lường số lượng người truy cập trang web thời gian lại trang web lâu (f) Kiến trúc thông tin Kiến trưc thông tin tổ chức phân loại thông tin nội dung trang web, công việc thường hoạt động nhiều giai đoạn thiết kế quy hoạch, phát triển nội dung thuật ngữ trang web phù hợp Kiến trúc thông tin làm việc chặt chẽ với nhà thiết kế trang web để xây dựng cấu trúc khung trang web (site map) Sơ đồ thiết kế tổng thể hình thành từ liên kết giao diện trang web người dùng nhìn thấy trang web Kiến trúc thơng tin thường có tảng logic khoa học, cẩn thận thiết kế nội dung Các sản phẩm từ nhà kiến trúc thơng tin thường biểu đồ sơ đồ tổng quan kiến trúc trang web, cấu trúc khung sườn trang, phân tích dự đốn tương tác người dùng Những hình ảnh đại diện trang web quan trọng để truyền thông cấu trúc trang web trải nghiệm người dùng đến nhà tài trợ thành viên phát triển web khác, đặc biệt nhà phát triển kỹ thuật back-end hỗ trợ yếu tố tương tác trang web Trang “cấu trúc khung” sử dụng khả điều hướng để thử nghiệm thiết kế người sử dụng Hình vẽ 1.3 Ví dụ thiết kế tổng thể cấu trúc khung trang web (g) Giám đốc sáng tạo Nhiệm vụ giám đốc sáng tạo bao quát tổng thể cho trang web từ khâu thiết kế kiểu chữ cho trang web, giao diện hình ảnh, tiêu chuẩn bảng màu, chi tiết bố trí trang phương thức làm đồ họa, kỹ thuật nhiếp ảnh, thông tin minh họa, yếu tố phương tiện âm hình ảnh trang web Trong nhiều năm qua, nhiều chuyên gia thiết kế đồ họa trở thành chuyên gia việc thiết kế truyền thơng tương tác hình máy tính thành thạo thiết kế giao diện người dùng, lướt web, cấu trúc trang web Trong dự án nhỏ, giám đốc sáng tạo có kinh nghiệm thường có trách nhiệm đóng vai trị kiến trúc thơng tin sử dụng việc đạo thiết kế hình ảnh web Trong giai đoạn phát triển trang web lập kế hoạch, giám đốc sáng tạo tạo giám sát việc tạo phác thảo thiết kế phức tạp để minh họa cho đề xuất phát triển thiết kế với nhà tài trợ dự án nhóm xây dựng web Khi thiết kế phê duyệt giám đốc sáng tạo giám sát việc chuyển đổi phác thảo thiết kế thành thông số kỹ thuật chi tiết đồ họa kiểu chữ mà kỹ sư trang web cần phải tạo HTML mẫu trang Trong tổ chức lớn thi giám đốc sáng tạo thường người có trách nhiệm đảm bảo cơng việc thiết kế web phù hợp tiêu chuẩn giao diện người dùng cá nhân tổ chức sát hữu ích cho việc thu thập phạm vi rộng lớn phản ứng nhân học mục tiêu khảo sát trang web thường đặt câu hỏi ban đầu để giúp xác định người sử dụng: độ tuổi, giới tính, đối tượng người xem (khách hàng, khách hàng tiềm năng, người mua, người bán…) Sau đó, có câu hỏi liên quan đến tần số sử dụng: lần đầu truy cập, thời gian khách truy cập, thường xuyên truy cập… điều đặc biệt khảo sát có khả xác định đối tượng trang web sử dụng nhiều nhất, với số đánh giá hiệu hưởng thụ có nguồn gốc từ việc sử dụng chúng Câu hỏi biểu diễn danh sách phần trang web, với quy mô đo thành công việc sử dụng Cuối cùng, câu hỏi mở phản hồi chung luôn ý tưởng tốt Mặc dù thông tin khó để phân tích, việc đọc cách đơn giản câu trả lời mang chủ đề phổ biến mà hữu ích cho việc lập kế hoạch Phỏng vấn PT IT Trong vấn, đặt yêu cầu vào mục tiêu sử dụng, sở thích, nhu cầu hành vi Một phương pháp hiệu để hiểu hành vi người dùng yêu cầu người dùng mô tả tương tác thông thường họ dịng chảy cơng việc lời hồn thành mục tiêu Ví dụ, việc thiết kế trang web tinh, bạn yêu cầu người dùng từ khán giả mục tiêu bạn để mô tả trình họ tương tác với trang web tương tự làm họ làm cho kết nối mà không cần giúp đỡ trang web Chìa khóa làm cho nói giữ cho cô ta tiếp tục, hỏi câu hỏi rõ ràng, theo đuổi chi tiết quan trọng, định kỳ tổng hợp yếu tố quan trọng đối thoại, đừng q nhanh chóng để nói trị chuyện chậm; tạm dừng, cung cấp cho người dùng hội để tiếp tục chủ đề thảo luận Ngoài ra, khơng nên q cứng nhắc gắn bó với kịch bản; lạc đề dẫn đến hiểu biết có giá trị Nhóm tập trung Tập trung vào nhóm có tác động khác nhau, vấn cá nhân, vấn nhóm tập trung tập thể nhóm người dùng chia sẻ mối quan tâm chung, tập trung vào nhóm có số lợi ích, khơng số kinh tế; hội để nghe nhiều quan điểm khác lúc Ngồi ra, chất hợp tác nhóm tập trung giúp người đóng góp hiểu biết rằng: họ khơng nhận thức riêng mình, người sử dụng đặt vấn đề mà cộng hưởng với nhau, người dùng thứ hai chọn vấn đề tiếp tục thảo luận Phân tích web 27 Máy chủ web thu thập thông tin người dùng lưu thông tin tập tin đăng nhập máy chủ, phân tích web liên quan đến việc sử dụng liệu ghi máy chủ để nghiên cứu hành vi người dùng Với phân tích web, tái tạo lại yếu tố phiên trang web, chẳng hạn như: - 1.3 Nơi mà người sử dụng đến trang web Nếu người dùng sử dụng công cụ tìm kiếm, từ khóa sử dụng Thứ tự trang mà người dùng đến thăm trang web Các thuộc tính cấu hình người dùng, bao gồm trình duyệt, hệ điều hành, kích thước hình cài đặt màu sắc Cho dù người dùng khách lặp lại Các trang cuối phiên giao dịch trước người dùng rời khỏi trang web Tổ chức thông tin website PT IT Kiến trúc thông tin thuật ngữ rộng hiểu thông tin bố trí website ứng dụng web, hiểu đơn giản ví dụ truy cập vào website bán hàng chọn lựa mặt hàng cần mua, sau tìm đến nút tốn, loay hoay tìm mà khơng thấy nút tốn đâu chứng tỏ website bố trí thơng tin khơng tốt dẫn đến việc khách hàng bỏ đi, việc bố trí, hiển thị chức cần thiết để người dùng sử dụng Website dễ dàng mang lại nhiều lợi ích cho doanh nghiệp Mỗi trang web có kiến trúc thơng tin, kỹ thuật kiến trúc thông tin đặc biệt quan trọng nhằm đảm bảo mục tiêu sau: - Tổ chức nội dung trang web theo nguyên tắc phân loại phân cấp thông tin Truyền thông tổng quan khái niệm tổ chức trang web tổng thể cho đội ngũ thiết kế khách hàng Nghiên cứu thiết kế concept điều hướng trung tâm; Thiết lập tiêu chuẩn thông số kỹ thuật cho việc xử lý HTML định dạng xử lý nội dung văn Thiết kế thực tiêu chuẩn chiến lược tối ưu hóa tìm kiếm (SEO) Kiến trúc thơng tin bao gồm loạt thiết kế quy hoạch chuyên ngành; ranh giới kiến trúc thông tin, thiết kế kỹ thuật, giao diện người dùng, thiết kế đồ họa cần xóa nhịa cần thiết áp dụng cộng 28 đồng nhằm hợp tác sản xuất cho người sử dụng trang web trải nghiệm gắn kết, mạch lạc, kinh nghiệm phù hợp Kiến trúc ẩn dụ thích hợp cho việc lắp ráp không gian thông tin đa chiều phức tạp chia sẻ nhiều người sử dụng khác độc giả, nơi mà cấu trúc thơng tin phải đóng khung trước quy tắc cụ thể giao diện thiết kế đồ họa hoạt động hiệu Giao diện người dùng thiết kế hiển thị trang web rõ ràng hơn, dễ hoạt động với người sử dụng ban đầu, tổ chức sở trang web nội dung xây dựng kém, thiết kế hiển thị tương tác không khắc phục vấn đề Trong dự án web lớn vai trị kiến trúc sư thơng tin lấp đầy cá nhân với kinh nghiệm lâu năm việc tổ chức trình bày thơng tin, đặc biệt bối cảnh web Tuy nhiên, nhiều dự án, kiến trúc sư thông tin trang web trở thành dự án hợp tác nhà thiết kế, biên tập, đội kỹ thuật PT IT Bất kể vị trí bổ nhiệm nào, nhiệm vụ kiến trúc sư thông tin trở thành cầu quan trọng việc lập kế hoạch thảo luận chung mục tiêu trang web khán giả thiết kế cụ thể, giao diện người dùng, giải pháp kỹ thuật bạn sử dụng thiết kế trang web hoàn chỉnh 1.3.1 Các bước tổ chức thơng tin web Có năm bước việc tổ chức thông tin: - - Kiểm kê nội dung: có gì, cần thêm Thiết lập phác thảo phân cấp nội dung tạo từ vựng kiểm sốt Vì nội dung lớn, cấu trúc trang web, yếu tố định vị xác định cách quán Phân khúc (Chunking): Chia nội dung thành đơn vị hợp lý với cấu trúc mô đun phù hợp Vẽ sơ đồ cho hiển thị cấu trúc trang web phác thảo thô trang với danh sách liên kết điều hướng Phân tích hệ thống cách kiểm tra tương tác với người sử dụng thật, sửa đổi cần thiết (a) Kho nội dung Kho nội dung danh sách chi tiết thông tin tất nội dung có trang web thiết kế lại, số trường hợp trang web tạo từ nguồn nội dung có 29 Mặc dù kho nội dung thường tẻ nhạt tốn thời gian để tạo ra, thành phần thiết yếu kế hoạch có quy mô hợp lý cho dự án web Các nội dung kho hữu ích dự án quy hoạch kiến trúc thông tin vào giai đoạn ban đầu, kho nội dung chi tiết hữu ích suốt dự án cho quy hoạch xây dựng trang web Công việc kiểm kê trang web hành ghi lại thông tin trang cách chi tiết/tỉ mỉ, dễ dàng để phân chia thành viên đội ngũ thành người làm việc với tiểu mục thư mục trang web khác Các thành viên nhóm làm việc kiểm kê trang web phải có quyền truy cập vào trang trang web trình duyệt web xem tập tin cấu trúc trang web máy chủ để đảm bảo tất phần nội dung kiểm kê Số ID cho dự án Tiêu đề trang Trang mẫu loại URL Loại chung nội dung Người chịu trách nhiệm nội dung Giữ nguyên/chỉnh sửa/loại bỏ định Tạo nội dung Xem lại trạng thái PT - IT Các nội dung kho trang web hành thường mang hình thức tập tin bảng tính với nhiều bảng, có chứa danh sách trang trang web, với đặc tính thiết yếu tiêu đề trang, url, người chịu trách nhiệm nội dung, tiếp tục Mỗi trang thường nằm hàng bảng tính, với cột liệt kê thơng tin như: (b) Phân cấp phân loại Tổ chức phân cấp điều cần thiết web, hầu hết trang web phụ thuộc vào hệ thống phân cấp, từ nhìn tổng quan rộng trang web (trang chủ) sang tăng lên menu nội dung trang ngày cụ thể Trong kiến trúc thông tin cần tạo danh mục cho thông tin xếp hạng tầm quan trọng đoạn thông tin thành chung chung hay cụ thể.Danh mục chung trở thành yếu tố phân cấp cao/cao cấp hệ thống phân cấp thông tin; khối thông tin cụ thể định vị thấp hệ thống phân cấp Khối thông tin xếp vào tầm quan trọng tổ chức phù hợp hạng mục chính, xác định tập hợp ưu tiên mối quan hệ phác thảo nội dung, xây dựng hệ thống 30 phân cấp từ khái niệm quan trọng concepts chung xuống đến chủ đề chi tiết cụ thể (c) Nguyên tắc phân loại kiểm sốt từ vựng Trong kiến trúc thơng tin, phân loại tư tổ chức thứ bậc loại nội dung, sử dụng cụ thể, thiết kế cẩn thận thuật ngữ mô tả, biên tập có kinh nghiệm thư viện cho bạn biết, thách thức lớn việc tổ chức lượng lớn thông tin phát triển hệ thống cho luôn đề cập đến điều tương tự cách: từ vựng kiểm sốt, thư viện theo cách nói khoa học IT Một công việc quan trọng kiến trúc sư thơng xá định đặc tính tên thuật ngữ để mô tả loại nội dung trang web, liên kết trang web chuyển hướng, điều khoản chủ yếu để mô tả tính tương tác trang web Việc trở thành yếu tố tảng tổ chức nội dung, giao diện người dùng, liên kết điều hướng trang trang web,các tập tin thư mục cấu trúc trang web riêng biệt 1.3.2 Các yếu tố then chốt tổ chức thông tin web Các yếu tố tổ chức thông tin web sau: PT (a) Phân loại (category) Đây hình thức tổ chức cách tìm giống đặc điểm liên hệ thư mục Cách tiếp cận thường phát huy tác dụng tất thứ cần tổ chức có quan trọng ngang khơng dự báo Ví dụ chủ đề sách nhà sách hay thư viện, vật phẩm bách hóa tổng hợp hay cửa hàng tạp hóa (b) Thời gian (time) Tổ chức timeline dòng lịch sử đối tượng thông tin biểu dạng nối tiếp Cách tiếp cận thường dùng đào tạo Ví dụ cho trường hợp danh sách kênh truyền thông, danh sách kiện lịch sử hay dịp đặc biệt, bảng đo lường thời gian phản hồi hệ thống khác (c) Địa điểm (location) Tổ chức theo địa điểm không gian vị trí địa lý thường hữu ích cho định hướng điều khiển Các hình thức sơ đồ hóa phổ biến tạo thành đồ, thường dùng để đào tạo, sửa chữa 31 hình minh họa người dùng, ví dụ khác nữa, ví dụ thơng tin bị tắc nghẽn đâu (d) Sắp xếp theo bảng chữ (alphabetic) Tổ chức dựa theo chữ tên items Ví dụ rõ ràng danh bạ điện thoại danh sách điều khiển định hướng theo tên, từ điển, bách khoa toàn thư, nơi người dùng biết chữ tên mà họ tìm kiếm Hệ thống xếp theo bảng chữ đơn giản để dùng quen thuộc ngày Cách thức tổ chức đem lại hiệu cho danh sách ngắn thứ liên quan tới lại hữu hiệu cho danh sách dài (e) Tính liên tục (continuum) IT Kiểu tổ chức tạo nên số lượng lớn biến đo lường như: giá, điểm, kích cỡ, khối lượng Tổ chức kiểu continuum hiệu cần tổ chức nhiều thứ mà chúng đo lường đánh số theo cách giống (f) Tình (Làm việc nhóm) PT Khi thiết kế website cải tiến trang web có sẵn, điều cần thiết xem xét lại chi tiết nhỏ nội dung có góc nhìn cách thông tin tổ chức mẫu sau đây, việc làm dẫn tới thảo luận định hướng nội dung cách tổ chức thông tin site Một số mẫu thường thấy tổ chức site: - Định dạng site: Ấn định đặc tính site marketing Điều hướng site: Ấn định điều hướng liên kết Tính lạ: Ấn định tin tức Trang tổ chức: Được thiết kế tương đồng với tổ chức hãng lớn Dịch vụ: Được tổ chức dịch vụ, nội dung danh mục sản phẩm Flashy: sử dụng flash có tính tương tác lan truyền để khắc họa người xem Công cụ điều hướng: Được tổ chức công nghệ nhất, xml, ajax web 2.0 Một site tốt cần cân việc thỏa mãn nhu cầu người dùng truyền tải thơng điệp tới giới Khơng có cơng thức cho việc tìm mẫu tổ chức chuẩn, giai đoạn đầu việc lập kế hoạch, nên thử nghiệm giả định thường xuyên dứt khoát sửa chữa chúng 32 1.3.3 Phân loại thẻ phiên bảng trắng Ngay phần lớn danh mục tổ chức nội dung rõ ràng với đội thiết kế, khó để phân loại mẩu nội dung nên vị trí sử dụng khung tổ chức đem lại cảm giác trực quan gần gũi với người dùng Phân loại thẻ kỹ thuật thông thường để vừa tạo nội dung vừa ước định tổ chức nội dung cấu trúc website Cách phân loại thẻ cổ điển làm xuất thẻ với nhãn tên danh mục nội dung chủ yếu thứ cấp, cá nhân đội người dùng yêu cầu phân loại dựa thẻ tổ chức chúng theo cách gần với trực giác logic PT IT Người dùng thường yêu cầu gợi ý tên tốt cho danh mục Kết nội dung từ người tham gia lưu giữ lại, thường danh mục mở rộng, tất khung nội dung so sánh để tìm điểm chung phần khác Dữ liệu phân loại thẻ tốt tới từ phiên làm việc độc lập với dòng đại diện tiêu biểu người dùng có khả tới trang web bạn Nếu bạn có đủ người tham gia, phối hợp kết phiên làm việc với thẻ phân loại giúp bạn có sức mạnh đám đơng Với dự án nhỏ quy chuẩn hơn, bạn sử dụng cách làm việc với bảng trắng để thay phân loại thẻ Những người tham gia hỏi để phân loại thẻ giấy nhớ có nhãn dán tên nội dung đề ra, sau dán chúng lên bảng phân vào nhóm tất nội dung có ý nghĩa Trong phần lớn trường bạn, bạn đạt cách xếp nội dung định hướng nhanh chóng, cách làm việc với bảng trắng hữu ích việc quản lý tồn bộ, điều giúp nhóm giải vấn đề nội dung thuộc hạng mục Để có phiên tổ chức nội dung tốt, cần đảm bảo việc sau: - Liệt kê tên danh mục chi tiết tốt Có đầy đủ tất tóm tắt danh mục danh mục phụ cho nội dung Chuẩn bị hướng dẫn cho cá nhân tham gia phân loại thẻ Không điều hướng người tham gia vào q trình Khơng hạn chế ý tưởng phải cho phép thoải mái suy nghĩ Có thật nhiều nguồn cung cấp cho danh mục thuật ngữ phát triển thêm Mang tới máy quay để ghi lại cách tổ chức đề xuất layout bảng trắng 33 Từng cá nhân thực phân loại thẻ nhóm làm bảng trắng nhanh, không tốn nhiều tiền, cách nhanh để tạo ước định cách tổ chức nội dung trang Kỹ thuật dùng nhiều năm, bạn sử dụng khách hàng thực sự, khách hàng tương lai trình này, họ giúp bạn tạo nên ý tưởng có giá trị tuyệt vời từ nhà quảng cáo, bên liên quan thành viên nhóm 1.3.4 Phân đoạn thơng tin (Chunking information) Phần lớn thông tin www tập hợp tài liệu tham khảo ngắn đọc nhanh chóng Điều đặc biệt xác với trang chứa nội dung kỹ thuật trị,hành nhà nước.Đây phương thức hữu hiệu để biểu diễn thơng tin phiên dịch sang web số lý sau đây: - - IT - Ít người dùng web đọc đoạn văn dài hình Phần lớn người dùng lưu trữ văn dài để đĩa in để đọc dễ Tách riêng khúc thông tin để dễ dàng tạo liên kết Người dùng web liên kết thường mong tìm xác nội dung thơng tin liên quan tới thứ họ cần, sách Phân khúc giúp tổ chức trình bày thơng tin bố trí mơ-đun phù hợp trang web Điều cho phép người sử dụng không để áp dụng kinh nghiệm khứ với trang web để tìm kiếm khám phá tương lai mà cịn để dự đốn phần quen thuộc trang web tổ chức Các khúc thông tin phù hợp với hình máy tính, cung cấp nhìn hạn chế tài liệu dài trang web dài có xu hướng khiến người đọc phương hướng; họ yêu cầu người dùng phải di chuyển khoảng cách xa nhớ cuộn khỏi hình PT - Nội dung khúc thông tin linh hoạt thích hợp với đa phần cảm nhận, tổ chức logic thuận tiện Hãy đển nội dung gợi ý tự nhiên cách biết phân chia tổ chức Mặc dù tài liệu web ngắn thích cần thiết có tài liệu dài, đặc biệt bạn muốn người dùng dễ dàng in lưu chúng máy bước - Hiệu đính/chỉnh sửa cuối tất nội dung trang Thử nghiệm chi tiết sở liệu lập trình chức Thử nghiệm chứng nhận đặc trưng báo cáo sở liệu Thử nghiệm thủ tục hỗ trợ người dùng trang, trả lời email, vv Lưu trữ tất nội dung cấu thành trang, mã html, mã lập trình, nguyên liệu phát triển trang khác 1.4 Cấu trúc trang web 34 Khi phải đối mặt với hệ thống thông tin phức tạp, người dùng xây dựng mơ hình tư Họ sử dụng mơ hình để đánh giá mối quan hệ chủ đề phán đốn nơi tìm thấy điều họ chưa nhìn thấy từ trước Sự thành cơng việc tổ chức trang web xác định chủ yếu mức độ kiến trúc thông tin trang web phù hợp với mong đợi người dung, tính logic, tổ chức tên trang web hợp lý cho phép người sử dụng đưa dự đoán vị trí nhằm tìm kiếm thứ, phương pháp phù hợp tổ chức hiển thị thông tin cho phép người sử dụng mở rộng kiến thức họ từ trang quen thuộc tới trang không quen thuộc Nếu đánh lừa người dùng với cấu trúc khơng có tính logic khơng phán đốn được, liên tục sử dụng thuật ngữ khác nhau, không rõ ràng để mơ tả tính trang web, người dùng bị thất vọng khó khăn ghé thăm xung quanh thấu hiểu bạn có để cung cấp PT IT Mơ hình tư người sử dụng trang web tư ngẫu nhiên, đừng làm liên kết trang web khó hiểu, người thiết kế người tạo mơ hình trang web, người dùng tưởng tượng cấu trúc trang web, kiến trúc thông tin thành công giúp người sử dụng tham chiếu xây dựng mơ hình tư dự đốn cấu trúc trang web Hình vẽ 1.10 Mơ hình tư liên kết trang web 1.4.1 Các chức duyệt web Khi tạo trang web dạng phác thảo, phân tích khả để hỗ trợ trình duyệt cách thử nghiệm tương tác, vừa với nhóm phát triển trang web vừa với nhóm nhỏ người sử dụng, hiệu thiết kế trang web phần lớn vấn đề việc cân mối quan hệ menu trang chủ với trang nội dung cá nhân Mục tiêu xây dựng hệ thống phân cấp menu trang nội dung giúp người sử dụng cảm thấy tự nhiên không gây nhầm lẫn cho họ gây trở ngại đến việc sử dụng trang web 35 Các trang web với hệ thống phân cấp thông tin sơ sài phụ thuộc vào trang menu lớn biến thành danh sách thơng tin khơng liên quan gây khó hiểu, xếp menu q sâu, thơng tin bị ẩn nhiều lớp menu Phải điều hướng thông qua lớp menu chồng vào trước đến nội dung thực gây khó khan cho người truy cập web Hình vẽ 1.11 Ví dụ cấu trúc việc thiết kế cấu trúc trang web IT Cấu trúc 1: sơ sài khiến menu trở nên dàn trải Cấu trúc chi tiết sâu người sử dụng mệt mỏi họ phải qua nhiều lớp menu PT Nếu trang web phát triển tích cực, cân thích hợp menu trang nội dung mục tiêu chuyển động Phản hồi từ người dùng (và phân tích sử dụng từ bạn trang web) giúp định xếp menu tốt hơn, cấu trúc tài liệu phức tạp đòi hỏi hệ thống thứ bậc chi tiết hơn, người dùng không bị lôi vào trang sau vào trang menu họ truy cập trực tiếp Với hệ thống phân cấp chức cân tốt, cung cấp cho người dùng menu truy cập nhanh đến thông tin phản ánh việc tổ chức trang web hiệu 1.4.2 Tìm kiếm trang web Nếu trang web có nhiều vài chục trang, người dùng mong đợi tùy chọn tìm kiếm web để tìm kiếm nội dung trang web, trang web lớn hơn, với hàng trăm hàng ngàn trang nội dung, tìm kiếm web phương tiện hiệu để xác định vị trí trang nội dung cụ thể tìm tất trang đề cập đến cụm từ khóa hay tìm kiếm Trình duyệt giao diện gồm địa trang web nội dung cần thiết giai đoạn đầu mà người dùng ghé thăm trang web Tuy nhiên, người dùng định trang web cung cấp họ tìm kiếm, người sử dụng vượt qua ngưỡng đặc tính mà cơng cụ tìm kiếm giúp với điều kiện: 36 - - Khơng có liên kết giao diện trình duyệt để đảm bảo cho người dùng biết họ tìm thấy tất trường hợp từ khố cụm từ tìm kiếm Tìm kiếm phương tiện hiệu để tiếp cận nội dung cụ thể, đặc biệt nội dung khơng ghé thăm nhiều người dùng khác khó xuất liên kết trang chuyển hướng Khi nhu cầu người dùng cụ thể mức độ xử lý giao diện trình duyệt, cơng cụ tìm kiếm phương tiện để tìm nội dung PT IT Các trang web lớn chứa nhiều thơng tin để phụ thuộc hồn tồn vào trình duyệt, trang sử dụng nhiều có khả xuất trình duyệt trang menu, trang ẩn danh trang web tìm thấy đọc thơng qua cơng nghệ tìm kiếm web Hình vẽ 1.12 Cách tìm kiếm web 1.4.3 Cấu trúc trang web Website xây dựng dựa chủ đề cấu trúc bản, bao gồm hình thức khả củng cố mơ hình tư người dùng cách tổ chức nội dung, kiến trúc chi phối giao diện điều hướng trang web mơ hình tư người dùng cách mà thông tin tổ chức Ba cấu trúc cần thiết sử dụng để xây dựng trang web: trình tự, phân cấp mạng nhện 37 (a) Trình tự Cách đơn giản quen thuộc để tổ chức thơng tin đặt chuỗi, cấu trúc sách, tạp chí, tất ấn phẩm in ấn khác Tuần tự yêu cầu xếp theo trình tự thời gian, loạt chủ đề hợp lý triển khai từ chung đến cụ thể, chữ cái, mục, bách khoa toàn thư, giải Trình tự thẳng tổ chức phù hợp cho trang đào tạo giáo dục, ví dụ, người sử dụng mong muốn thực quy trình thơng qua tập vật chất cố định liên kết người hỗ trợ đường dẫn hướng tuyến tính PT IT Nhiều trang web phức tạp tổ chức theo trình tự hợp lý, trang trình tự có liên hệ với nhiều trang bên ngồi, thơng tin liên quan, thơng tin trang web khác Hình vẽ 1.13 Ví dụ cấu trúc trình tự trang web Một số trang web, chẳng hạn biểu đồ trang web đào tạo trên, sử dụng để đọc theo trình tự tuyến tính Lập trình logic cung cấp nội dung đặc biệt cho khán giả cho phép thứ bên ngồi trình tự trang (b) Phân cấp Hệ thống phân cấp phương thức tốt để tổ chức phận phức tạp thơng tin Bởi trang web thường tổ chức xung quanh trang chủ nhất, sau liên kết đến danh sách trang chủ đề phụ, kiến trúc phân cấp đặc biệt phù hợp để tổ chức trang web, sơ đồ phân cấp quen thuộc doanh nghiệp tổ chức hầu hết người dùng tìm cấu trúc đơn giản để dễ hiểu Một tổ chức phân cấp áp đặt quy tắc hữu ích phương pháp phân tích riêng phù hợp 38 Hình thức đơn giản cấu trúc trang web phân cấp (star), hub-and-spoke, thiết lập trang dàn trận khỏi trung tâm trang chủ Các trang web hệ thống phân cấp lớp Định hướng danh sách đơn giản trang con, liên kết cộng thêm cho trang chủ PT IT Hầu hết trang web thông qua số mẫu cấu hình phân cấp sơ đồ Sự xếp loại loại phụ có lợi mạnh cho tổ chức trang web phức tạp hầu hết người quen thuộc với tổ chức phân cấp, dễ dàng hình thành mơ hình tư cấu trúc trang web Hình vẽ 1.14 Các sơ đồ phân cấp đơn giản thường gặp thiết kế web Hầu hết nội dung hoạt động tốt cấu trúc phân cấp, người sử dụng dễ dàng tìm thấy chúng để hiểu Lưu ý trang web phân cấp thiết lập nội dung trang nhánh danh sách trang web các danh sách phụ khỏi trang chủ, hệ thống cấp bậc phần nội dung không nên trở thành điều hướng cho người dùng muốn nhảy từ vùng trang web khác Hầu hết giao diện trang web chuyển hướng cung cấp liên kết điều hướng toàn cầu cho phép người dùng để nhảy khỏi khu vực trang web lớn mà không bị ép buộc để lưu vào trang chủ trung tâm danh sách phụ Các tab tiêu đề cho phép người sử dụng để di chuyển từ khu vực nội dung lớn, menu điều hướng trái cung cấp danh mục chủ đề, hộp tìm kiếm cho phép người sử dụng để nhảy khỏi chuyển hướng phân loại tìm trang dựa trang web tìm kiếm 39 Hình vẽ 1.15 Ví dụ hệ thống định vị cung cấp điều hướng linh hoạt (c) Mạng nhện (webs) IT Cơ cấu tổ chức Weblike đặt vài hạn chế mơ hình sử dụng thơng tin Trong cấu trúc mục tiêu kết hợp tư tưởng tương tự tự tư duy, cho phép người sử dụng để theo đuổi sở thích họ PT Mơ hình tổ chức phát triển với liên kết dày đặc thông tin khác trang web thông tin trang web khác Mặc dù mục tiêu tổ chức để khai thác sức mạnh web liên kết, liên kết với đầy đủ, cấu trúc weblike cách dễ dàng truyền nhầm lẫn đề án tổ chức liên kết thường cấu trúc không thực tế cho trang web, khó khăn cho người sử dụng hiểu dự đoán Webs làm việc tốt cho trang web nhỏ chi phối danh sách liên kết cho trang web nhằm vào người có học vấn cao hay nhiều kinh nghiệm Hình vẽ 1.16 Ví dụ mơ hình mạng nhện đơn giản trang liên kết Hầu hết trang web phức tạp chia sẻ vấn đề ba loại cấu trúc thông tin Hệ thống cấp bậc trang web tạo chủ yếu với liên kết định vị chuẩn trang web, liên kết chuyên đề nhúng nội dung tạo lưới weblike liên kết vượt qua menu trang web cấu trúc bình thường Ngoại trừ trang web cách nghiêm ngặt thực thi chuỗi trang, người sử dụng có khả qua trang web kiểu weblike 40 dạng tự do, nhảy qua khu vực kiến trúc thông tin, họ bỏ qua chương sách tham khảo, rõ ràng cụ thể tổ chức trang web giúp người dùng lướt tự từ nơi đến nơi mà khơng có cảm giác bị thơng tin Hình vẽ 1.17 Ví dụ cấu trúc phân cấp trang web người dùng sử dụng PT IT Một cấu trúc thông tin rõ ràng cho phép người dùng di chuyển tự mà khơng bỏ sót thơng tin Các mơ hình sử dụng phi tuyến điển hình người sử dụng web không bỏ qua cần thiết phải tổ chức mơ hình tư trình bày cấu trúc qn rõ ràng bổ sung mục tiêu thiết kế tổng thể Hình vẽ 1.18 Tóm tắt ba mơ hình cấu trúc trang web (cấu trúc tuyến tính) 41 ... để giảng hoàn thiện Chân thành cảm ơn MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG I TỔNG QUAN BIÊN TẬP WEBSITE 1. 1 Quy trình phát triển website 1. 1 .1 Nhân phát triển website 1. 1.2... trang web .11 1. 2 Khả sử dụng 21 1.2 .1 Khái niệm 21 1.2.2 Các nguyên tắc thiết kế đảm bảo khả sử dụng . 21 1.3 Tổ chức thông tin website 27 1. 3 .1 Các bước tổ chức... 34 1. 4 .1 Các chức duyệt web 35 1. 4.2 Tìm kiếm trang web 36 1. 4.3 Cấu trúc trang web 37 CHƯƠNG BIÊN TẬP WEB CHO ĐIỀU HƯỚNG VÀ TÌM ĐƯỜNG .42 2 .1 Điều hướng tìm