4. Pens n paper VS Tools Previously all work of requirement gathering, prototyping, and UX Designing was done using pen and paper. It worked well, excepting the fact it took a lot of time. Modern Prototyping Tools : Use ready-made designs, can generate document specifications and easily order the process of requirement gathering. We are briefly going to describe 2 of these tools which are accepted as Industry Standards. Axure RP Pro : Create your own reusable design elements, Masters, Graphic Content and best of all auto generated HTML codes which can be referred by developers. It also has the functionality to generate Specifications documents. Serena Prototype Composer : Create Activity Diagrams, Map Activities to Interfaces, Create Dummy Databases and it also provides facility for project management & Document generation.
6. Engaging Your Customers Online Axure RP enables application designers to create wireframes, flow diagrams, prototypes, and specifications for applications and web sites What can Axure do?
7. Wireframe With Axure RP, creating annotated wireframes is fast and effective, allowing you to focus on the design instead of the documentation. Image source: http://www.axure.com/ Widgets & Custom Libraries : Use ready-made widgets including buttons, form fields, shapes, and dynamic elements that you can edit and format in a familiar environment Masters : Create your own reusable design elements like headers, footers and templates Annotations : Add notes to the widgets in your design to describe functionality.
8. Prototypes With Axure RP, creating interactive, browser-based prototypes is as simple as a click of a button and does not require writing a single line of code! Image source: http://www.axure.com/ No Programming Required : Generate interactive HTML prototypes with the click of a button. Interactivity : Show a wide range of interactions in your design like basic linking, expanding and collapsing content, inline editing, conditional flow and more. Easily Share : Share your HTML prototypes with teammates and clients to view in popular browsers without installing a player.
9. Specifications With Axure RP, generate easy-to-read, customizable functional specifications that document annotated wireframes and flow diagrams in your design. Image source: http://www.axure.com/ Instant Documentation : Generate functional specifications to Microsoft Word format in seconds complete with screenshots, annotations, and interactions. Built-in and Branded Templates : Use built-in templates with single and two-column layouts or customize your own template to reflect your company's standards and branding. Configurable Content : Choose and configure content for your specification like screenshots, annotation fields, and widget text.
10. Sample page You can also insert your actual design elements and images into the wireframes as your prototyping moves along.
11. Good bits of Axure Unique Feature Set Easy to Use and Learn Cross-Platform Collaboration Quality Customer Service Active Community Source from: http://www.axure.com/
12. No Database Plug-In Support Unable to reuse HTML Codes Source from: http://www.axure.com/ Bad bits of Axure
13. Proper Requirement gathering & Rapid Prototyping by Aurobindo Nayak & Jitendra Dash 24 Nov 2011 Prototyping with Serena Prototype Composer
14. Engaging Your Customers Online Serena Prototype Composer enables application designers to create wireframes, activity diagrams, prototypes, and specifications for stand alone applications. It also features a dummy database that can be used for ‘Fetch’ features. What can Serena do?
15. Wireframe With Serena Prototype Composer creating, wireframes using activity diagrams is fast and effective, allowing you to focus on the process flow & design interface rather than documentation. Image source: http:// http://www.squareoneseo.com / Interface Elements : Use ready-made widgets including buttons, form fields, shapes, which can be used to create a simple clickable interface. Link all these widgets using a familiar go to feature. Panels : Create your own custom panels within the page to create divisions automatically and set everything within a grid based structure.
16. Prototypes With Serena Prototype Composer, creating interactive, prototypes is done by using Activity diagrams which also act as a process flow graph. Image source: http://www..serenatools.om/ Activity Diagrams : These diagrams are used to depict the flow of information from one interface to another along with decisions made in the flow and redirection. Interactivity : Each activity diagram must be linked with each other directly or though Modules. Once connected they can be used to generate a prototype model. Shared Project Workspace : Serena provides project workspace so that individuals working in a team can connect and work on the prototype simultaneously..
17. Specifications With Serena Prototype Composer, generate easy-to-read, customizable functional specifications that document the entire Activity Flow and Database interactions within the linked Interfaces. Image source: http://www.aserena.com/ Instant Documentation : Generate functional specifications to Microsoft Word format in seconds complete with screenshots, annotations, and interactions. XML Generation : All specifications generated are in xml format so that it is easily transferrable over the web. Separate Document Generation : Serena has the facility to separate process flow documents from activity flow documents, Interface Documents etc..
19. Good bits of Serena Cross-Platform Collaboration Quality Customer Service Source from: http://www.axure.com/ Database Plug-In Support
20. Does not have a web based HTML Codes generator Source from: http://www.axure.com/ Bad bits of Serena No Active Community Limited Feature Set Difficult to Use and Learn
21. More details here! http://www.axure.com/Samples/AxureQuickStart.pdf http://www.serena.com/products/prototype-composer/index.html
22. Thank you New Delhi, India 3rd Floor, Ambience Corporate Tower Ambience Mall, Ambience Island National Highway #8 Gurgaon - 122 002 Phone : +91 124 4716400 Fax : +91 124 4716570 Philipines Information Management Center Building, LRA Compound, East Avenue corner NIA Road, Diliman, Quezon City, 1100 Manila, Philippines Phone : +632 9204926 Mumbai, India The IL&FS Financial Center Bandra Kurla Complex Bandra East Mumbai- 400 051 Phone : +91 22 66947600 Fax : +91 22 66947700 Email : info@ilfstechnologies.com Website : http://www.ilfstechnologies.com
Hinweis der Redaktion
Hi, we’re Aurobindo Nayak and Jitendra Dash from IL&FS Technologies. Today, we’ll be talking about using Axure & Serena for rapid prototyping.
What can Axure do? Axure RP enables application designers to create wireframes, flow diagrams, prototypes, and specifications for applications and web sites
With Axure RP, creating annotated wireframes is fast and effective, allowing you to focus on the design instead of the documentation. Widgets & Custom Libraries : Use ready-made widgets including buttons, form fields, shapes, and dynamic elements that you can edit and format in a familiar environment Masters : Create your own reusable design elements like headers, footers and templates Annotations : Add notes to the widgets in your design to describe functionality.
With Axure RP, creating interactive, browser-based prototypes is as simple as a click of a button and does not require writing a single line of code! No Programming Required : Generate interactive HTML prototypes with the click of a button. Interactivity : Show a wide range of interactions in your design like basic linking, expanding and collapsing content, inline editing, conditional flow and more. Easily Share : Share your HTML prototypes with teammates and clients to view in popular browsers without installing a player.
With Axure RP, generate easy-to-read, customizable functional specifications that document annotated wireframes and flow diagrams in your design. Instant Documentation : Generate functional specifications to Microsoft Word format in seconds complete with screenshots, annotations, and interactions. Built-in and Branded Templates : Use built-in templates with single and two-column layouts or customize your own template to reflect your company's standards and branding. Configurable Content : Choose and configure content for your specification like screenshots, annotation fields, and widget text.
You can also insert your actual design elements and images into the wireframes as your prototyping moves along.
Here are some reasons why web developers favor Axure. (Disclaimer: IL&FS is not affiliated to Axure in any ways and does not stand to profit by recommending usage of Axure.)
Here are some places where axure can be improved as a prototyping tool.
More details here! http://www.axure.com/Samples/AxureQuickStart.pdf and http://www.serena.com/products/prototype-composer/index.html
Thank you. If you have any more questions, do not hesitate to contact us!