On October 23rd, 2014, we updated our
By continuing to use LinkedIn’s SlideShare service, you agree to the revised terms, so please take a few minutes to review them.
Requirement gathering involves gathering of all necessary information related to the system we wish to implement.
Prototyping is a fairly new concept that is catching up with business worldwide as organizations struggle to improve client interaction & user interface design.
Prototyping supports the entire design Lifecycle :-
a). It’s a communication tool
b). Better Client Approvals / Buy In
c). Developer Walkthrough
d). Live Document
Prototyping saves money and resources while mitigating the risk factors associated. Since, we can know beforehand how the system will look in essence, we can always prevent faulty designs while building actual Systems.
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.
Proper Requirement gathering & Rapid Prototyping by Aurobindo Nayak & Jitendra Dash 24 Nov 2011
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?
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.
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.
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.
Sample page You can also insert your actual design elements and images into the wireframes as your prototyping moves along.
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/
No Database Plug-In Support Unable to reuse HTML Codes Source from: http://www.axure.com/ Bad bits of Axure
Proper Requirement gathering & Rapid Prototyping by Aurobindo Nayak & Jitendra Dash 24 Nov 2011 Prototyping with Serena Prototype Composer
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?
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.
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..
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..
Good bits of Serena Cross-Platform Collaboration Quality Customer Service Source from: http://www.axure.com/ Database Plug-In Support
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
More details here! http://www.axure.com/Samples/AxureQuickStart.pdf http://www.serena.com/products/prototype-composer/index.html
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 : email@example.com Website : http://www.ilfstechnologies.com