Hiện nay, website đã không còn xa lạ với mỗi chúng ta. Và việc thiết kế web cũng càng trở nên đơn giản, tiện lợi hơn nhờ có rất nhiều công cụ hỗ trợ. Trong quá trình lập kế hoạch và làm một website , các ngôn ngữ như HTML, CSS , Javascript… được sử dụng để tạo ra cấu trúc , bố cục hay tính năng tương tác trên site. Tuy nhiên, không phải ai cũng có thể thiết kế web đẹp, đúng chuẩn và thu hút người xem.
Bài viết dưới đây sẽ giới thiệu tới bạn đọc các mẹo nhỏ sử dụng trong thiết kế web nhằm làm tăng sự hữu ích của các trang web.
1. Đặt Tên và Logo của bạn trên mỗi trang và tạo cho Logo một link tới trang chủ (ngoại trừ trên bản thân trang chủ, nơi mà Logo không nên là một link liên kết. Bên cạnh đó, bạn cũng không nên có một link lại chỉ ngay tới trang hiện tại).
2. Cung cấp tính năng Search nếu trang web có hơn 100 trang. – Viết các tiêu đề trang và tiêu đề bài đơn giản và dễ hiểu, giải thích rõ ràng trang đó nói về cái gì và điều đó sẽ trở nên có ý nghĩa khi đọc ngoài ngữ cảnh trong một danh mục kết quả của search engine.
3.Khi lập kế hoạch cho việc thiết kế web của bạn cẩn phải rất cẩn thận về việc chọn màu sắc. Màu sắc của bạn nên để sao cho có thể dễ dàng thu hút đối tượng mục tiêu của bạn. Ví dụ : bạn có thể muốn giới thiệu viết chữ màu tối trên nền sáng, làm ngược lại điều này khả năng hấp dẫn người đọc sẽ bị giảm đi rất nhiều.
4.Kỹ thuật cơ bản là chọn màu tương phản. Hãy nhớ rằng, nó giúp cho khách dễ dàng truy cập và tránh việc khiến họ phải ấn back trở lại. Bí quyết là sử dụng một sự kết hợp màu sắc tương phản cho nền trang và văn bản nền trư
5. Xây dựng cơ cấu trang web để tạo điều kiện thuận lợi cho việc đọc và giúp người truy cập dễ dàng có thể nắm bắt thông tin một cách nhanh chóng.
6. Sử dụng các tranh ảnh về sản phẩm. Bạn chỉ nên có một bức ảnh nhỏ trên mỗi một trang sản phẩm riêng và link bức ảnh tới một hoặc nhiều bức ảnh lớn hơn mà chúng biểu diễn chi tiết như mong muốn của người truy cập. Sự thay đổi này phụ thuộc vào loại sản phẩm. Một số sản phẩm thậm chí đòi hỏi những bức ảnh có thể phóng to, thu nhỏ hay xoay được nhưng để dự trữ tất cả các bài viết trước cho các trang cấp 2. Trang sản phẩm ban đầu phải nhanh và nên được giới hạn đến một bức ảnh thumbnail.
7. Sử dụng các tiêu đề link để giúp cho người truy cập xem trước được nơi mà mỗi cái link sẽ đưa họ đến trước khi họ click vào đó.
8. Sử dụng từ ngữ phù hợp cho các đề mục: Ngữ nghĩa chiếm một phần lớn trong thành công của một website. Ví dụ để báo cho người dùng nút tìm kiếm thì có nhiều cách như một từ ngữ hoặc icon … tuy nhiên theo tôi hãy để nguyên từ ngữ vì người dùng sẽ tiết kiệm thời gian hơn rất nhiều để luận ra tính năng đó. Hay như trong các blog thông thường có sử dụng các từ như “bài đăng cũ hơn” , “ bài đăng mới hơn ” .. những từ ngữ này sẽ giúp người dùng định nghĩa và hình dung được nơi họ sẽ đến khi click vào.
9. Hãy chọn các yếu tố có thể giúp web trông gọn gàng và có tổ chức, nó sẽ giúp cho người đọc có khoảng không thích hợp để quan sát toàn bộ nội dung. Để làm được điều này hệ thống mạng lưới sẽ làm cho công việc của bạn dễ dàng hơn nhiều, cá nhân tôi khuyên bạn nên sử dụng hệ thống Grid hoặc hệ thống Grid 960 nhưng cũng có người làm khác thậm chí tạo riêng cho mình một phong cách sắp xếp riêng.
10. Làm bóng một cách tinh tế : bạn nên tạo bóng một cách khéo léo và không cần quá rõ ràng.
Sử dụng mã nguồn ánh sáng phù hợp : Nếu bạn sử dụng hai hay nhiều bóng hãy tạo một thiết kế phù hợp, đảm bảo nguồn sáng luôn luôn giống nhau.
11. Hãy làm giống như bất kỳ người nào khác: nếu hầu hết các trang web lớn đều làm một cái gì đó theo một cách cố định, hãy làm theo họ bởi vì người truy cập cũng sẽ mong muốn làm như vậy trên trang web của bạn. Hãy ghi nhớ Luật về Kinh nghiệm người truy cập Web của Jakob: Người truy cập sử dụng hầu hết thời gian của họ vào các trang web khác, vì vậy đó là nơi họ định hình mong muốn được biết một trang Web hoạt động như thế nào.
Hàm Rồng Media – Đơn vị thiết kế web tại Thanh Hóa hi vọng qua bài viết này sẽ giúp ích cho các bạn trong quá trình thiết kế web. Chúc các bạn thiết kế được những website ưng ý và đẹp mắt.
