Thiết kế web: Làm thế nào để tạo ra các Dây Có thể Nhấp - đầu

Trong quá trình xây dựng một trang web, khách hàng cần phải hiểu cách trang web được tổ chức. Wireframes (các bản vẽ chi tiết từng màu đen trắng của mỗi trang web chính) cho thấy những gì diễn ra trên trang, cách điều hướng và tác động tương tác, và cách bố trí trang chung. Đối với các trang web lớn hoặc phức tạp, chỉ cần nhìn vào wireframes giống như bản đồ trên giấy là không đủ cho khách hàng để hình dung sự tương tác và tổ chức của một trang web. Vì vậy, sau khi bạn xây dựng sơ đồ trang web và bắt đầu wireframing, dành một chút thời gian để lắp ráp một mẫu thử nghiệm wireframe nhanh chóng của trang web trong HTML, trong đó nhiều mục nhấp được hoạt động. Bằng cách đó, khách hàng có thể nhấp vào các phiên bản phác thảo của điều hướng và các nút để xem họ đi đâu. ( Lưu ý: Đối với các trang web nhỏ không có nhiều tương tác phức tạp hoặc nhiều phần, việc đi bộ khách hàng thông qua PDF của wireframes của bạn rất nhiều)

Thử xuất các wireframes dưới dạng tệp GIF. Bởi vì wireframe là (và nên) là màu xám và văn bản, bạn sẽ có chất lượng và nén tốt hơn khi lưu chúng dưới dạng GIF.

Trong Dreamweaver, chèn toàn bộ khung GIF vào trang, cũng như bạn chèn một hình ảnh. Sau đó, bạn có thể vẽ

điểm nóng (các khu vực có thể nhấp vào mà bạn xác định) trên đầu trang của bạn và liên kết chúng với các trang khác nhau của bạn. Voilà: một nguyên mẫu wireframe nhanh chóng, có thể nhấp được sẵn sàng để chia sẻ với khách hàng của bạn. Nếu bạn tiện dụng trong HTML, bạn có thể lấy mẫu thử nghiệm của mình thêm một bước nữa bằng cách xây dựng cả hệ thống định vị làm việc cũng như bất kỳ tính năng động nào bạn dự định đưa vào, chẳng hạn như trình đơn thả xuống hoặc khoảng trống accordion.

Trình bày mô hình wireframe có thể nhấp cho khách hàng như một cách để giúp họ hình dung cách trang web được tổ chức và cách người dùng sẽ điều hướng qua các nhiệm vụ chính như đặt hàng sản phẩm. Bạn cũng có thể trình bày các khung dây có thể nhấp để kết thúc người dùng để xem trang web có hợp với quan điểm của họ hay không. Ở giai đoạn này, điều quan trọng là phải tìm ra tất cả các kinks trong trang web và nhận được sự chấp thuận của khách hàng trước khi chuyển tiếp với thiết kế trực quan và mã hóa HTML.