Axure RP - Hướng dẫn nhanh

Từ prototypingrất phổ biến và phù hợp với những người trong ngành Phát triển phần mềm cũng như phát triển Kiến trúc. Khi nói đến sự phát triển kiến ​​trúc, ở Ai Cập, có những nguyên mẫu của các Kim tự tháp Giza vĩ đại. Chúng được xây dựng với (tất nhiên) một phiên bản nhỏ hơn để có được sự đồng ý hoặc phê duyệt từ người cai trị.

Ví dụ nhỏ nhưng có ý nghĩa này minh họa chính xác mục đích của một nguyên mẫu. Theo Wikipedia, nguyên mẫu là, "Một phiên bản đầu tiên hoặc sơ bộ của một thiết bị hoặc phương tiện mà từ đó các hình thức khác được phát triển."

Đối với thế giới phát triển phần mềm, định nghĩa có thể được điều chỉnh dưới dạng, phiên bản sơ bộ của một trang, màn hình hoặc chức năng, hỗ trợ sự phát triển khác bằng cách trực quan hóa các phần tử màn hình một cách hiệu quả và thể hiện các tương tác. Định nghĩa này bao gồm phần quan trọng nhất, tương tác.

Trong phát triển phần mềm, để phát triển một phần chức năng hoặc bản thân chức năng hoàn chỉnh, cần có sự đầu tư đáng kể về thời gian và nỗ lực. Đó là một quá trình không ngừng phát triển, xác nhận và sửa chữa các vấn đề theo phản hồi từ khách hàng.

Hầu hết các công ty phát triển phần mềm muốn quá trình này càng nhanh càng tốt. Do đó, họ không đi trước sự đầu tư công sức và thời gian của tất cả các thành viên trong nhóm. Thay vào đó, họ thực hiện một động thái thông minh là thuê một kỹ sư Trải nghiệm người dùng (UX), người có kỹ năng hình dung một tính năng cụ thể. Điều này giúp họ ngồi trên ghế lái khi phát triển sản phẩm.

Về bản chất, việc tạo mẫu được yêu cầu để mô phỏng và hình dung yêu cầu phần mềm từ rất sớm trong quá trình phát triển. Quá trình này cuối cùng trở nên có lợi cho cả các công ty phát triển phần mềm và khách hàng vì nó giảm bớt những điều chưa biết trong tính năng, từ đó đưa ra hướng phát triển đúng đắn.

Giai đoạn phù hợp để phát triển nguyên mẫu

Trong thời đại phát triển phần mềm cấu hình cao hiện nay, đã có nhiều tiến bộ trong bảng vòng đời phát triển phần mềm tổng thể. Những tiến bộ này là từ khía cạnh công nghệ cũng như vai trò / vị trí của một thành viên nhóm cụ thể trong vòng đời. Một trong những vị trí như vậy đã bắt đầu nhận được lực kéo, được gọi là kỹ sư UX.

Một kỹ sư UX được trang bị một bộ kỹ năng, có lợi cho khách hàng. Bằng cách sử dụng các kỹ thuật hoặc các bước khác nhau để hiểu rõ hơn về khách hàng, kỹ sư UX có thể nắm bắt tốt những gì người dùng đang mong đợi từ một sản phẩm phần mềm nhất định.

Thông thường, khi quá trình thu thập yêu cầu diễn ra, các công ty công nghệ hiện đang mời các kỹ sư UX ra ngoài thị trường để hiểu người dùng cần gì. Với xu hướng mới nhất của Thiết kế web đáp ứng và Phương pháp tiếp cận trên thiết bị di động để phát triển phần mềm, có thể có một số lĩnh vực mà người ta muốn tập trung chú ý vào. Một kỹ sư UX sử dụng các quy trình như Phỏng vấn người dùng, Khảo sát thị trường để biết nhịp đập của đối tượng dự định.

Quá trình này cũng cần có thời gian và cũng rất quan trọng, vì nó tạo ra con đường rõ ràng để sản phẩm phần mềm thấy được sự phù hợp của nó trên thị trường. Các bước này được sử dụng khi thu thập các yêu cầu phần mềm và giải thích chúng. Đó là một giai đoạn lý tưởng, vì nó làm giảm chi phí phát triển tổng thể. Tuy nhiên, khi sản phẩm phần mềm đã hoàn thiện, người ta có thể giới thiệu giai đoạn nghiên cứu UX để đánh giá khả năng tồn tại của cải tiến đang được thực hiện.

Đối với các kỹ sư UX, quá trình tìm hiểu cơ sở người dùng của họ không chỉ giới hạn ở việc lấy thông tin đầu vào từ khách hàng hoặc các cuộc trò chuyện liên quan. Có một số bước thú vị mà họ cần thực hiện để hiểu người dùng muốn gì. Công việc thực sự bắt đầu khi họ đã phần nào rõ ràng về những gì người dùng có thể mong đợi từ sản phẩm phần mềm.

Sau khi có một số dữ liệu về cách người dùng nhận thức về phần mềm sắp ra mắt hoặc tính năng nâng cao trong phần mềm hiện có, kỹ sư UX quay trở lại hang để thiết kế giao diện người dùng cho họ. Theo truyền thống hay cách tiếp cận thông thường, khi ai đó nói thiết kế, nó có nghĩa là phần mềm như Adobe Photoshop, CorelDraw hoặc thậm chí Microsoft Paint. Đôi khi, để quay trở lại với người dùng thực sự nhanh chóng, các nhà thiết kế UX tận dụng giấy bút cũ tốt để thiết kế giao diện.

Tuy nhiên, đối với nhà thiết kế UX, việc cung cấp chất lượng trong việc thiết kế Giao diện người dùng không chỉ có nghĩa là hiển thị một thiết kế tuyệt vời. Trải nghiệm người dùng không chỉ bao gồm cách người dùng nhìn thấy giao diện mà còn bao gồm cách người dùng tương tác với nó. Các công cụ phần mềm được đề cập ở trên và những phần mềm thích trên thị trường đi kèm với các bộ tính năng riêng của chúng. Thực sự là một nhiệm vụ tẻ nhạt đối với kỹ sư UX trong việc chọn phần mềm thích hợp cho phép - động não, thiết kế và nhận phản hồi.

Nhập Axure, phần mềm đang thịnh hành hiện nay để thiết kế giao diện và tương tác người dùng đẹp mắt. Axure đã ra đời từ gần một thập kỷ để cho phép các kỹ sư UX dễ dàng nắm bắt các chi tiết của việc tạo một nguyên mẫu phần mềm. Axure, cùng với vai trò là công cụ tạo mẫu, có một cộng đồng mạnh mẽ đóng góp vào thế giới UX với nhiều ví dụ và khả năng tương tác khéo léo.

Ở cấp độ cao hơn, sau đây là các tính năng được cung cấp bởi Axure:

• Lập sơ đồ và Tài liệu
• Tạo mẫu hiệu quả với Nội dung động
• Dòng chảy có điều kiện
• Hình ảnh động đẹp mắt để tăng cường tương tác
• Chế độ xem thích ứng
• Hỗ trợ trên Windows và Mac

Để khám phá danh sách tính năng chi tiết do Axure cung cấp, vui lòng truy cập https://www.axure.com. Để biết hướng dẫn cài đặt, hãy làm theo liên kếthttps://www.axure.com/download.

Để tạo mẫu nhanh, Axure RP cung cấp nhiều công cụ và kỹ thuật khác nhau, luôn giúp các Nhà phân tích / kỹ sư Trải nghiệm người dùng hình dung mục tiêu cuối cùng.

Với một cộng đồng lớn mạnh luôn sẵn sàng hỗ trợ, Axure RP đang trở thành công cụ ưa thích cho những người đam mê và thực hành UX.

Sau khi cài đặt Axure, bạn sẽ thấy một giao diện như thể hiện trong ảnh chụp màn hình sau.

Màn hình này sẽ luôn được hiển thị khi khởi động cho đến khi bạn chọn không hiển thị.

Trên màn hình này, bạn có các tùy chọn sau:

• Bắt đầu một tệp mới trong Axure
• Mở một dự án Axure hiện có

Bây giờ chúng ta hãy tạo một tệp mới với Axure.

Khi bạn nhấp vào nút “TẬP TIN MỚI”, bạn sẽ thấy màn hình sau để tạo một nguyên mẫu mới.

Như trong hình trên, không gian làm việc được chia thành 6 phần.

• Pages
• Libraries
• Inspector
• Outline
• Masters
• Khu vực thiết kế

Hãy để chúng tôi đi qua từng phần một.

Các trang

Phần này hiển thị các trang bạn đang làm việc. Các trang này được hiển thị trong cấu trúc cây mặc định như sau. Trang chủ có các trang con sau.

Trang Chủ

Page 1

Page 2

Page 3

Bạn có thể tiếp tục với cấu trúc đã cho hoặc bạn có thể thay đổi nó theo nhu cầu của bạn. Để làm như vậy, hãy nhấp chuột phải vào bất kỳ trang nào, sau đó bạn sẽ thấy các tùy chọn như - Thêm, Di chuyển, Xóa, Đổi tên, Nhân bản, v.v.

Giống như hầu hết các công cụ khác nhau có sẵn, phần này cho phép bạn tương tác với các trang trong nguyên mẫu của mình. Bạn có thể sử dụng nó để lập kế hoạch cho các màn hình trong nguyên mẫu dự kiến.

Libraries Pane

Trong ngăn thư viện, hầu hết các điều khiển cần thiết cho nguyên mẫu đều có sẵn. Các điều khiển điển hình có sẵn trong phần này là - Hộp, Hình ảnh, Trình giữ chỗ, Nút, v.v. Axure RP cung cấp một bộ điều khiển giao diện người dùng phong phú được phân loại theo lĩnh vực ứng dụng của chúng.

Như thể hiện trong hình trên (a), các thư viện có các danh mục như - Common, Forms, Menus and Table, and Markup. Tất cả các danh mục này được mở rộng khi bạn mở ứng dụng. Để thuận tiện, nó được thu gọn trong ảnh chụp màn hình này.

Các thư viện phổ biến bao gồm các hình dạng cơ bản, các nút, văn bản tiêu đề, Điểm nóng, Bảng điều khiển động, v.v.

Với Axure RP, đối với tất cả các yêu cầu tạo mẫu của bạn, có một điều khiển rất hiệu quả được gọi là Điểm nóng. Sử dụng điều khiển này, bạn có thể cung cấp tương tác nhấp chuột cho hầu hết mọi điều khiển trong giao diện người dùng. Một ví dụ sẽ được cung cấp trong các trang tiếp tục.

Trong thư viện biểu mẫu, như tên cho thấy, Hộp danh sách, Hộp kiểm, nút radio, vùng văn bản và các điều khiển trường văn bản được bao gồm. Để thiết kế biểu mẫu nhập của người dùng, bạn có thể sử dụng các điều khiển từ phần này trong thư viện.

Thực đơn và bảng có cấu trúc truyền thống. Cấu trúc như vậy, có thể ở dạng ngang hoặc dạng dọc, có sẵn trong thư viện này được gọi là Menu và bảng.

Cuối cùng, nhưng không kém phần quan trọng, là thư viện Markup, bao gồm các dấu dính, điểm đánh dấu và mũi tên. Hầu hết, điều này sẽ được sử dụng cho các chú thích trong nguyên mẫu của bạn.

Khu vực thiết kế

Đây là sân chơi thực tế dành cho các kỹ sư UX. Không gian này sẽ được sử dụng để tạo các nguyên mẫu theo yêu cầu của bạn. Để bắt đầu, hãy tham khảo khu vực được đánh dấu bằng số 6 trong ảnh chụp màn hình sau.

Trong khu vực này, bạn có thể kéo và thả các điều khiển mong muốn từ thư viện. Hãy để chúng tôi tạo thanh menu nhanh bằng thư viện.

Ví dụ - Thanh Menu

Từ các thư viện, trong Menu và Bảng, kéo Menu Cổ điển - Điều khiển theo chiều ngang đến vùng thiết kế.

Khi bạn đã kéo điều khiển trong vùng thiết kế, bạn sẽ thấy màn hình sau.

Như được hiển thị trong màn hình ở trên, Axure RP đủ thông minh để hiển thị văn bản dự định trong menu. Coi nó là một thanh menu, Axure RP đã tự động tạo File, Edit và View dưới dạng menu trong điều khiển.

Như được chỉ bởi mũi tên, phần thanh tra hiển thị các thuộc tính của điều khiển. Sử dụng phần này để tạo tên cho điều khiển của bạn nhằm nhận dạng duy nhất khi tạo các nguyên mẫu phức tạp.

Hãy để chúng tôi đặt tên cho điều khiển này là TestMenu. Chúng tôi sẽ sử dụng tên này trong các ví dụ tiếp tục.

Thuộc tính trang

Khi lập kế hoạch cho một nguyên mẫu, điều hợp lý là phải có ý tưởng rõ ràng về người dùng và do đó thiết bị mà nguyên mẫu sẽ được trưng bày / xem. Để có trải nghiệm tương tác tốt nhất với nguyên mẫu, Axure đã cung cấp một tính năng để đặt thuộc tính trang.

Như trong hình trên, khu vực được ký hiệu bằng số 3 là phần thuộc tính trang. Trong phần này, bạn sẽ có thể thấy trình đơn thả xuống tương tác và phần phụ Thích ứng.

Hãy để chúng tôi thảo luận chi tiết về các phần này.

Interactions sectiongiải quyết các tương tác (trường hợp) có thể xảy ra với trang. Như bạn có thể thấy, trường hợp tương tác OnPageLoad xử lý các sự kiện khi tải trang. Trong hầu hết các nguyên mẫu, các kỹ sư UX thích đưa hoạt ảnh vào để tạo ấn tượng đầu tiên. Sự kiện cụ thể này để hiển thị hoạt ảnh thường được kích hoạt trong trường hợp OnPageLoad.

Tương tự, các trường hợp khác bao gồm - OnWindowResize, OnWindowScroll. Trong menu thả xuống, Thêm Sự kiện, bạn có thể xem các trường hợp được hỗ trợ khác để định cấu hình các tương tác liên quan đến trang.

Với Adaptive section, Axure RP tham gia vào một thiết kế web đáp ứng. Ngày nay, thiết kế trải nghiệm cho các trang web là không đủ, cùng với đó, các doanh nghiệp thích các trang web di động cùng tồn tại với các trang web.

Cùng một trang, khi được xem từ các kích thước và bố cục màn hình khác nhau tạo thành các chế độ xem thích ứng khác nhau. Thông thường, các chế độ xem thích ứng được thiết kế cho điện thoại di động và máy tính bảng. Axure cung cấp tính năng này của các chế độ xem thích ứng, để các kỹ sư UX nắm được khía cạnh đáp ứng của các nguyên mẫu ngay từ đầu.

Ngăn Thanh tra cho Tiện ích con

Ngăn Tương tác tiện ích là phần quan trọng nhất trong Axure. Bạn có thể xem ngăn này bằng cách nhấp vào bất kỳ tiện ích con nào trong khu vực thiết kế.

Hãy xem xét một ví dụ về mục menu mà chúng ta đã sử dụng trong phần trước. Chọn mục menu có tên TestMenu và quan sát phần được đánh dấu trong ảnh chụp màn hình sau.

Như bạn có thể thấy trong tab Thuộc tính, có các tương tác khác nhau như OnMove, OnShow, OnHide và OnLoad. Những điều này dành riêng cho toàn bộ điều khiển Menu.

Bây giờ, hãy nhấp vào Tệp từ điều khiển menu.

Bạn sẽ nhận thấy sự thay đổi về kiểu tương tác trong ngăn Thuộc tính tiện ích. Ngoài ra, nó cung cấp sự linh hoạt để cung cấp tên cho mục menu này. Hãy để chúng tôi lấy trường hợp OnClick làm ví dụ.

OnClick- Trường hợp OnClick xác định hành vi của điều khiển, khi bạn nhấp vào điều khiển khi chạy nguyên mẫu. Điều này cho phép các tương tác khác nhau như điều hướng trang, menu bật lên, v.v.

Notes Pane- Trong chính ngăn thanh tra, có một phần con gọi là Ghi chú. Trong ngăn ghi chú, bạn sẽ có thể thêm một số điểm cần nhớ để kiểm soát sự lựa chọn của mình.

Những điểm này sẽ rõ ràng khi chúng ta đi sâu vào một ví dụ trong chương tiếp theo.

Lưới và Hướng dẫn

Đối với một nguyên mẫu có chất lượng và độ chính xác ở mức tối đa, các kỹ sư UX yêu cầu khả năng căn chỉnh / định vị một điều khiển với điều khiển khác.

Ví dụ, bạn muốn hiển thị cửa sổ bật lên đăng nhập. Nếu cửa sổ bật lên này được hiển thị ngay giữa màn hình, bạn cần có kích thước tổng thể của màn hình. Ngoài ra, để căn chỉnh chính xác ở giữa màn hình, bạn nên có các ô lưới để căn chỉnh hợp lý.

Axure cung cấp tính năng Lưới và Thanh dẫn, để bạn có thể sử dụng khu vực thiết kế của mình một cách hiệu quả.

Để xem Lưới và Hướng dẫn có sẵn, hãy nhấp chuột phải vào khu vực thiết kế và menu ngữ cảnh được hiển thị trong ảnh chụp màn hình sau sẽ bật lên.

Bây giờ, hãy để chúng tôi hiểu các tùy chọn có sẵn.

Grid- Ba tùy chọn đầu tiên hiển thị trong menu ngữ cảnh được liên kết với lưới. Đó là Hiển thị lưới, Chụp theo lưới và Cài đặt lưới.

• Show Grid- Khi Bật Hiển thị Lưới, bạn sẽ có thể thấy lưới trên khu vực thiết kế như thể hiện trong ảnh chụp màn hình sau. Điều này rất hữu ích trong việc căn chỉnh các điều khiển với các điều khiển khác trên màn hình.

• Snap to Grid- Khi bật Snap to Grid, các điều khiển sẽ tự động được gắn theo các lưới hiện có xung quanh. Bạn sẽ có thể thấy hành vi này khi bạn kéo một điều khiển và nó sẽ tự gắn vào lưới gần đó.

• Grid Settings- Các cài đặt khác liên quan đến Lưới có trong hộp thoại này. Như được hiển thị trong ảnh chụp màn hình sau, khoảng cách giữa các lưới, loại lưới, v.v. sẽ có sẵn trong hộp thoại này. Bạn có thể chọn lưới của loại giao lộ, tùy theo sự thuận tiện của bạn.

Guides - Trong menu ngữ cảnh như được hiển thị trong ảnh chụp màn hình sau, các tùy chọn sau dấu phân tách đầu tiên có liên quan đến các hướng dẫn.

Chúng tôi sẽ đề cập đến các tùy chọn thường được sử dụng cho Hướng dẫn.

• Show Global Guides- Các đường dẫn này sẽ hiển thị khi bạn kéo từ cả thước ngang và thước dọc trong vùng thiết kế. Hãy thử nó cho chính mình!

• Show Page Guides- Hướng dẫn cũng có sẵn ở cấp độ trang. Các đường dẫn này được tạo ra khi bạn kéo chúng từ các thước kẻ dọc và ngang. Chúng phổ biến hơn Global Guides. Có một hướng dẫn trang giúp tăng tính linh hoạt của thiết kế ở cấp độ trang.

• Show Adaptive Guides- Khi nói đến việc thiết kế các trang cho các chế độ xem thích ứng khác nhau, điều đáng giá là phải có các hướng dẫn thích ứng tại chỗ. Tùy chọn này cho phép hiển thị các hướng dẫn thích ứng, sẽ được sử dụng để căn chỉnh các đối tượng trên các chế độ xem thích ứng khác nhau.

• Snap to Guides- Khi sắp xếp các phần tử màn hình khác nhau trong khu vực thiết kế, chức năng này cho phép các đối tượng được gắn vào các đường dẫn. Điều này rất hữu ích khi bạn đặt một đối tượng cụ thể trên màn hình và sắp xếp nó so với đối tượng khác.

Chương này sẽ đưa bạn qua bộ tương tác cơ bản do Axure cung cấp khi thiết kế màn hình.

Mục đích của Axure RP là cho phép các nguyên mẫu tương tác. Bây giờ, khi nói đến việc tạo ra các nguyên mẫu tương tác, luôn có sự báo trước về việc tạo ra một nguyên mẫu tương tác quá mức. Đây là lý do tại sao, thật hợp lý khi bắt đầu với các tương tác quan trọng duy nhất tại một thời điểm, để chạy nhanh qua phần còn lại của các trang có sẵn.

Tương tác Axure

Tương tác là thuật ngữ được đặt ra cho các phần tử chức năng chuyển đổi khung dây tĩnh thành một nguyên mẫu tương tác có thể nhấp. Để làm cho nó trở thành một cách tiếp cận đơn giản đối với các tương tác, Axure loại bỏ nhu cầu viết mã nguyên mẫu bằng cách cung cấp một giao diện để xác định cấu trúc và lôgic.

Trong khi tạo nguyên mẫu HTML, Axure RP chuyển đổi các tương tác thành mã thực (HTML, CSS và JavaScript). Điều này hoạt động như một chất xúc tác để hiển thị thiết kế dự định và các tương tác trên trang.

Thông thường, các tương tác sẽ bắt đầu bằng Whensự tương tác đang diễn ra. Ví dụ: khi trang được tải trong trình duyệt, khi người dùng nhấp vào một trong các phần tử, v.v.

Sau đó đến câu hỏi, Wheretrên màn hình tương tác đang diễn ra. Nó có thể là một phần tử màn hình đơn giản chẳng hạn như hình chữ nhật, mà chúng tôi muốn biến thành một nút có thể nhấp cho mục đích của một menu (ví dụ hiển thị sau).

Cuối cùng, có mô tả của Whatđang xảy ra trong tương tác. Hãy để chúng tôi xem xét việc tải trang khi trình duyệt tải trang; bạn có thể chỉ cần chọn một trình chiếu cụ thể để bắt đầu hoặc để hình ảnh lớn hơn khi được nhập trên màn hình.

Sự kiện Axure

Các sự kiện trong Axure có thể có hai loại, được kích hoạt bởi hai loại sự kiện.

Sự kiện ở cấp độ chính và trang

Khi một trang tải, có rất nhiều sự kiện xảy ra để lấy thông tin thiết kế, nội dung và do đó, sự liên kết của mọi thành phần trên màn hình. Khi các sự kiện này diễn ra trong lần tải trang đầu tiên, bạn có thể coi rằng các sự kiện này sẽ lặp lại trên mỗi lần tải trang. Sau đây là một số ví dụ về Sự kiện Trang và Cấp độ Chính.

• OnPageLoad
• OnWindowResize
• OnMouseMove
• OnAdaptiveViewChange

Sự kiện cấp độ đối tượng hoặc tiện ích con

Hãy để chúng tôi xem xét, chúng tôi đã tạo một trang và một tiện ích nút cụ thể trên trang. Bây giờ, để tương tác với tiện ích nút này, có thể bằng cách chạm (trên nguyên mẫu di động) hoặc nhấp chuột. Sau đây là một số ví dụ về Sự kiện cấp đối tượng hoặc tiện ích.

• OnClick
• OnMouseEnter
• OnDrag
• OnDrop
• OnMouseHover

Các trường hợp

Như đã thảo luận trong chương trước, trong phần thuộc tính trang, một tương tác widget cụ thể có thể được thiết kế. Chúng được gọi làcases. Một tương tác cụ thể có thể là một cấu thành của nhiều trường hợp.

Hãy để chúng tôi xem xét một ví dụ, để hiểu điều này tốt hơn.

Ví dụ: Nguyên mẫu Axure - Hiển thị Menu trên Di chuột

Để bắt đầu với ví dụ này, hãy tạo một tệp mới bằng cách nhấp vào New Dưới File Menu hoặc sử dụng phím tắt Ctrl + N.

Trong ví dụ này, chúng tôi sẽ thiết kế Menu Barnhư đã thấy trong hầu hết các sản phẩm phần mềm. Cấu trúc menu sẽ có các phần tử menu sau và menu con bên dưới mỗi phần tử đó.

File

• New
• Open
• Save
• Close

Edit

• Cut
• Copy
• Paste
• Find
• Replace

View

• Thanh trạng thái chương trình
• Thanh công cụ
  • Thanh công cụ chính
  • Thanh công cụ tạo kiểu

Help

• Bắt đầu
• Sử dụng Trợ giúp
• Đây là gì

Để bắt đầu, hãy kéo và thả Classic Menu – Horizontaltrong khu vực thiết kế. Bạn sẽ tìm thấy nó trong Thư viện → Menu và Bảng. Đặt tên điều khiển là MenuBarExample. Hãy để phần tử này có chiều rộng 300 px và chiều cao 30 px. Định vị nó ở 100 trên trục X và 30 trên trục Y. Bạn có thể điều chỉnh các giá trị này trong tab Kiểu trong phần Thanh tra ở bên phải.

Khi kết thúc quy trình trên, bạn sẽ có thể thấy kết quả cuối cùng như trong ảnh chụp màn hình sau.

Hãy để chúng tôi thêm tên vào tiêu đề menu trong phần Thanh tra. Nhấp vào từng tiêu đề menu và quan sát phần thanh tra. Nếu tên không được đặt cho thanh menu cụ thể, tên sẽ chuyển thành (Tên mục menu).

Đặt tên menu Tệp là FileMenu.

Tương tự với Chỉnh sửa thành EditMenu và Xem dưới dạng ViewMenu.

Để xác nhận xem các tên đã được cung cấp hay chưa, hãy nhấp vào từng menu riêng lẻ và xác nhận trong Thanh tra: Mục Menu. Bạn sẽ có thể thấy tên chứ không phải (Tên mục menu).

Bây giờ, theo yêu cầu của chúng tôi, hãy để chúng tôi hoàn thành thanh menu với menu Trợ giúp. Nhấp chuột phải vào tiêu đề thanh menu - View, bạn sẽ thấy menu ngữ cảnh. Nhấp vào Thêm mục Menu Sau.

Một mục menu trống sẽ xuất hiện. Bấm đúp vào mục menu trống và nhập tiêu đề menu là Trợ giúp. Lặp lại quy trình, cung cấp cho nó một tên trong Thanh tra: Tên mục Menu. Sau khi hoàn thành, bạn sẽ thấy khu vực thiết kế như sau.

Tiếp theo, chúng ta hãy thiết kế tương tác cho File Menu.

Bấm vào tiêu đề thanh menu Tệp và quan sát Thanh tra: Mục Menu.

Như được đánh dấu trong ảnh chụp màn hình ở trên, hãy quan sát tab Thuộc tính.

Trong tab Thuộc tính, chúng ta sẽ tạo tương tác cho Menu Tệp.

Rất đơn giản để thêm một menu con vào menu. Bấm chuột phải vào menu Tệp, trong menu ngữ cảnh xuất hiện, bấm Thêm menu con.

Note - Chúng ta cũng có thể xóa menu con bằng cách lặp lại bước tương tự và nhấp vào Xóa menu con.

Khi menu con đã được thêm vào, menu phụ trống sẽ xuất hiện. Bấm đúp vào từng mục menu và cung cấp các tên như - Mới, Mở, Lưu.

Nhấp chuột phải vào mục menu con cuối cùng và thêm một mục menu con nữa. Đặt tên là Đóng.

Bạn cũng nên đặt tên cho tất cả các mục trong menu con trong phần Thanh tra. Điều này giúp tham khảo chúng trong quá trình thiết kế tổng thể của bạn.

Trong khi thiết kế phần này, hãy lưu ý rằng bất cứ khi nào chúng ta nhấp vào bất kỳ phần nào khác của vùng thiết kế, menu con sẽ biến mất. Chúng ta cần nhấp vào mục menu Tệp để xem menu con.

Hãy để chúng tôi nói về sự tương tác - Hover. Tương tác này có một hành vi duy nhất là được kích hoạt, khi con trỏ chuột được di chuột qua một phần tử cụ thể. Trong Axure, tương tác này được thực hiện tự động với Menu Cổ điển - Ngang.

Để xem tương tác đang hoạt động, hãy nhấp vào nút Xem trước trên thanh công cụ. Axure sẽ mở bản xem trước trong trình duyệt mặc định.

Di chuột trên menu Tệp. Menu con sẽ được hiển thị như trong ảnh chụp màn hình sau.

Nếu nhìn nhận một cách khách quan, chúng ta vừa mới sử dụng Axure để tạo ra một tương tác phức tạp, chẳng hạn như di chuột vào mục menu. Trong mã hóa HTML thông thường, sẽ mất gần 1 đến 1,5 giờ thời gian.

Như một nhiệm vụ, hãy hoàn thành phần còn lại của các menu cho menu con của chúng.

Bây giờ, chúng ta hãy nhanh chóng tạo một tương tác trên menu con Đóng trong menu Tệp. Chúng tôi sẽ đánh dấu nó bằng màu đỏ khi di chuột. Để thực hiện việc này, hãy nhấp chuột phải vào menu con Đóng. Nhấp vào Kiểu tương tác…

Trong tab MouseOver, đánh dấu chọn Fill Color và chọn màu đỏ. Axure sẽ ngay lập tức hiển thị bản xem trước trong khu vực thiết kế. Giả sử rằng menu Áp dụng cho phần Đã chọn và tất cả các menu con được chọn, nó sẽ tô sáng toàn bộ menu bằng màu đỏ.

Nhấp vào Chỉ mục menu đã chọn. Bây giờ kiểm tra chọn Màu phông chữ và chọn màu trắng cho phông chữ. Bản xem trước sẽ được cập nhật ngay lập tức.

Nhấp vào OK để hoàn thành thiết lập này.

Nhấp lại vào Xem trước để xem tương tác đang hoạt động.

Điều này hoàn thành ví dụ.

Bạn có thể thử tương tác sau đây như một bài tập nhanh.

Thuộc tính OnClick bằng cách sử dụng tiện ích nút.

Nhiều phương pháp phát triển phần mềm, khi nói đến phát triển giao diện người dùng, sử dụng một kỹ thuật phổ biến - Tạo Thạc sĩ.

Bản chính là một khung dây có thể tái sử dụng, sẽ được tạo một lần và được sử dụng rộng rãi sau đó trên các trang tiếp theo. Với Axure RP, khi chúng tôi tạo một trang chính, những thay đổi được thực hiện cho trang này sẽ được áp dụng cho các trang đang được sử dụng. Do đó, nó làm giảm thời gian rất nhiều cho các thành phần chung cho tất cả các trang.

Để bắt đầu với Thạc sĩ, bạn có thể tập trung vào phần Thạc sĩ (được đánh dấu là 5) như được đánh dấu trong ảnh chụp màn hình sau.

Sử dụng phần chính này để -

• Sắp xếp các bản gốc của nguyên mẫu bằng cách thêm, xóa hoặc chỉnh sửa trang / thư mục chính.

• Chọn một bản gốc cụ thể để chỉnh sửa.

Bảng động

Trong Axure RP, như chúng ta đã thấy ở chương trước, có các trạng thái khác nhau liên quan đến một widget nhất định. Để hợp nhất / sắp xếp các trạng thái của một widget cụ thể hoặc một tập hợp các widget, chúng ta cần một vùng chứa / trình giữ chỗ. Bảng động đóng vai trò là vùng chứa / trình giữ chỗ cho các trạng thái của tiện ích con.

Hãy để chúng tôi hiểu rõ hơn về bảng điều khiển động bằng cách sử dụng một ví dụ. Chúng tôi sẽ tiếp tục từ ví dụ về thanh menu của chúng tôi.

Phần bổ sung trong ví dụ này sẽ là một vùng hình ảnh và một nút bên dưới thanh menu. Sử dụng Trình giữ chỗ tiện ích con cho vùng hình ảnh và nút bên dưới các tiện ích con chung. Đặt tên trình giữ chỗ là ImageAreaPlaceholder, nút là showImageButton.

Ngoài ra, hãy để chúng tôi thêm thanh menu vào chính. Nhấp chuột phải vào thanh menu và nhấp vào Convert to Master. Một hộp thoại sẽ xuất hiện nhắc tên cho bản chính. Thêm tên là menuBarMaster.

Như thể hiện trong ảnh chụp màn hình ở trên, thanh menu chuyển sang màu hồng và mục nhập cho các bản gốc đã được thêm vào.

Bây giờ, chúng ta hãy tạo một bảng điều khiển động. Bối cảnh cho bảng điều khiển động là, bạn muốn kiểm soát khả năng hiển thị của khu vực hình ảnh dựa trên nhấp vào nút Hiển thị Hình ảnh. Có một bảng điều khiển động sẽ cho phép sự linh hoạt của khu vực hình ảnh.

Hãy để chúng tôi xem cách tạo bảng điều khiển động. Nhấp chuột phải vào Image Area, menu ngữ cảnh hiện ra, chọn Convert to Dynamic Panel.

Bảng điều khiển động sẽ nằm dưới Outline: Trang. Cũng trong Thanh tra, nó hiển thị bảng điều khiển động. Đặt tên cho bảng điều khiển động là showImageDynamicPanel. Tên của bảng điều khiển động này sẽ được cập nhật trong phần Outline: Page.

Trong khu vực thiết kế, nhấp chuột phải vào bảng điều khiển động Show Image để xem menu ngữ cảnh. Chọn Set Hidden, bảng động sẽ biến mất khỏi màn hình.

Bảng điều khiển động có thể được truy cập bằng cách nhấp đúp trong Outline: Page.

Bây giờ, hãy để chúng tôi cung cấp một sự kiện nhấp chuột vào nút. Nhấp vào nút Hiển thị Hình ảnh, trong Thanh tra → Thuộc tính, nhấp đúp vào tương tác OnClick.

Như được hiển thị trong ảnh chụp màn hình ở trên, nhấp vào Hiển thị / Ẩn dưới Tiện ích. Nó sẽ tự động hiển thị các widget có sẵn để cấu hình các hành động. Kiểm tra chọn showImageDynamicPanel. Bấm OK.

Bây giờ, hãy nhấp vào Xem trước. Trên màn hình xem trước, bấm Hiển thị Hình ảnh. Một tương tác khác cho một nút cuối cùng cũng được tạo.

Trong chương này, chúng ta sẽ thảo luận về logic điều kiện được sử dụng trong Axure RP.

Nếu - Thì - Khác trong Axure

Cũng giống như bất kỳ công cụ lập trình nào khác, Axure cũng hỗ trợ logic có điều kiện để tạo ra các tương tác nâng cao trong nguyên mẫu. Khi bạn đã quen với cách bạn có thể cung cấp các tương tác, thì việc cung cấp logic có điều kiện cho các tương tác là cấp độ tiếp theo.

Sau đây là quy trình đơn giản và ngắn gọn cho logic có điều kiện:

• Nếu, một widget / màn hình cụ thể được nhấp vào
• Sau đó, thực hiện một hành động / tương tác cụ thể
• Khác, giữ / thay đổi trạng thái của tiện ích hoặc màn hình

Để hiểu rõ hơn điều này, chúng ta hãy tiếp tục quy trình của mình từ ví dụ trước. Vì mục đích này, chúng tôi cần phải làm quen với Trình tạo điều kiện.

Trình tạo điều kiện

Nhấp đúp vào bất kỳ tương tác nào, chẳng hạn như OnClick. Bạn sẽ có thể thấy Trình chỉnh sửa trường hợp như được hiển thị trong ảnh chụp màn hình sau.

Nhấp vào nút - Thêm điều kiện gần Tên trường hợp. Nó sẽ hiển thị bên dưới trong hộp thoại.

Như được hiển thị bên dưới Mô tả, trình tạo điều kiện sẽ tạo luồng If-Then-Else theo các điều kiện được chọn trong phần điều kiện.

Hãy để chúng tôi tạo điều kiện cho nút này.

Chúng tôi muốn hiển thị nút ẩn hình ảnh, khi bảng điều khiển động hiển thị. Chúng tôi đã làm cho bảng điều khiển động hiển thị khi nhấp vào nút Hiển thị Hình ảnh trong ví dụ trước. Bây giờ, chúng ta hãy làm cho một nút Ẩn Hình ảnh khác hiển thị.

Đóng trình tạo điều kiện và quay lại khu vực thiết kế.

Chèn nút Ẩn Hình ảnh từ Thư viện trong các thư viện thông thường. Để nhắc lại, cách tốt nhất là đặt tên phần tử UI ngay sau khi bạn đã chèn nó vào vùng thiết kế.

Bấm chuột phải vào nút Ẩn Hình ảnh và bấm Đặt Ẩn. Nút sẽ bị ẩn khỏi khu vực thiết kế như thể hiện trong ảnh chụp màn hình sau.

Bây giờ, chúng ta hãy quay lại các tương tác cho nút Hiển thị hình ảnh.

Đầu tiên, bên dưới nút Hiển thị hình ảnh tương tác, nhấp đúp vào Trường hợp 1, bạn sẽ có thể xem trình chỉnh sửa trường hợp. Sử dụng hành động Show / Hide, để chọn hideImageButton và đặt khả năng hiển thị của nó.

Tương tự, sử dụng hành động Show / Hide, chọn showImageButton và đặt khả năng hiển thị của nó thành ẩn.

Chúng tôi đã quản lý khả năng hiển thị của nút Ẩn Hình ảnh sao cho khi chúng tôi nhấp vào nút Hiển thị Hình ảnh, nút sẽ được hiển thị.

Một điều kiện hoàn chỉnh sẽ được hiển thị trong ảnh chụp màn hình sau.

Hãy để chúng tôi xây dựng điều kiện.

Trong khu vực thiết kế, nhấp vào nút Ẩn Hình ảnh. Từ phần Thanh tra, nhấp vào Thêm trường hợp.

Trong Thêm trường hợp, bấm vào nút Thêm điều kiện. Theo nền được cung cấp trước đó, hãy tạo bộ điều kiện bằng cách sử dụng các giá trị thả xuống trong Trình tạo điều kiện.

Nói một cách dễ hiểu, với điều kiện trên, chúng tôi đang kiểm tra xem bảng điều khiển động showImageDynamicPanel có hiển thị hay không

Bây giờ, chúng ta hãy thiết kế tương tác cho nút Ẩn Hình ảnh, cấu hình nó như sau:

• Chọn Hiển thị / Ẩn hành động.
• Chọn widget showImageDynamicPanel.
• Đặt khả năng hiển thị thành Ẩn.

Tương tự, lặp lại thao tác hiển thị showImageButton và ẩn hideImageButton.

Sau khi hoàn tất, hãy nhấp vào OK để đóng Trình chỉnh sửa trường hợp.

Sau đó, nhấp vào Xem trước để xem các thay đổi được thực hiện.

Kết quả thành công sẽ được hiển thị trong ảnh chụp màn hình sau.

Khi nhấp vào nút Hiển thị hình ảnh -

Khi nhấp vào nút Ẩn Hình ảnh -

Cho đến nay, chúng tôi đã được giới thiệu về các tính năng cơ bản của Axure cho các tương tác. Tuy nhiên, sẽ có nhiều kịch bản trong thế giới thực, nơi mà nguyên mẫu sẽ phải thông minh. Theo từ thông minh, nguyên mẫu sẽ cần phát hiện trạng thái của một tiện ích con nhất định để thực hiện một hành động / kích hoạt một hành vi nhất định.

Một ví dụ điển hình của tương tác như vậy là thiết lập màu của một nút. Điều này đòi hỏi kỹ sư UX phải đội mũ suy nghĩ và đưa thiết kế nguyên mẫu lên cấp độ tiếp theo.

Sử dụng các biến trong Axure

Variable, theo định nghĩa, là viết tắt của một yếu tố có thể thay đổi hoặc thay đổi. Trong Axure, chúng ta có thể sử dụng các biến để đại diện hoặc xác định trạng thái của một widget / tương tác.

Một ví dụ điển hình sẽ là lưu trữ một giá trị dữ liệu khi chuyển dữ liệu từ trang này sang trang khác. Để giữ cho ví dụ đơn giản và rõ ràng, chúng ta hãy xem xét một tình huống mà chúng ta cần hiển thị trạng thái của một widget cụ thể.

Tiếp tục với ví dụ cuối cùng, chúng ta hãy xem xét rằng chúng ta muốn hiển thị số lần hình ảnh được hiển thị.

Đây là cách chúng tôi sẽ làm điều đó -

• Chúng tôi sẽ tạo một biến để bắt đầu đếm đến 0.

• Khi nhấp vào nút Hiển thị Hình ảnh, chúng tôi sẽ tăng giá trị của biến này.

• Hiển thị giá trị trong nhãn văn bản.

Đối với ví dụ này, chúng tôi sẽ tạo một văn bản bên dưới Bảng điều khiển động. Văn bản sẽ đọc - Hình ảnh được hiển thị 0 lần.

Critical- Điều quan trọng là các nhãn được chia thành ba. Vui lòng làm theo tên nhãn và văn bản được liệt kê trong bảng.

Tên nhãn	Nhãn văn bản
imageLabel	Hình ảnh được hiển thị
countLabel	0 (không có chữ số)
timesLabel	Times

Điều này là bắt buộc vì chúng tôi muốn kiểm soát giá trị countLabel cho mỗi lần nhấp vào nút Hiển thị Hình ảnh.

Hãy để chúng tôi xác định một biến trước.

Chúng ta sẽ cần một biến, biến này sẽ được điều khiển khi nhấn vào nút. Biến này trong thuật ngữ của Axure là - Biến toàn cục. Để xác định một biến toàn cục, hãy bấm Dự án trong thanh menu, sau đó bấm Biến toàn cục. Một hộp thoại sẽ mở ra như trong ảnh chụp màn hình sau.

Nhấp vào biểu tượng dấu cộng (+) màu xanh lục để thêm biến toàn cục. Hãy để chúng tôi gọi biến toàn cục của chúng tôi -varDynamicPanel. Giá trị mặc định của nó sẽ là0.

Với các tương tác nút Hiển thị Hình ảnh, hãy nhấp đúp vào Trường hợp 1. Thêm một hành động khác. Như được hiển thị trong ảnh chụp màn hình sau, hành động làSet Text on countLabel to [[varDynamicPanel + 1]].

Chọn nhãn văn bản cho một giá trị khá đơn giản. Hãy để chúng tôi xem cách lấy giá trị từ bảng điều khiển động.

Như được chỉ ra bởi bước 4 trong ảnh chụp màn hình ở trên, hãy nhấp vào fx và hộp thoại sau sẽ mở ra.

Dưới vùng văn bản đầu tiên, hãy nhập chuỗi sau.

[[varDynamicPanel + 1]]

Bấm OK.

Bây giờ, chúng ta cần đảm bảo rằng biến được cập nhật sau mỗi lần nhấp vào nút.

Trong hộp thoại trình chỉnh sửa trường hợp, dưới tác vụ, hãy chọn Biến → Đặt giá trị biến.

Chọn varDynamicPanel làm biến.

Đặt biến để tìm nạp giá trị từ văn bản trên tiện ích con dưới dạng countLabel từ các tùy chọn có sẵn.

Đóng Trình chỉnh sửa trường hợp bằng cách nhấp vào OK. Sau đó, nhấp vào nút Xem trước.

Sau khi hiển thị / ẩn hình ảnh trong bốn lần, đây là kết quả trên màn hình xem trước.

Bây giờ bạn đã thành thạo với các tương tác và sự kiện khác nhau có thể xảy ra trong Axure, bạn có thể muốn mở rộng công việc của mình để giảm thiểu nỗ lực trong tương lai.

Ví dụ, ví dụ đầu tiên với Menu Cổ điển - Ngang, đã từng có mặt trong các phiên bản Axure dưới dạng sự kết hợp của các widget có sẵn khác nhau. Điều này có nghĩa là, Axure đã phát triển theo thời gian để chứa các vật dụng được sử dụng thường xuyên ở dạng duy nhấtwidget library.

Khái niệm thư viện widget được áp dụng phổ biến hơn trong các nhóm UX lớn. Một số tổ chức giữ các widget đã được phê duyệt cho các kỹ sư UX tiếp theo trên một kho lưu trữ trung tâm.

Như vậy, tóm lại, Axure Widget Library là một tập hợp các widget tùy chỉnh được lưu trữ trong một tệp duy nhất. Loại tệp cho Thư viện tiện ích Axure làRPLIB.

Các loại thư viện widget

Thư viện tích hợp Axure

Có thể truy cập các thư viện này từ ngăn Thư viện. Không thể cập nhật / xóa các thư viện này. Đối với hầu hết các nhu cầu tạo mẫu phức tạp, các thư viện tích hợp sẵn của Axure luôn sẵn sàng hỗ trợ.

Thư viện bao gồm 17 widget luồng duy nhất, được sử dụng chủ yếu để tạo sơ đồ. Ngoài ra, có 25 widget trong thư viện wireframe.

Hoạt động ngắn gọn của các thư viện được trình bày trong Chương 3 - Giao diện Người dùng.

Thư viện tùy chỉnh Axure

Cộng đồng Axure, đang phát triển về quy mô từng ngày, có một bộ sưu tập lớn các thư viện do người dùng tạo. Bạn có thể ghé thăm chúng tại -https://www.axure.com/support/download-widget-libraries.

Các chuyên gia UX từ khắp nơi trên thế giới, những người cam kết làm cho cộng đồng này phát triển, hãy gửi tác phẩm của họ theo liên kết trên.

Bạn có thể tải xuống các thư viện từ trang web và thêm chúng vào Axure bằng cách sử dụng tùy chọn Load Library trong các thư viện. Ngoài ra, bạn có thể tải trực tiếp các thư viện từ chính giao diện ứng dụng.

Như được hiển thị trong màn hình trên, chúng tôi có một menu ngữ cảnh, nơi bạn có thể tải xuống các thư viện khác nhau như được cung cấp trên https://www.axure.com/support/download-widget-libraries. Bạn cũng có thể tạo thư viện của riêng mình, điều này sẽ rất tiện lợi trong khi tạo các điều khiển lặp lại cho một nguyên mẫu nhất định.

Hướng dẫn đầy đủ để tải xuống / tải thư viện có sẵn tại: https://www.axure.com/support/reference/widget-libraries.

Khi nói đến việc sử dụng tiện ích con tùy chỉnh từ một trong các thư viện đã tải của bạn, hãy kéo và thả nó vào vùng thiết kế tương tự như các tiện ích con tích hợp sẵn. Nếu tiện ích con bao gồm các biến hoặc kiểu tùy chỉnh,Import Wizard hộp thoại sẽ gắn cờ các phụ thuộc như vậy.

Trong số các phụ thuộc như vậy, bạn có thể nhận thấy có một số kiểu không tương thích nhất định đi kèm với thư viện tiện ích được nhập. Bạn có thể chọnCancel và chỉ nhập các tiện ích con hoặc nhấp vào Finish để nhập toàn bộ gói.

Khi bạn kéo và thả một tiện ích con vào khung dây của mình, phiên bản cụ thể đó không còn được liên kết với thư viện tiện ích con ban đầu nữa. Do đó, các chỉnh sửa và thay đổi được thực hiện đối với các tiện ích con trong thư viện tiện ích con đã nhập sẽ không được áp dụng cho bất kỳ trường hợp nào của các tiện ích con này trong tệp dự án của bạn, ngay cả sau khi bạn làm mới thư viện. Hãy yên tâm, sau khi được nhập, bạn có thể sử dụng các tiện ích con trong thư viện đã nhập mà không cần lo lắng về các bản cập nhật diễn ra trong cùng một thư viện tiện ích con có sẵn trực tuyến.

Sử dụng RPLIB

Sử dụng tệp Thư viện Axure RP khá đơn giản. Khi bạn tải xuống một thư viện, biểu tượng cho tệp thư viện (.rplib) được phân biệt rõ ràng với tệp nguyên mẫu Axure RP (.rp). Ví dụ, như trong ảnh chụp màn hình sau.

Cơ chế để điều này hoạt động - Bạn có thể nhập tài liệu Wireframe iOS trong iOS Wireframe Demo.

Thư viện này có thể được sử dụng cho nhiều dự án và các bản cập nhật trong tệp thư viện sẽ khả dụng sau khi bạn Làm mới thư viện từ menu ngữ cảnh. Như đã nhấn mạnh trước đó, điều này rất hữu ích khi làm việc trong một dự án nhóm và phân phối các thư viện theo cách này.

Axure RP 8 hỗ trợ cộng tác với tính năng - Dự án nhóm. Tính năng này không chỉ có lợi cho các nhóm được phân phối mà còn cho người dùng duy nhất. Lợi ích cho người dùng duy nhất là khả năng tạo phiên bản cho công việc đang tiến hành.

Làm việc với các dự án nhóm

Trong kịch bản Dự án nhóm, mỗi thành viên trong nhóm có một bản sao của dự án trên máy tính của họ. Dự án này sẽ được đồng bộ hóa với một kho lưu trữ được chia sẻ. Kho lưu trữ chia sẻ này được kết nối với các thành viên khác trong nhóm.

Sau quá trình làm việc một ngày, mỗi thành viên trong nhóm sẽ tạo ra các yếu tố mới, kiểm tra tệp và chỉnh sửa dự án nói chung. Check Out là một thuật ngữ thường được sử dụng để chỉ công việc đang tiến hành cho một tệp cụ thể.

Các thay đổi sẽ không được phản ánh trong kho lưu trữ được chia sẻ cho đến khi thành viên trong nhóm kiểm tra tất cả các phần tử đã kiểm tra của họ. CácManage Team Project bảng điều khiển cung cấp cho tất cả các thành viên trong nhóm chế độ xem thời gian thực về trạng thái sẵn có của các phần tử được hệ thống quản lý.

Chế độ xem này cung cấp thông tin chi tiết của một phần tử được kiểm tra bởi một thành viên khác trong nhóm.

Bắt đầu một dự án nhóm

Để làm việc với hoặc tạo một dự án nhóm, hãy chuyển đến menu Nhóm. Nhấp vào Nhóm và sau đó chọn Tạo Dự án Nhóm từ Tệp Hiện tại. Màn hình sau sẽ bật lên.

Các tùy chọn có sẵn để lưu trữ một dự án nhóm là - sử dụng AxShare và SVN. Chúng ta sẽ thảo luận về AxShare trong phần tiếp theo. SVN là Hệ thống Kiểm soát Phiên bản thường được sử dụng, cung cấp một máy chủ để lưu trữ tài liệu của bạn.

Thực hiện theo các hướng dẫn trên màn hình để tạo dự án nhóm và sau đó bạn sẽ có thể bắt đầu cộng tác với một tệp Axure trong nhóm / sử dụng tệp đó để lưu trữ lịch sử của riêng bạn.

Axure Share

Khi nói đến việc trưng bày nguyên mẫu của bạn, có nhiều tùy chọn có sẵn tùy theo môi trường bạn đang ở. Phương pháp phổ biến nhất được sử dụng để xuất nguyên mẫu của bạn là sử dụng Axure Share (còn gọi là AxShare).

Với Axure Share, bạn có thể thực hiện các khả năng cộng tác sau đây.

• Nguyên mẫu có thể được lưu trữ trên Axure Share và được chia sẻ với các thành viên / khách hàng trong nhóm liên quan.

• Với tính năng thảo luận / nhận xét, bạn có thể nhận được các đầu vào khi đang di chuyển trên nguyên mẫu đang chế tạo.

Khi bạn đã sẵn sàng với nguyên mẫu, bạn có thể tải nguyên mẫu lên AxShare bằng cách sử dụng Xuất bản → Xuất bản lên Axure Share. Hộp thoại sau sẽ được hiển thị.

Bạn phải tạo một tài khoản tại AxShare.com để tiến bộ. Nếu bạn đã có tài khoản, bạn có thể sử dụng tùy chọn 'Đăng nhập' để đăng nhập và tải tác phẩm của mình lên AxShare .

Dữ liệu được tải lên ở dạng HTML, CSS và JavaScript. Sau khi tải lên, bạn sẽ được cung cấp một liên kết, mà bạn có thể cung cấp cho các bên / nhóm liên quan dự định.