Category Archives: thiết kế website

Đôi khi, lời khuyên để tạo ra một trang dịch vụ thiết kế website  thân thiện với người sử dụng đó là thử tất cả những gì bạn cho là “sẽ làm trang web tốt hơn”. Dĩ nhiên quy trình “thử – sai” này cũng là một con dao hai lưỡi, với tỉ lệ thành công 5 ăn 5 thua.

Bài học về thiết kế có chiến lược: Google Video

Từ trước đến nay, Google luôn nổi tiếng với việc giải quyết một vấn đề bằng cách bỏ hàng đống tiền vào bộ phận nghiên cứu và phát triển. Điều tương tự cũng đã từng xảy ra với dự án Google Video. Các chuyên gia đã phải đánh giá một khối lượng lớn dữ liệu người sử dụng để thiết kế giao diện hợp lý nhất cho dịch vụ chia sẻ video. Tuy nhiên có vẻ như đây là một bước đi sai lầm của Google, thiết kế web mà bằng chứng là việc ngừng cung cấp dịch vụ Google Video vào năm 2009. Hãy cùng điểm lại những lý do của sự thất bại này.

Bài học về thiết kế Web qua thất bại của Yahoo! và Google
Thiết kế website chuyên nghiệp

Khởi đầu, Google Video sở hữu giao diện tối giản (thứ đã tạo ra thành công cho Google Search).

Tuy nhiên giao diện này sớm bị thay đổi khi Google nhận ra giao diện hiển thị kết quả video hàng ngang của họ không được mọi người ưa thích. Vì vậy, những nhà thiết kế tại Google đã tạo ra một giao diện khác với mong muốn người sử dụng ưa thích dịch vụ này hơn. Tuy nhiên những gì họ làm hoá ra lại là ‘copy’ một trong những thứ mang lại thành công cho YouTube: Thanh hiển thị những video liên quan ở cạnh phải màn hình.

Đến đây thì sai lầm chết người của những công ty thiết kế website  nhà thiết kế đồ hoạ đã bị những nhân viên tại Google lặp lại: Copy hay vay mượn nững ý tưởng của những sản phẩm thành công khác. Với ý nghĩ “Nếu nó có thể giúp họ thành công, thì nó cũng sẽ giúp ta thành công”, Google đã từng bước đánh dấu cho sự thất bại thê thảm của Google Video. Tất nhiên việc copy của người khác cũng  mang lại thành công, ví như trong hàng trăm bản sao của trang chia sẻ link Digg, chỉ có Reddit đạt được thành công. Điều này cũng đúng với YouTube, thế nhưng bản sao thành công của trang web này, thật không may lại không phải Google Video, mà là Vimeo.

Bài học rút ra là: cải tiến một cách cẩu thả còn nguy hiểm hơn không cải tiến một chút nào. Không chỉ có vậy, tối giản hoá một trang web không phải lúc nào cũng là cách tiếp cận thành công. Thật không may cho Google, thiết kế web khi danh sách những trang web thất bại của họ không chỉ dừng lại ở Google Video, mà còn có Buzz, Wave. Tất cả đều đã và đang đặt ra một vấn đề khá cấp bách cho đội ngũ thiết kế tại công ty này, cũng như là một bài học kinh nghiệm xương máu cho tất cả những nhà thiết kế trang web trên toàn thế giới.

  1. Lợi ích

Hãy bắt đầu với những lợi ích thuyết phục nhất của trang thiết kế website công ty  của bạn và chuyển nó thành một tiêu đề nét đậm. Đừng bắt đầu bằng khẩu hiệu chào đón không có nghĩa gì cả.

– Kém: Chào mừng bạn đến với cửa hàng đồ trang sức của chúng tôi.

– Tốt: Nhà thiết kế thủ công đồ trang sức bạc.

  1. Sự cảm thông

Hãy tận dụng vào nhu cầu của những khách hàng ghé thăm trang web của bạn và những triển vọng. Đừng nói về khó khăn của bạn đầu tiên.

–  Kém: Trang web này được đưa ra vào 2 ngày trước đây, vì vậy xin hãy bỏ qua những thiếu xót.

–  Tốt: Xin hãy liên hệ với dịch vụ khách hàng của chúng tôi để được giải đáp nhanh chóng.

Nội dung website những điểm nên và không nên khi soạn

  1. Sự nhất quán

Đừng dựa theo một kiểu mẫu định dạng nhất định dịch vụ thiết kế website cho trang web của bạn. Đừng làm cho nó trông như một bức tranh minh họa lòe loẹt với fomt chữ và 20 màu sắc.

–  Kém: Sử dụng nhiều màu khác nhau trong mỗi đoạn và các kiểu chữ, các cỡ chữ khác nhau cho các tiêu đề.

–  Tốt: Một màu chữ và một cỡ chữ cho mỗi đoạn văn bản và chỉ một màu chữ, cỡ chữ cho các dòng của tiêu đề ( Arial và Verdana được coi là font chữ thích hợp nhất cho nội dung trang web).

  1. Sự đơn giản

Làm cho nội dung trang web của bạn thiết kế website công ty trở nên đơn giản. Đừng sử dụng những từ ngữ gây khó hiểu để khách hàng có thể hiểu được thông điệp của bạn ngay lập tức. Họ sẽ không muốn mất nhiều cố gắng để hiểu được nội dung đó nếu những từ ngữ đó quá trừu tượng. Họ sẽ ngay lập tức thoát ra khỏi trang web của bạn và có thể bạn sẽ mất đi một khách hàng tiềm năng.

– Kém: Mặc cho tình trạng của họ hiện nay, các nhà cạnh tranh bền bỉ đi đến thất bại do sự lạc lõng của họ.

– Tốt: Các nhà cạnh tranh còng thiếu các kỹ năng để thành công.

  1. kiểm tra cẩn thận

Hãy kiểm tra nội dung trang web của bạn cẩn thận từ việc xem có thiếu tiêu đề hay biểu tượng đầu dòng nào không. Hãy làm cho khách hàng biết được ngay lập tức mà bạn muốn nói với họ. Đừng đưa khối văn bản lớn vào trang web cuả bạn vì người ta sẽ không thể đọc hết được và nó thật tẻ nhạt.

– Kém: Một khối văn bản không hề chia đoạn, không có các tiêu đề hay các điểm đánh dấu đầu đoạn.

– Tốt: Văn bản phải được chia thành các đoạn và có tiêu đề cùng các kí hiệu đánh dấu đầu dòng.

  1. Sự ngắn gọn súc tích

Khi viết nội dung cho trang web của bạn công ty thiết kế website cố gắng càng ngắn gon và súc tích càng tốt. Đừng lặp đi lặp lại về một chủ đề mà nó cung cấp những chi tiết không liên quan vì điều đó sẽ không thu hút khách hàng.

– Kém: Một câu chuyện lịch sử dài 400 từ về thành tựu đạt được của công ty bạn

– Tốt: Một vài điểm đánh dấu đầu dòng liệt kê các thành tựu lớn.

Trong phần 2 sẽ giới thiệu đến các bạn thiet ke website cong ty cách chèn các nội dung đa phương tiện như ảnh (kèm hiệu ứng khi di chuyển trỏ chuột), đoạn flash, video clip. Đồng thời hướng dẫn sử dụng phần mềm SothinkDHTMLMenu (tích hợp vào Adobe Dreamweaver) tạo menu động…

  1. Chèn hình vào trang web

– Chèn ảnh tĩnh

Trước khi muốn chèn hình ảnh vào trang web, bạn nên chép tất cả các hình ảnh cần chèn vào thư mục Image của bộ web. Việc lựa chọn hình ảnh để chèn vào trang web cũng phải chú ý đến số lượng và kích thước của ảnh vì nếu chèn quá nhiều hoặc ảnh quá lớn sẽ làm cho trang web có dụng lượng lớn, dịch vụ thiết kế web việc tải về xem cũng chậm hơn. Để thực hiện việc chèn hình ảnh vào trang web, bạn làm như sau: vào Insert, chọn Image và tìm đến hình ảnh muốn chèn .

Một trang web được thiết kế ra không chỉ chứa thông tin của nội bộ trang web

– Tạo Rollover Images.

Rollover Images là một hình ảnh sẽ thay đổi khi con trỏ đi ngang qua nó. Khi tạo Rollover Images thì hai ảnh phải có kích thước bằng nhau. Nếu hai ảnh có kích thước không bằng nhau thì Dreamweaver sẽ tự chỉnh cho chúng bằng nhau.

  1. Chèn ảnh động flash, video clip vào trang web.

Vào Insert > media > chọn SWF hoặc FLV tùy theo định dạng tập tin cần chèn. Sau đó duyệt đến File flash hoặc File Video và bấm OK.

  1. Tạo menu cho trang web.

Menu là một phần không thể thiếu cho thiết kế website chuyên nghiệp mọi trang web. Nó là nơi liên kết các trang rời rạc của bộ web lại với nhau thành một hệ thống. Việc tạo ra một menu thật đẹp và chuyên nghiệp là ước ao của nhiều người thiết kế web.

Đối với phần mềm thiết kế web Dreamweaver, đã có một cộng cụ tích hợp hỗ trợ tạo menu thật chuyên nghiệp là SothinkDHTMLMenu. Bạn có thể dùng phần mềm đó để thiết kế menu cho trang web của mình.

Sau khi đã hoàn tất các bước thiết lập cho menu, bạn chọn lệnh Save and close để hoàn tất công việc. SothinkDHTMLMenu sẽ tự động  đưa menu mà bạn vừa tạo vào trang web của mình mà không cần phải làm việc với những đoạn code nữa. Tuy nhiên, SothinkDHTMLMenu lại có một nhược điểm là bị lỗi font tiếng Việt Unicode khi chạy menu trên trình duyệt và các tập tin do chương trình tạo ra là rất nhiều và nằm cùng thư mục với tập tin web vừa tạo nên có phần nào đó làm cho phần thiết kế không có tính khoa học. Nhưng hai lỗi trên vẫn có thể được khắc phục dễ dàng bằng cách làm việc với những đoạn code.

  1. Tạo liên kết cho trang web.

Một trang web được thiết kế ra không chỉ cong ty thiet ke website chứa thông tin của nội bộ trang web mà nó còn phải được liên kết với nhiều trang web khác để nội dung thêm phong phú. Có thể tạo liên kết từ một hình ảnh đến trang web hoặc từ một dòng chữ tùy theo sở thích của người thiết kế. Các bước thực hiện như sau:

– Chèn hình hoặc nhập dòng chữ cần tạo liên kết.

– Bấm chọn hình hoặc chọn dòng chữ cần tạo liên kết.

Nhập vào ô Link ở khung Properties địa chỉ trang web cần liên kết tới.