ENSURING SITE USABILITY Design is a

ENSURING SITE USABILITY
Design is a process. As we discussed in Chapter 3, “Planning and Design,” before you even write any code, you need to
plan the scope of your site
learn about your users
sketch layouts (draw wireframes) to plan where your page components will go
solicit preliminary user feedback
and create a mockup
Learn about your users’ needs and conduct usability testing along the way. Follow the process in Chapter 3 as you design, and make sure you check your code and test for cross platform compatibility, as we will discuss later in this chapter. Test to see how long your page takes to download—many web-design tools, such as Adobe Dreamweaver, can help with this. Research suggests that 40% of users will leave a site if it takes more than 3 seconds to load.
You have a plan for a representative page. Now for the dirty work: creating a working prototype. Start with one master page or template, and test it, as you are working, on multiple browsers and operating systems (platforms). This may be the most labor-intensive page you create. Make sure you can implement your design without lots of problems. If you can’t get something to work, modify your design before you create multiple pages. Figure 7.11 shows the basic boxes for a page and the accompanying code. Each of the boxes is created by a div element. Look at each div and its id attribute (essentially, a label for a unique item on the page): the section where a header graphic might go is , the box for the navigation is , and
FIGURE

Kết quả (Việt) 1:

ĐẢM BẢO KHẢ NĂNG SỬ DỤNG TRANG WEB Thiết kế là một quá trình. Khi chúng tôi thảo luận trong chương 3, "Lập kế hoạch và thiết kế," trước khi bạn thậm chí viết bất kỳ mã, bạn cần phải phạm vi của trang web của bạn có kế hoạch Tìm hiểu về người dùng của bạn phác họa bố trí (vẽ wireframes) để kế hoạch của bạn thành phần trang sẽ đi đâu thu hút phản hồi người dùng sơ bộ và tạo một mockup Tìm hiểu về nhu cầu của người dùng và tiến hành các khả năng sử dụng thử nghiệm trên đường đi. Theo tiến trình trong chương 3 khi bạn thiết kế, và chắc chắn rằng bạn kiểm tra mã của bạn và thử nghiệm cho qua nền tảng tương thích, như chúng tôi sẽ thảo luận sau đó trong chương này. Bài kiểm tra để xem trang của bạn cần bao lâu để tải về-công cụ thiết kế web nhiều, chẳng hạn như Adobe Dreamweaver, có thể giúp với điều này. Nghiên cứu cho thấy rằng 40% người dùng sẽ để lại một trang web mất hơn 3 giây để tải. Bạn có một kế hoạch cho một trang đại diện. Bây giờ cho công việc bẩn: tạo ra một mẫu thử nghiệm làm việc. Bắt đầu với một trang chủ hoặc các mẫu, và thử nghiệm nó, như bạn đang làm việc trên nhiều trình duyệt và hệ điều hành (nền tảng). Điều này có thể là lao động đặt trang bạn tạo ra. Đảm bảo rằng bạn có thể thực hiện các thiết kế của bạn mà không có rất nhiều vấn đề. Nếu bạn không thể có được một cái gì đó để làm việc, thay đổi thiết kế của bạn trước khi bạn tạo nhiều trang. 7,11 hình cho thấy hộp cơ bản cho một trang và mã số kèm theo. Mỗi người trong số các hộp được tạo ra bởi một phần tử div. Nhìn vào mỗi div và thuộc tính id (về cơ bản, một nhãn hiệu cho một mục duy nhất trên trang): là phần đồ họa tiêu đề có thể đi đâu , là hộp cho điều hướng , và CON SỐ

Kết quả (Việt) 2:

ĐẢM BẢO SITE khả năng sử dụng
Thiết kế là một quá trình. Như chúng ta đã thảo luận ở Chương 3, "Quy hoạch và Thiết kế," trước khi bạn viết bất kỳ mã, bạn cần phải
lên kế hoạch phạm vi của trang web của bạn
tìm hiểu về người dùng của bạn
bố trí bản phác họa (vẽ wireframes) để lên kế hoạch mà các thành phần trang web của bạn sẽ
thu hút người sử dụng sơ bộ thông tin phản hồi
và tạo ra một mockup
Tìm hiểu về nhu cầu của người dùng và tiến hành kiểm tra khả năng sử dụng trên đường đi. Theo dõi quá trình Chương 3 như bạn thiết kế, và chắc chắn rằng bạn kiểm tra mã và thử nghiệm của bạn để tương thích đa nền tảng, như chúng ta sẽ thảo luận sau trong chương này. Kiểm tra xem bao lâu trang của bạn cần để tải-nhiều công cụ thiết kế web, chẳng hạn như Adobe Dreamweaver, có thể giúp đỡ này. Nghiên cứu cho thấy rằng 40% người dùng sẽ rời khỏi trang web nếu nó phải mất hơn 3 giây để tải.
Bạn có một kế hoạch cho một trang đại diện. Bây giờ cho các công việc dơ bẩn: tạo ra một mẫu thử nghiệm làm việc. Bắt đầu với một trang chủ hoặc mẫu, và thử nghiệm nó, như bạn đang làm việc, trên nhiều trình duyệt và hệ điều hành (HĐH). Đây có thể là trang nhất nhiều lao động bạn tạo ra. Hãy chắc chắn rằng bạn có thể thực hiện các thiết kế của bạn không có nhiều vấn đề. Nếu bạn không thể có được một cái gì đó để làm việc, thay đổi thiết kế của bạn trước khi bạn tạo nhiều trang. Hình 7.11 cho thấy các hộp cơ bản cho một trang và mã kèm theo. Mỗi hộp được tạo ra bởi một phần tử div. Nhìn vào mỗi div và thuộc tính của nó id (về cơ bản, một nhãn cho một mặt hàng độc đáo trên trang): phần mà một tiêu đề đồ họa có thể đi là, Hộp cho điều hướng , Và
hình