Cách thức thiết kế website

[hoangthienthach]

Các bước để xây dựng một Website: Giới Thiệu

Giai đoạn 1: Xác định phương hướng
1. Xác định phương hướng của website
2. Đặt mục tiêu cụ thể
3. Chọn đối tượng

Giai đoạn 2: Lập kế hoạch thiết kế
1. Mô tả web site
2. Mô tả nội dung
3. Mô tả tính chất kỹ thuật
4. Xác định nguồn tài liệu.
5. Chỉ định nhân sự tham gia thực sự
6. Tính toán chi phí
7. Lê kế hoạch thời Gian

Giai đoạn 3: Viết nội dung
1. Xây dựng sơ đồ site (Templates)
2. Phác thảo nội dung
3. Viết nội dung
4. Chọn hình ảnh

Giai đoạn 4: Thiết kế
1. Chọn ý tưởng
2. Khai triển ý tưởng
3. Thiết kế giao diện
4. Làm thiết kế mẫu
5. Kiểm tra tính khả dụng của thiết kế

Giai đoạn 5: Lập trình
1. Viết HTML (PHP, ASP)
2. Lập trình back-end
3. Kiểm tra chất lượng lập trình
4. Thử bản beta

Giai đoạn 6: Duy trì và quảng bá
1. Quảng bá trên search engine
2. Quảng bá bằng tài liệu in ấn và giới thiệu tại chỗ trên website
3. Thông báo và Qc
4. Lập và phân tích hồ sơ người truy cập
5. Kế hoạch duy trì và cập nhật
6. Đánh giá và nâng cấp

[hoangthienthach]

Phát triển nội dung website

1. Xây dựng sơ đồ Site
Sơ đồ Site là cấu trúc nội dung của website, các vấn đề cần đề cập trong từng nội dung
Để cho dễ, bạn nên xây dựng theo dạng cây với các khung ghi các nội dung và các đường nối thể hiện cấu trúc.
Bạn có thể tham khảo sơ đồ mẫu sau đây:

TRANG CHỦ:
A. Giới thiệu.
1. Giới thiệu chung
2. Lịch sự phát triển
3. Thành quả
4. Triết lý kinh doanh
B. Sản phẩm.
1. Sản phẩm A
2. Sản phẩm B
3. Sản phẩm C
C. Khuyến thị
1. Giảm giá
2. Quà tặng / Phiếu trúng thưởng
3. Các thông tin download miễn phí
DỊCH VỤ BẢO HÀNH
SẢN PHẨM MỚI
ĐỊA CHỈ LIÊN HỆ

2. Phác thảo nội dung
Khi phác thảo nội dung, điều cần lưu ý nhất là không để sót bất cứ thông tin nào cần thiết để thực hiện mục đích của website
Bạn có thể áp dụng một số mẹo nhỏ như:
- Viết ra tất cả các ý tưởng nảy ra trong đầu để khỏi quên.
- Lên danh sách các nội dung cần thiết. Nếu như công ty đã có sẵn brochure, bạn nên đối chiếu lại thật kỹ. Bạn có thể cho mỗi người trong nhóm làm một danh sách riêng theo ý họ rồi sau đó đối chiếu lại với nhau.

3. Viết nội dung:
Khi phát triển nội dung phác thảo hoàn thành bài viết hoản chỉnh, cần kiểm tra các vấn đề sau đây:
- Phong cách phải nhất quán
- Dùng ngôn ngữ của đối tượng truy cập
- Ngắn gọn, cụ thể và dùng đúng từ, gọi đúng tên
- Mỗi đoạn văn chỉ diễn đạt một ý.
- Viết theo lỗi diễn dịch, tức là câu chủ đề đứng ở đầu đoạn.

4. Chọn hình ảnh:
Hình ảnh dùng để minh họa cho phần lời. Hình ảnh là yếu tố bắt mắt nhất trong một thiết kế, do đó bạn phải lựa chọn thật cẩn thận. Hình ảnh phải chứa đựng thông tin, đẹp và ấn tượng.
Hình ảnh minh họa có thể là ảnh chụp hay hình vẽ. Ngoài mục đích để củng cố nội dung, hình ảnh còn củng cố phong cách và tác động tâm lý như mong muốn của bạn.

[hoangthienthach]

Tiến hành thiết kế Website

Ý tưởng thiết kế không phải là những ý tưởng trong đầu mà là các ý tưởng đã được phác ra giấy.
Ý tưởng có thể được thể hiện bằng nhiều cách khác nhau. Nhà thiết kế luôn có một lý do khi đưa ra một cách thể hiện nào đó. Do đó bạn phải bàn bạc với họ để tìm ra cách thể hiện thỏa đáng nhất, vừa hợp ý bạn vừa đạt được hiệu quả mong muốn. 1. Chọn ý tưởng thiết kế
Ý tưởng thiết kế không phải là những ý tưởng trong đầu mà là các ý tưởng đã được phác ra giấy.
Ý tưởng có thể được thể hiện bằng nhiều cách khác nhau. Nhà thiết kế luôn có một lý do khi đưa ra một cách thể hiện nào đó. Do đó bạn phải bàn bạc với họ để tìm ra cách thể hiện thỏa đáng nhất, vừa hợp ý bạn vừa đạt được hiệu quả mong muốn.

2. Khai triển ý tưởng
Sau khi duyệt ý tưởng, bạn phát triển ý tưởng đó thành tổng thể hoàn chỉnh
Trước hết bạn chọn bao nhiêu thành phần sẽ có trong tổng thể và đó là những thành phần nào. Các thành phần này sẽ được định vị và chọn tỷ lệ tương ứng với nhau và tương ứng với toàn bộ tổng thể. Sau đó bạn thêm các đặc điểm phụ vào.

3. Thiết kế giao diện
Giao diện là bộ phận giao tiếp giữa người sử dụng với các nội dung của website, có nhiệm vụ chính là hướng dẫn người truy cập điều khiển và sử dụng website. Nội dung của website được thể hiện trên giao diện bằng các biểu tượng, các nút và các nối kết.
Để cho người sử dụng dễ tìm thông tin mà họ mong muốn, menu cần phải thể hiện cấu trúc của nội dung qua vị trí, kích thước và màu sắc của các nút. Các biểu tượng đặc trưng sẽ giúp người truy cập dễ dàng liên tưởng đến nội dung của nó.
Để có thể dễ dàng nhận ra các nút và các nối kết, bạn nên thiết kế giao diện đơn giản, không cầu kỳ và trang trí quá nhiều làm rối mắt. Đồng thời các nút và các nối kết phải thay đổi hình dạng màu sắc khi người truy cập đưa con trỏ chuột vào hoặc kéo ra.
Quan trọng nhất vẫn là tên của nút và nối kết. Đặt tên nút sao cho ngắn gọn nhưng dễ hiểu và hiểu chính xác.

4. Làm thiết kế mẫu.
Thiết kế mẫu có thể được coi là thiết kế hoàn chỉnh nhưng chưa có phần lập trình, bao gồm lời, hình ảnh, nút và các trang trí.
Ví dụ: Bạn có thể chọn hình ảnh một con mắt cho mỗi nút, con mắt mở lên khi con chuột ở bên ngoài và khép lại khi người truy cập đưa con chuột lên trên nút.
Thiết kế mẫu trình bày phần thiết kế hoàn chỉnh của từng trang với đầy đủ nội dung và cách trình bày các thành phần.
Bạn cũng phải cân nhắc tính thẩm mỹ trong bước này. Kiểm tra lại các nguyên tắc về mỹ thuật và các nguyên tắc thiết kế để đảm bảo tính thống nhất, nhất quán và tập trung của thiết kế.

5. Kiểm tra tính khả dụng của Website.
Để kiểm tra tính khả dụng, bạn phải trả lời 4 câu hỏi sau đây:
- Trang web này là trang web gì?
- Tôi có thể làm gì trong trang web này?
- Tôi sẽ làm điều đó như thế nào?
- Tại sao tôi làm điều đó ở đây?
Một số yêu cầu cụ thể sau đây sẽ giúp bạn thực hiện dễ dàng hơn:
- Trang chủ phải có phần giới thiệu ngắn để cho biết đây là website gì.
- Nội dung ngắn gọn, súc tích, từ ngữ dùng chính xác, không gây nhầm lẫn.
- Kích thước file tối thiểu
- Các nút và kết nối dễ nhận biết
- Font chữ và kích cỡ dễ đọc
- Không có quá nhiều trang trí
- Không có quá nhiều thứ mời gọi như: “Click Me First”, “Join Now”, “Hot!”, . . . dễ làm rối mắt người truy cập.