Khái miện thiết kế website

Thiết kế Web site là quá trình sử dụng công cụ, chương trình thiết kế nhằm tạo ra trang web. Trang web có thể đơn giản chỉ là một file text văn bản, hay hình ảnh, video, các ứng dụng chạy trực tuyến java... Các web site hiện tại thông thường được viết bằng ngôn ngữ đánh dấu siêu văn bản HTML. Thiết kế web hiểu theo diện rộng bao gồm cả quá trình viết các mã nguồn chương trình cho các ngôn ngữ tạo web như ASP, PHP, CGI, Python, Java...

• 1 Khái quát chung
• 2 Mục đích của Web site cần thiết kế
• 3 Thiết kế giao diện
• 4 Các thành phần của site
• 5 Tham khảo
• 6 Liên kết ngoài

Khái quát chung

Thiết kế Web site là quá trình sử dụng công cụ, chương trình thiết kế nhằm tạo ra trang web. Trang web có thể đơn giản chỉ là một file text văn bản, hay hình ảnh, video, các ứng dụng chạy trực tuyến java... Các web site hiện tại thông thường được viết bằng ngôn ngữ đánh dấu siêu văn bản HTML. Thiết kế web hiểu theo diện rộng bao gồm cả quá trình viết các mã nguồn chương trình cho các ngôn ngữ tạo web như ASP, PHP, CGI, Python, Java...

Mục đích của Web site cần thiết kế

Bước đầu tiên trong công đoạn thiết kế một Web site là chúng ta đã có những quyết định chắc chắn về việc chúng ta sẽ "xuất bản" cái gì với Web site của mình, chúng ta nên: Xác định đối tượng độc giả của web site. Web site có mục đích rõ ràng. Thiết lập các chủ đề chính của web site. Thiết kế các khối thông tin chủ yếu mà web site sẽ cung cấp. Xác định mục tiêu cơ bản của web site Xác định độc giả Các trang web (homepage) cho các chương trình duyệt web cũng nên tương tự như các bìa tạp chí. Mục tiêu là tính toàn thể với hình ảnh bắt mắt, chủ đề nội dung gây chú ý. Tất cả các liên kết trên trang chủ này nên chỉ tiếp đến các trang bên trong web site. Chúng ta cũng phải tạo được thông báo ngắn gọn, súc tích cái có trong web site có thể được độc giả quan tâm.

Thiết kế giao diện

Các độc giả của web không chỉ xem thông tin, họ tương tác với nó theo cách thức mới không như các tiền lệ trong việc thiết kế tài liệu giấy. Giao diện người dùng đồ hoạ (GUI) của hệ thống, cộng thêm các tương tác ẩn dụ, hình ảnh và các quan niệm được sử dụng để chuyển tải mọi tính năng, thông tin lên màn hình, và trải qua thời gian các đặc thù trực quan của các thành phần giao diện đồ hoạ và sự tương tác chức năng hoá đã tạo nên nét đặc trưng "nhìn thấy và cảm nhận" của các trang web cùng các mối liên kết hypertext. Thiết kế đồ hoạ và các hình ảnh "ký hiệu" trực giác không chỉ để làm đẹp trang web - đồ hoạ trở thành một phần được tích hợp của kinh nghiệm của độc giả đối với web site của chúng ta. Trang Web đối lập với thiết kế tài liệu thông thường Đại đa số nhận thức hiện tại của chúng ta về thông tin có cấu trúc bắt nguồn từ việc tổ chức các quyển sách, tạp chí xuất bản định kỳđã được in và công tác chỉ số hoá thư viện, các hệ thống phân loại được phát triển quanh các ấn bản đó. "Các tiêu chuẩn về hình thức" của các cuốn sách trong thế giới nói tiếng Anh đã được thiết lập cũng như công nhận rộng rãi; các hướng dẫn chi tiết cho việc toạ một cuốn sách có thể tìm đọc trong các quyển như The Chicago Manual of Style. Mọi đặc điểm cho một cuốn sách, từ mục lục đến chú thích, chỉ số đã được rút ra qua hàng thế kỷ, và người đọc trước kia cũng đã phải đối diện với các vấn đề tổ chức hệt như người đọc bây giờ của các tài liệu đa phương tiện (hypermedia).

Các tiền lệ trong in ấn

Mặc dù các tài liệu đa phương tiện trên mạng đưa ra các thách thức mới cho những nhà thiết kế thông tin, đại đa số hướng dẫn chúng ta cần đến để thiết kế, tạo lập, lắp ráp, hiệu chỉnh và tổ chức một media phong phú, đa dạng về căn bản không khác so với thực tế trong công việc của nhà xuất bản. Đa số trang web có thể được tạo ra phù hợp với các qui ước cho hình thức biên tập và tổ chức văn bản của The Chicago Manual of Style. Nhiều điều chúng ta cần biết về phương pháp tạo các tài liệu rõ ràng, bao quát, nhất quán có thể đọc trong các hướng dẫn như Xerox Publishing Standards: A Manual of style and Design. Hãy làm cho các trang web độc đáo Các trang World Wide Web khác sách và các tài liệu khác ở một nét cơ bản: các mối liên kết siêu văn bản cho phép người đọc truy nhập đến một trang web đơn lẻ không cần đến lời nói đầu hay tựa đề. Điều này thường có nghĩa là các đầu trang, chân trang của trang web sẽ phức tạp, nhiều thông tin hơn các trang in trên giấy. Có thể là vô lý, buồn cười khi lặp lại các thông tin bản quyền, tác giả, thời gian xuất bản ở tất cả các trang sách, nhưng một trang web riêng lẻ thường cần đến những thông tin này vì các trang đơn lẻ có thể chỉ là một phần nhỏ của cả web site chúng ta có mà độc giả đó có thể nhìn thấy. Vấn đề tạo các trang web độc đáo không chỉ có đối với các trang web. Các báo chuyên đề, tạp chí, đa số các báo ngày đều lặp lại thời gian phát hành, số bản tại phần đầu hay cuối từng trang vì họ biết độc giả của họ thường cắt các bài báo, hoặc photocopy các trang từ tạp chí và cần thông tin trích dẫn để theo dõi nguồn gốc nguyên bản của các bài.

Thiết kế giao diện cơ bản

Thiết kế hướng tới người sử dụng Giao diện đồ hoạ cho người sử dụng (GUI) được thiết kế nhằm cho người dùng điều khiển trực tiếp maý tính của họ. Ngày nay, người sử dụng yêu cầu một mức độ hoàn hảo của mọi thiết kế giao diện đồ hoạ, kể cả các trang web. Mục đích là cung cấp mọi cần thiết cho tất cả độc giả quan trọng của chúng ta, mô phỏng công nghệ web cho mọi mong chờ của họ, và không bao giờ đòi hỏi người đọc chỉ đơn giản là làm theo một giao diện mà đặt những cản trở không cần thiết lên con đường của họ.

Các giúp đỡ định hướng rõ ràng Với thực tại của công nghệ web, đa số độc giả tương tác với các trang web bằng cách thực hiện các liên kết giữa các tài liệu. Vấn đề chủ yếu của giao diện trong các web site là độc giả không ý thức được họ đang ở đâu trong tổ chức thông tin. Các biểu tượng nhất quán, dễ hiểu, các lược đồ đồ hoạ đồng nhất và bản khái quát (đồ hoạ hay văn bản), màn hình tổng hợp có thể cho độc giả sự tin tưởng là họ có thể tìm thấy cái họ tìm mà không lãng phí thời gian. Độc giả phải luôn có khả năng quay trở lại trang chủ và các điểm chủ chốt trên web site của chúng ta. Các liên kết cơ bản này nên có trên mọi trang web của chúng ta, nó thường là các nút ấn đồ hoạ với hai mục đích: tạo các mối liên kết cơ bản và giúp tạo một biểu tượng đồ hoạ thông báo cho độc giả biết họ vẫn còn đang ở trong web site của chúng ta. Ví dụ, trên web site của Netscape, thanh biểu tượng sau đây có tại cuối mỗi trang web:

Liên kết cố định và tương đối Không như các phím Back hay Forward trong các trình duyệt như Netscape và MS Internet Eplorer, Mosaic, chỉ có chức năng tương đối đến các trang mà độc giả vừa rời khỏi, phím Trang tiếp và Trang trước trong các trang web là các liên kết cố định do chúng ta tạo nên chỉ đến một văn bản nhất định. Bắng cách tạo các phím lật trang, phím chỉ đến mục lục, chúng ta đã cung cấp cho độc giả phương tiện hiểu cách thức chúng ta tổ chức thông tin trên web site, ngay cả khi họ đến không phải từ trang chủ, hoặc từ mục lục nội dụng. Phím ấn không cho phép độc giả đọc tin theo thứ tự họ chọn, nhưng cho phép họ đọc các trang liên tiếp như ta trình bày:

Các thành phần của site

Các web site có thể vô cùng đa dạng về kiểu cách, nội dung, cách tổ chức, và mục đích, nhưng tất cả các web site đều được thiết kế để thực hiện chức năng của chúng là các nguồn tài nguyên cùng chia sẻ những đặc điểm cơ bản.

Trang chủ (Home Page)

Tất cả các web site đều được thiết lập quanh "home page" giữ nhiệm vụ như một điểm xuất phát đến các trang web phức tạp khác trong web site. Trong hệ thống phân cấp, trang chủ chiếm vị trí trên đỉnh của sơ đồ. URL WWW của trang chủ cũng là địa chỉ web mà chúng ta sử dụng để hướng dẫn độc giả đến với web site của chúng ta, và trong những năm tới địa chỉ của trang chủ quan trọng cũng như địa chỉ nhà riêng hay địa chỉ của một doanh nghiệp. Đầu trang chủ sẽ là cái đầu tiên độc giả nhìn thấy khi truy nhập đến web site của chúng ta, do đó trang chủ được thiết kế thích hợp là điều kiện cơ bản để web site thành công. Chiến lược thiết kế trang chủ rất biến hoá, dựa trên chức năng và yêu cầu của các độc giả đặc trưng của ưeb site, mục đích của web site và cũng phụ thuộc vào tính chất, sự phức tạp của toàn bộ web site.

Menu đồ hoạ hay văn bản

Quyết định cách bố trí cơ bản nhất cho trang chủ liên quan đến việc sử dụng đồ hoạ như thế nào trên trang web. Đa số các trang chủ của các doanh nghiệp, viện hay trường hiển thị ít nhất một thanh ảnh nhỏ (banner) trên đầu trang, và trên các trang thương mại, xu hướng lại là ảnh đồ hoạ toàn trang, phức tạp, được xây dựng từ các menu thay đổi liên tục tạo nên cảm giác như các trang multimedia của CD-ROM. Trang web nhiều ảnh đồ hoạ có thể có hiệu quả để gây sự chú ý của độc giả, nhưng lại tốn thời gian nạp xuống, đặc biệt khi độc giả kết nối với Internet qua modem hay mạng trục tốc độ thấp. Ngay cả khi độc giả truy nhập web site với tốc độ Ethernet (10 Mbps), các menu đồ hoạ cũng chậm hơn danh sách các liên kết trên cơ sở text đến 10 lần. Ai là độc giả của trang chủ? Việc phân cách giữa các trang chủ trang trí đồ hoạ hấp dẫn, nạp xuống chậm với các trang text không chút thơ mộng, nhưng lại nạp nhanh đã phản ánh sự cần thiết phân biệt sự khác biệt đối tượng độc giả cùng nhu cầu của họ. Mục đích của đa số web site là chuyền tải thông tin nội tại (cho sinh viên, nhân viên và các khách hàng) và giao thiệp với các khách hàng quan trọng, nhưng một maket được thiết kế cẩn thận không chỉ mở rộng khả năng của một màn hình văn phòng. Bằng cách giữ ảnh đồ hoạ vừa phải về kích thước, trang web được nạp xuống không chậm lắm mà vẫn có menu đồ hoạ.