Wireframe là một công cụ hữu ích giúp BA trực quan hóa các màn hình giao diện người dùng và tạo ra sự hiểu biết chung giữa BA và các bên liên quan. Các công cụ Wireframe có thể giúp các Business Analyst dễ dàng thu thập yêu cầu của khách hàng. Từ đó các BA có thể nhận ra rằng Khách hàng không hài lòng với thiết kế người dùng sau bản dựng.
Hầu hết các tổ chức đều thích sử dụng các công cụ chuyên dụng để đóng khung nhanh chóng và không rắc rối. BAC sẽ đưa ra những công cụ hàng đầu hiện đang được sử dụng tại các công ty CNTT hàng đầu.
1. Balsamiq Mockups
Balsamiq Mockups là công cụ linh hoạt và thân thiện với người dùng nhất trong danh sách. Bất kể trải nghiệm mô phỏng giao diện người dùng trước đó như thế nào, bất kỳ ai cũng có thể dễ dàng thích ứng với nó một cách nhanh chóng. Bạn có thể sử dụng công cụ này để cộng tác với các cá nhân khác trong một dự án cụ thể. Bạn có thể nhận được phản hồi theo thời gian thực về công việc của mình, từ đó cải thiện chất lượng của các mô hình được hiển thị. Công cụ này có thể tích hợp liền mạch với Google Drive và cũng cung cấp nhiều tùy chọn plug-in khác nhau để nâng cao trải nghiệm người dùng.
Balsamiq Mockups mang lại cho người dùng người sự tiện ích như đơn giản dễ sử dụng, nó có thể giúp bạn chia sẻ wireframe dễ dàng qua web, PDF hoặc hình ảnh. Bên cạnh đó tốc độ cũng được tối ưu hóa và hàng trăm thành phần UI do cộng đồng tạo ra. Mặt khác, nó có một nhược điểm đó là chỉ thích hợp cho wireframe có tốc độ tín hiệu thấp.
2. UXPin Mockups tool
UXPin nổi tiếng với có hơn 1000 thành phần UI tích hợp mà người dùng thể sử dụng để thiết kế wireframe dựa trên đám mây hoặc dựa trên thiết bị di động. Bên cạnh các thành phần dành cho wireframe, UXPin còn trình bày các thành phần UI cho Bootstrap, iOS, Android và Foundation. Hơn nữa, bạn cũng có thể nhập hoặc xuất tệp đến và từ Sketch và Photoshop.
Merge là một trong số các tính năng đáng chú ý nhất của UXPin. Nó cho phép bạn tạo các nguyên mẫu thực tế được nhúng mã. Nó cũng hoạt động đặc biệt tốt về các công cụ làm việc nhóm. Bạn nhận được một công cụ trình bày trực tiếp cho phép bạn cung cấp bản demo mô hình của mình cho khách hàng. Bên cạnh đó, UXPin cũng có các ưu điểm tương tự như Balsamiq Mockups.
3. Fluid UI
Một số tính năng tương tự giúp các công cụ wireframe khác trong danh sách này hoạt động tốt cũng có sẵn trong Fluid UI. Tuy nhiên, nó vẫn nổi bật nhờ một số kỹ năng đặc biệt. Với sự trợ giúp của công cụ này, bạn có thể tạo hoạt ảnh và chuyển tiếp cho wireframe của mình. Công cụ này cung cấp cho bạn hơn 2000 thành phần giao diện người dùng tích hợp có thể thiết kế các nguyên mẫu dựa trên web, dựa trên đám mây và dựa trên thiết bị di động.
Nó mang lại cho khách hàng sự tự do tương tác với giao diện người dùng được thiết kế cho nhiều kích thước màn hình, bao gồm máy tính để bàn, thiết bị di động và thiết bị đeo như Pebble và Apple Watch. Fluid UI là công cụ cộng tác tuyệt vời, giống như bất kỳ công cụ wireframe tốt nào khác. Với tính năng trò chuyện video tích hợp sẵn, khách hàng có thể nhận được phản hồi ngay lập tức về mô hình giao diện người dùng của họ dễ dàng hơn.
4. Hot Gloo
Có thể nói rằng Hot Gloo là một trong những công cụ tốt để tạo wireframe. Để tạo các nguyên mẫu đáp ứng, bạn có thể thử nghiệm hơn 2000 thành phần giao diện người dùng và hơn 5000 biểu tượng. Bạn có thể tối ưu hóa wireframe bạn tạo bằng Hot Gloo cho màn hình trên máy tính bảng, PC, điện thoại thông minh và thiết bị đeo.
Ngoài ra, Hot Gloo cho phép bạn nhanh chóng gửi email cho khách hàng bản demo của wireframe bạn đã xây dựng để bạn có thể nhận được thông tin đầu vào của họ trong thời gian thực. Công cụ này có khả năng cộng tác nhóm từ xa đáng kinh ngạc, giống như phần lớn các giải pháp wireframe trong danh sách này.
5. InDesign CC
Giống như hầu hết các sản phẩm khác, InDesign CC có một bộ sưu tập lớn các thành phần UI. Nhưng người dùng cũng có thể phát triển wireframe đáp ứng bằng cách tạo các thành phần UI được cá nhân hóa. Sau đó, các thành phần giao diện người dùng riêng biệt có thể được lưu trữ trong thư viện để sử dụng sau này. Bạn cũng có thể áp dụng các hiệu ứng hoạt hình và chuyển tiếp cho mô hình của mình bằng InDesign CC.
InDesign CC là một sản phẩm của Adobe. Điều này trở nên cực kỳ có lợi khi bạn có quyền truy cập vào vô số nội dung có sẵn, video, đồ họa, v.v. mà bạn có thể nhập trực tiếp từ thư viện Adobe. Sau khi tạo, bạn có thể dễ dàng xuất bản và phân phối wireframe của mình qua hình thức trực tuyến để thu thập phản hồi.
6. Microsoft Visio
Microsoft Visio là một công cụ dễ sử dụng cho phép bạn tạo các wireframe có độ phân giải thấp. Khía cạnh tốt nhất của nền tảng này là nó có chung giao diện quen thuộc với MS Excel và Word. Bạn cũng nhận được sự hỗ trợ của một số plugin của bên thứ ba nhằm nâng cao trải nghiệm người dùng. Bạn cũng có thể xuất wireframe được tạo dưới dạng tệp HTML.
7. Pidoco
Pidoco giúp người dùng tạo các nguyên mẫu tương tác có thể mô phỏng một cách thuần thục những gì ứng dụng của bạn sẽ cảm thấy một cách chính xác. Nền tảng này cho phép người dùng tận dụng chuyển động của thiết bị, cử chỉ chạm và nhấp chuột để tạo ra các nguyên mẫu có tính phản ứng cao.
Bạn cũng có thể thử nghiệm các nguyên mẫu đã phát triển của mình trên iOS và Android với Pidoco. Để sử dụng nguyên mẫu của bạn trên thiết bị di động, bạn thậm chí không cần tải xuống hoặc cài đặt ứng dụng. Bạn cũng có thể tạo các thành phần giao diện người dùng của riêng mình bằng nền tảng mà bạn có thể lưu trữ và sử dụng lại để tạo bố cục
8. Penultimate
Penultimate không hẳn là phần mềm wireframe giàu tính năng như những phần mềm khác. Tuy nhiên, bạn có thể sử dụng công cụ này để duy trì những kiến thức cơ bản về wireframe liên quan đến việc thiết kế màn hình cho iPad trực tiếp trên thiết bị.
Penultimate cũng đi kèm với tính năng cộng tác nhóm mạnh mẽ, cho phép bạn làm việc từ xa trên một màn hình cụ thể với những người dùng khác trên nền tảng. Các wireframe được hình thành bằng nền tảng này có thể được xem trên cả thiết bị di động và máy tính.
9. Protoshare
Protoshare cũng là một công cụ tạo wireframe tương đối dễ sử dụng hoạt động trên cả PC và Mac. Công cụ tạo mẫu cộng tác này có thể được sử dụng để thiết kế, tinh chỉnh và đánh giá các nguyên mẫu giao diện người dùng trên thiết bị di động cũng như trên web của bạn.
Protoshare được người dùng yêu thích bởi vì tất cả những gì bạn phải làm chỉ là tập trung vào việc thiết kế các nguyên mẫu của mình với thư viện thành phần có sẵn. Nền tảng tự động quản lý tài liệu về phản hồi.
10. Pencil project
Pencil Project khác biệt với tất cả các công cụ khác đã được đề cập ở đây bằng cách trở thành một nền tảng tạo mẫu GUI nguồn mở. Nó cung cấp rất nhiều thành phần tích hợp mà bạn có thể sử dụng để tạo mô hình giao diện người dùng trên thiết bị di động và trang web. Nền tảng này cũng cho phép bạn nhập clipart trực tiếp từ internet để thêm vào nguyên mẫu của mình.
11. Flair Builder
Bạn có thể sử dụng bộ thành phần tích hợp mở rộng mà Flair Builder cung cấp để tạo các nguyên mẫu đơn giản, đáp ứng cho trang web và thiết bị di động. Với một vài cú nhấp chuột, bạn cũng có thể kết hợp các hiệu ứng hoạt hình và chuyển tiếp phức tạp vào wireframe của mình.
Nó cũng có một hệ thống đánh giá tuyệt vời. Bạn có thể dễ dàng cung cấp bằng chứng khái niệm cho khách hàng của mình bất cứ lúc nào. Trình xem trực tuyến miễn phí do Flair Builder cung cấp là tính năng tuyệt vời nhất vì nó cho phép bạn chia sẻ nguyên mẫu của mình với mọi người chỉ trong vài phút.
Để phục vụ tốt cho công việc của mình thì các BA nên cân nhắc tận dụng các công cụ wireframe kể trên để đạt hiệu quả tốt nhất cho dự án của mình. Hy vọng rằng những chia sẻ của BAC sẽ giúp ích cho bạn. Đừng quên đón đọc các bài viết mới nhất được cập nhật tại BAC's Blog bạn nhé.
Nguồn tham khảo:
https://www.softwaretestinghelp.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.
CÁC KHOÁ HỌC BUSINESS ANALYST BACs.VN DÀNH CHO BẠN
Khoá học Online:
Khoá học Offline:
Tại Tp.HCM:
Tại Hà Nội:
Tham khảo lịch khai giảng TẤT CẢ các khóa học mới nhất
Ban biên tập nội dung - BAC