Drupal: 2.2. Lập kế hoạch cho bố cục trang web của bạn
Giải phóng thời gian, khai phóng năng lực
Mục tiêu
Lập kế hoạch điều hướng và bố cục của trang web, cho cả trình duyệt trên thiết bị di động và máy tính để bàn.
Kiến thức tiên quyết
Các bước
Bạn nên lên kế hoạch bố cục trang web trước khi bắt đầu xây dựng trang web và viết nội dung; tuy nhiên, kế hoạch của bạn có thể cần được sửa đổi trước khi bạn bắt đầu triển khai hoặc sau khi bạn có một số trang web được xây dựng với nội dung dự thảo tại chỗ, dựa trên mối quan tâm ngân sách hoặc phản hồi của các bên liên quan.
-
Tạo danh sách thông tin mà trang web của bạn sẽ hiển thị cho khách truy cập. Trong kịch bản thị trường nông dân, điều này có thể bao gồm:
- Vị trí của thị trường, với chỉ đường và bản đồ
- Giờ và ngày thị trường mở cửa
- Lịch sử của thị trường
- Danh sách các nhà cung cấp
- Thông tin chi tiết về từng nhà cung cấp
- Danh sách công thức nấu ăn có thể tìm kiếm
- Chi tiết về từng công thức
- Danh sách các công thức nấu ăn được thêm gần đây nhất
-
Quyết định thông tin nào nên trên trang hoặc loại trang nào trên trang web:
Thông tin phải ở trên tất cả các trang
Địa chỉ, giờ và danh sách công thức được thêm gần đây
Các trang chi tiết nhà cung cấp
Thông tin về từng nhà cung cấp trên trang riêng của mình
Các trang chi tiết công thức
Chi tiết của từng công thức trên trang riêng của nó
Trang chủ
Vị trí, bản đồ, chỉ đường và giờ
Trang About
Lịch sử của thị trường
Trang danh sách nhà cung cấp
Danh sách các nhà cung cấp, với các liên kết đến các trang chi tiết của nhà cung cấp
Trang danh sách công thức
Danh sách công thức nấu ăn có thể tìm kiếm, với các liên kết đến các trang chi tiết công thức
- Quyết định thông tin nào là quan trọng nhất trên mỗi trang. Khách truy cập trang web sử dụng điện thoại di động hoặc các trình duyệt nhỏ khác thường sẽ chỉ xem nội dung được hiển thị trước và họ không thể cuộn xuống để xem tất cả thông tin.
- Quyết định trang nào trong số các trang này sẽ xuất hiện trong điều hướng trang chính. Ví dụ: điều hướng chính có thể bao gồm Trang chủ, Giới thiệu, Nhà cung cấp và Công thức.
-
Tạo một bản phác thảo thiết kế thô cho từng trang, hiển thị nó trông như thế nào khi được xem trên một màn hình nhỏ như điện thoại, cũng như trên màn hình lớn hơn như trình duyệt trên máy tính để bàn. Xem xét rằng hầu hết khách truy cập trang web sẽ sử dụng trình duyệt nhỏ hơn, bạn nên bắt đầu với bố cục kích thước điện thoại để đảm bảo rằng những khách truy cập này sẽ có thể tìm thấy thông tin họ cần mà không cần cuộn quá nhiều.
Khi thực hiện các sơ đồ bố trí trang này, bạn có thể thấy rằng bạn cần sửa đổi kế hoạch của mình để có thông tin nào trên trang nào. Ví dụ: bạn có thể quyết định rằng địa chỉ, giờ và danh sách công thức được thêm gần đây sẽ phù hợp với tất cả các trang bên phải, khi trang web được xem trên các trình duyệt có kích thước màn hình. Mặt khác, bạn có thể quyết định rằng đối với trình duyệt di động, thay vào đó bạn sẽ đặt địa chỉ và giờ ở định dạng ngắn ở đầu mỗi trang, nhưng chỉ hiển thị danh sách công thức gần đây ở cuối trang chủ.
Mở rộng hiểu biết của bạn
Giải phóng thời gian, khai phóng năng lực