Cách tạo Wireframe bằng Google Docs?
1. Wireframe là gì?
Wireframe về cơ bản chính là bố cục của một trang web hoặc ứng dụng cụ thể. Nó bao gồm bản mô phỏng các thành phần như nội dung, hình ảnh, nhằm giúp đội ngũ phát triển trang web / ứng dụng cùng khách hàng có cái nhìn bao quát, hiểu rõ mục tiêu về các thành phần cần hiển thị sẽ được sắp xếp như thế nào.
Wireframe giúp các designers hình dung được cấu trúc của trang web sẽ trông ra sao và luồng thao tác của người dùng trong quá trình sử dụng. Điều này đòi hỏi designers phải thật sự thấu hiểu nhu cầu người dùng và vấn đề cần giải quyết là gì.
2. Cách tạo Wireframe bằng Google Docs?
- Đối với Wireframe trang web việc có một sơ đồ trang web luôn hữu ích. Về cơ bản là chỉ mục của các trang bên trong và mối quan hệ phân cấp của chúng với nhau. Vì vậy, hãy tạo sơ đồ trang web của bạn bằng cách sử dụng các chức năng dấu đầu dòng để xác định các cấp độ, như thể hiện trong hình ảnh này:
- Để thêm các khối nội dung khác nhau, bạn có thể sử dụng chức năng Chèn bảng trong Google Tài liệu . Nhấp vào Chèn → Bảng và chọn số lượng cột và hàng.
- Tương tự, bạn có thể thêm nhiều bảng hơn cho từng khối nội dung được yêu cầu, cho đến khi Wireframe của bạn trông giống như thế này:
Ưu điểm của việc tạo Wireframe trong Google Docs:
- Đơn giản để bắt đầu
- Hợp tác cao
- Thích hợp cho các trang tĩnh chỉ với một vài yếu tố tương tác
Nhược điểm của việc tạo Wireframe trong Google Docs:
- Không phù hợp với các wireframe phức tạp có nhiều liên kết
- Không có canvas dành riêng cho thiết bị
- Không có hoạt ảnh và các hiệu ứng khác để tạo mẫu
3. Cách tạo Google Map App Wireframe?
Wondershare Mockitt là một công cụ chuyên dụng để tạo wireframe. Mặc dù giao diện đơn giản nhưng ứng dụng này cung cấp cho bạn toàn quyền kiểm soát thư viện nội dung, chỉnh sửa thiết kế, khả năng tương tác.
Bước 1: Tạo một dự án đầu tiên. Nhấp vào "Tạo > Nguyên mẫu". Chọn một thiết bị cụ thể để mở canvas tương ứng.
Bước 2: Thêm Tiện ích Bản đồ vào Canvas
Tiếp theo, bạn có thể thêm tiện ích bản đồ trong bảng tiện ích tích hợp. Chỉ cần kéo và thả tiện ích vào canvas của bạn.
Kéo và thả tiện ích trang web vào khung vẽ của bạn rồi nhập địa chỉ.
Bằng cách thực hiện theo các bước được hiển thị ở trên, bạn có thể tạo wireframe cho các ứng dụng hoặc trang web của Google Map một cách hiệu quả so với phương pháp wireframe của Google Tài liệu.