Wireframe được sử dụng ở giai đoạn đầu trong quá trình phát triển dự án để giúp người dùng và khách hàng có thể xem xét và chấp thuận layout của trang chính và các thanh điều hướng. Wireframe cũng giúp tiết kiệm đáng kể thời gian và tiền bạc trong giai đoạn kiểm thử và giai đoạn bảo trì sau này của dự án.
1. Wireframe là gì?
Wireframe là việc thực hiện thiết kế dịch vụ trang web ở cấp độ cấu trúc. Một Wireframe thường được sử dụng để bố trí layout của nội dung và chức năng trên một trang, có sự xem xét đến nhu cầu của người dùng và hành trình của người dùng (user journeys). Wireframe được sử dụng trong giai đoạn đầu của quá trình phát triển sản phẩm để thiết lập cấu trúc cơ bản của một trang trước khi thiết kế và thêm nội dung vào.
2. Đặc điểm của wireframe
- Wireframe là công cụ cần thiết trong thiết kế giao diện người dùng (thiết kế UI)
Wireframe là bố cục của một trang web thể hiện các yếu tố giao diện sẽ hiển thị trên trang chính, đây là một phần trọng của quá trình thiết kế tương tác.
Mục đích của wireframe là cung cấp các hiểu biết trực quan về trang trong giai đoạn đầu của dự án để giúp các bên liên quan và nhóm dự án sớm chấp thuận trước khi bước sang giai đoạn sáng tạo. Wireframe cũng được sử dụng để tạo ra điều hướng toàn cục và điều hướng thứ cấp (secondary navigation) để đảm bảo thuật ngữ và cấu trúc được sử dụng cho trang web đáp ứng với mong đợi của người dùng.
- Wireframe dễ được chấp thuận hơn so với thiết kế khái niệm
Việc xem xét và sửa đổi cấu trúc của các trang chính ở định dạng wireframe khá là nhanh và rẻ. Việc lặp lại quá trình phát triển wireframe cho đến phiên bản cuối cùng sẽ giúp khách hàng và nhóm thiết kế tin tưởng rằng sản phẩm đang đáp ứng đúng nhu cầu của người dùng trong khi vẫn hoàn thành các mục tiêu kinh doanh và dự án chính.
- Wireframe diễn ra ở giai đoạn đầu của vòng đời dự án
Thường được dùng để hoàn thành quy trình Thiết kế lấy người dùng làm trung tâm, Wireframe cũng được sử dụng ở giai đoạn đầu của quá trình thiết kế. Một bài kiểm tra khả năng sử dụng prototype thường sẽ là bài kiểm tra các trang wireframe để nhận được phản hồi của người dùng trước khi đến với quy trình sáng tạo.
Wireframe có thể đơn giản được vẽ bằng tay nhưng nó thường được kết hợp với sử dụng phần mềm như Microsoft’s Visio. Tuy nhiên, nếu wireframe được sử dụng cho một bài kiểm tra sử dụng prototype , thì cách tốt nhất là tạo ra trên HTML. Một số phần mềm tốt để xây dựng Wireframe dễ dàng là Axure RP hoặc Omnigraffle (chỉ dành cho Macbook).
3. Ưu nhược điểm của Wireframe
- Ưu điểm
Một trong những lợi thế nổi bật của wireframe là khả năng cung cấp hình ảnh trực quan và sử dụng nó để duyệt lại với khách hàng. Người dùng cũng có thể dùng wireframe như một cơ chế phản hồi ban đầu cho các bài kiểm tra về khả năng sử dụng Prototype. Wireframe không những dễ dàng sửa đổi hơn so với thiết kế khái niệm, một khi nó được cả khách hàng và người dùng chấp thuận, nó đem đến sự tin tưởng cho nhà thiết kế.
Từ góc độ thực tế, wireframe đảm bảo nội dung và chức năng của trang được định vị một cách chính xác dựa trên nhu cầu của người dùng và doanh nghiệp. Và khi dự án tiến triển, wireframe có thể được sử dụng như một cuộc đối thoại tốt giữa các thành viên trong nhóm dự án để cùng nhau thống nhất về tầm nhìn và phạm vi của dự án.
- Hạn chế
Vì Wireframe không bao gồm việc thiết kế, hoặc bất kỳ hàm ý về kỹ thuật nào, nên không phải lúc nào khách hàng cũng dễ dàng nắm bắt được các khái niệm này. Nhà thiết kế cũng sẽ phải chuyển các wireframe thành các mẫu thiết kế, vì vậy thường cần giao tiếp hỗ trợ giải thích tại sao thành phần này trong trang được sắp xếp nằm ở vị trí đó trong wireframe. Ngoài ra, khi nội dung được thêm vào, ban đầu có thể có quá nhiều nội dung nên không thể đáp ứng được layout của wireframe, vì vậy mà nhà thiết kế và copywriter cần làm việc chặt chẽ với nhau để trang trở nên được hoàn thiện.
Hy vọng thông tin của bài viết sẽ đưa bạn tiến xa hơn trong hành trình thiết kế Wireframe của bạn và đừng quên đón xem các bài viết mới nhất sẽ được cập nhật thường xuyên tại BAC’s Blog.
Nguồn tham khảo:
https://www.experienceux.co.uk
https://balsamiq.com
Nhu cầu đào tạo doanh nghiệp
BAC là đơn vị đào tạo BA đầu tiên tại Việt Nam. Đối tác chính thức của IIBA quốc tế. Ngoài các khóa học public, BAC còn có các khóa học in house dành riêng cho từng doanh nghiệp. Chương trình được thiết kế riêng theo yêu cầu của doanh nghiệp, giúp doanh nghiệp giải quyết những khó khăn và tư vấn phát triển.
Tham khảo chương trình đào tạo:
Các bài viết liên quan Power BI:
- Power BI cơ bản cho người mới bắt đầu
- Chỉnh sửa và định hình dữ liệu trong Power BI Desktop
- Kết hợp dữ liệu trong Power BI Desktop
- Hướng dẫn kết nối dữ liệu trong Power BI Desktop
- Hướng dẫn tải & cài đặt Power BI trên máy tính
- Khóa học Phân tích và trực quan hóa dữ liệu với Power BI
- Power BI là gì?
Các bài viết liên quan:
- TABLEAU – Giải pháp BUSINESS INTELLIGENCE (BI) – click vào đây
- Hướng dẫn cài đặt và Sử dụng TABLEAU – click vào đây
- Tính năng mới trên tableau – verion 2019.1 – click vào đây
BAC – Biên soạn và tổng hợp nội dung