I. Lợi ích, công dụng
1. Giúp bạn thuyết trình với khách hàng
-
Là một nhà thiết kế, bạn biết rằng khi bạn trình bày công việc của mình, thuyết trình là tất cả. Có một sự khác biệt giữa ngày và đêm giữa việc gửi email 30 tệp JPG khác nhau cho khách hàng của một thiết kế trang web và hỏi phản hồi của họ, và gửi cho họ một liên kết đến một nguyên mẫu tương tác (gọi là Prototype) mà họ có thể chạy trên đó như thể nó là một trang web thực sự .
-
Bản thuyết trình của bạn thực sự có thể tạo ra sự khác biệt, cả về cách khách hàng của bạn cảm nhận được chất lượng mà bạn cung cấp và chất lượng phản hồi họ có thể cung cấp.
2. Kiểm soát thiết kế
-
Đây là nơi InVision thực sự tỏa sáng. Khi bạn tải thiết kế lên màn hình của mình, nó hiển thị chúng theo cách giống hết khi bạn trải nghiệm duyệt web thực tế. Điều này có nghĩa là bạn có quyền kiểm soát cách người khác nhìn thấy thiết kế của bạn, đó là một điều tuyệt vời.
-
Phản hồi sẽ tốt hơn rất nhiều khi khách hàng của bạn có bối cảnh tốt hơn cho những gì họ đang xem. Nếu bạn gửi các bản nháp .PDF của một trang web cho khách hàng, họ sẽ xem xét toàn bộ trang cùng một lúc (tiêu đề, nội dung, chân trang, v.v.) và nói, việc này là quá mất thời gian của họ. Thực tế, nếu khách nhìn thấy trang web trong bối cảnh thích hợp (chỉ hiển thị trên nội dung gấp) thì phàn nàn trên sẽ không xảy ra.
3. Tạo danh sách công việc phải làm theo thời gian thực
-
InVision là một ứng dụng trình bày thiết kế độc lập. Điều này có nghĩa là tất cả tiến trình từ đầu đến cuối có thể xảy ra bên trong ứng dụng này. Vì vậy, hãng đã xây dựng một cách rất hay để đưa và nhận phản hồi. Với các nhận xét và ghi chú, bạn có thể đặt một điểm trên màn hình mà bạn muốn thảo luận và để lại nhận xét được liên kết với điểm đó. Điều này tạo ra một danh sách việc cần làm cùng một lúc và cho phép những người khác tham gia vào cuộc thảo luận.
4. Tạo prototype giao diện cho thiết bị di động
-
Hãy tạo Prototype giao diện cho thiết bị di động với tính năng GESTURES của InVision
-
Giống như bạn có thể làm với các phiên bản máy tính để bàn, bạn có thể tạo các liên kết hotspot cho tất cả các màn hình của mình. Khi bạn làm điều này, bạn có thể kiểm soát các cử chỉ và chuyển tiếp trên thiết bị di động có thể xảy ra.
-
Bạn có thể mô phỏng các thao tác: Vuốt sang trái (Swiping to the left), chạm hai lần (double tapping), giải tán màn hình khi nhấp hoặc trượt sang phải.
5. Kiểm soát phiên bản và đồng bộ hóa
-
Một tính năng tuyệt vời khác về ứng dụng này là Ứng dụng InVision Sync, rất giống với Dropbox hoặc Google Drive. Điều này làm cho việc thêm giao diện màn hình trở nên đơn giản hơn và cho phép bạn dễ dàng truy cập chúng trên máy cục bộ của mình.
-
InVision cũng giữ bản ghi của tất cả các giao diện màn hình trong quá khứ, vì vậy bạn có thể có sẵn lịch sử phiên bản. Điều này thật là hữu ích đặc biệt khi bạn phải trải qua nhiều lần lặp lại của một thiết kế.
6. Các trạng thái khi di chuột - Hover States
-
Hover States làm cho tương tác nguyên mẫu (Prototype) của bạn giống thực tế hơn. Nó cho phép bạn tạo những thứ như menu, chú giải công cụ hoặc trạng thái di chuột cho các nút. Đây chỉ là một tính năng tuyệt vời mà bạn cần phải có khi thiết kế giao diện ứng dụng.
7. Chia sẻ thiết kế trực tuyến với tính năng - Live Share
-
Live Share cho phép bạn cộng tác trong thời gian thực bằng cách chia sẻ giao diện màn hình trong trình duyệt. Mỗi cộng tác viên có được con chuột của riêng họ, vì vậy bạn có thể dễ dàng chỉ ra và xem ai đó đang nói về điều gì. Bạn cũng có thể phác thảo và trò chuyện ngay trong giao diện Live Share.
II. Tính năng
1. InVision Cloud – Kết nối toàn bộ quá trình thiết kế giao diện của bạn
-
InSpace - Các thành viên của InVision team có thể truy cập các tính năng như: Mobile App, App Wireframe, Element Library, Inspiration, Photography, Navigation Flows, Desktop Flows, Desktop Site, Architecture Doc.
-
Tạo các prototype giao diện có thể tương tác với tính năng phong phú
-
Hỗ trợ giao tiếp liền mạch, thu thập thông tin phản hồi trực tiếp trên ứng dụng và đẩy nhanh tiến độ dự án về phía trước
-
Khám phá ý tưởng hay nhất nhóm của bạn trên bảng trắng kỹ thuật số
-
Các bộ sưu tập và trình bày thiết kế đẹp mắt, đầy cảm hứng
2. InVision Studio – Tích hợp các công cụ thiết kế giao diện mạnh mẽ nhất thế giới
-
Thiết kế (Design)
-
Nhanh chóng biến ý tưởng thành các thiết kế màn hình giao diện mạnh mẽ với các bản vẽ dựa trên đồ họa vector trực quan và các lớp (layer) linh hoạt.
-
Tạo giao diện mẫu và trình chiếu giao diện (Prototype and animate)
-
Dễ dàng chuyển đổi hoạt hình và thêm các tương tác vi mô để chuyển đổi màn hình tĩnh của bạn thành các Prototype nguyên mẫu hoạt động.
-
Hợp tác (Collaborate)
-
Điều hướng liền mạch toàn bộ quá trình thiết kế ở một nơi, giữ cho mọi người tham gia đầy đủ và thông báo về các thay đổi.
3. InVsion DSM – Quản lý hệ thống thiết kế, giúp đảm bảo sự sáng tạo, nhất quán trong quá trình thiết kế
-
Nguồn dữ liệu thiết kế tin cậy
-
Tất cả các thành phần thương hiệu (Brand) và giao diện (UX), bao gồm cả tài liệu sử dụng, được quản lý ở một nơi duy nhất.
-
Dễ dàng bảo trì
-
Truy cập các thư viện trực tiếp từ InVision Studio hoặc Sketch, và đẩy hoặc kéo các thay đổi chỉ bằng một cú nhấp chuột.
-
Lặp lại với sự tự tin
-
Các thay đổi thiết kế sẽ được đồng bộ hóa với toàn bộ nhóm và các nhà thiết kế có thể chuyển sang phiên bản mới nhất hoặc khôi phục cập nhật bất cứ lúc nào.
4. Mang thiết kế của bạn vào mọi cuộc thảo luận
-
Xem trước các InVision Prototype mới nhất của bạn, làm việc cùng nhau trên bảng trắng Freehand và xem mọi nhận xét thiết kế của tất cả mà không cần rời khỏi các công cụ cộng tác mà bạn đã sử dụng.
III. Yêu cầu hệ thống
1. Desktop operating systems
-
InVision hiện hỗ trợ Studio khi được cài đặt trên máy tính Mac có macOS 10.11 trở lên.
-
InVision cũng hỗ trợ Studio cho Windows khi được cài đặt trên các thiết bị sử dụng Windows 10 trở lên với bộ xử lý Intel hoặc AMD 64 bit (bộ xử lý ARM sẽ không được hỗ trợ). Các thiết bị Windows có RAM hơn 8 GB được khuyến nghị.
2. Browsers
-
Các nguyên mẫu Prototype được xuất cho trình xem tài liệu - Document Viewer - hoạt động tốt nhất khi đáp ứng các thông số kỹ thuật của trình duyệt này:
-
Firefox (hai phiên bản mới nhất)
-
Chrome (hai phiên bản mới nhất)
-
Safari (hai phiên bản mới nhất)
3. Mobile operating systems
-
Sử dụng tính năng ánh xạ của thiết bị Studio, hoạt động với ứng dụng InVision iOS và Android, bạn có thể xem các nguyên mẫu Prototype của mình trên thiết bị di động với các hệ điều hành sau:
4. Yêu cầu tối thiểu cho card đồ họa - Graphics cards
-
Để đảm bảo hiệu suất tối ưu, bạn sẽ muốn sử dụng Studio trên máy tính có card đồ họa đáp ứng các thông số kỹ thuật sau:
-
Intel HD Graphics 5000 trở lên (được tìm thấy trong một số mẫu MacBook Air sớm nhất là vào giữa năm 2013 và trong một số mẫu iMac và Mac mini nhất định vào năm 2014)
-
Nvidia GeForce GT 650M trở lên (được tìm thấy trong một số mẫu MacBook Pro và iMac sớm nhất là giữa năm 2012)
-
ATI Radeon HD 4850 trở lên (được tìm thấy trong một số mẫu iMac đầu năm 2009)
-
Nếu bạn đang sử dụng Studio cho Windows, chúng tôi khuyên bạn nên cài đặt trình điều khiển mới nhất trực tiếp từ nhà sản xuất card đồ họa cho thiết bị của bạn.
IV. Download
V. Các phiên bản hiện có
-
InVision hiện có các tùy chọn thuê bao hàng tháng như sau:
-
Starter
-
Chỉ được tạo tối đa 3 giao diện mẫu có thể tương tác(prototype)
-
Professional
-
Không giới hạn số lượng giao diện mẫu có thể tương tác(prototype)
-
Team
-
Không giới hạn số lượng giao diện mẫu có thể tương tác(prototype)
-
Số lượng người dùng tối đa lên 5 người
-
Enterprise
-
Không giới hạn số lượng giao diện mẫu có thể tương tác(prototype)
-
Và còn nhiều tính năng khác