Requirement Gathering & Rapid Prototyping

This is a presentation i made for the pre-sales team training while @ ILFS Technologies

1. www.techsailor.com
Proper Requirement gathering & Rapid Prototyping by Aurobindo Nayak & Jitendra Dash
24 Nov 2011
REQUIREMENT ANALYSIS
& RAPID
PROTOTYPING
•A brief introduction to the latest Tools and Techniques used in the Industry for
Rapid Prototyping & Requirement Analysis and Document Creation.

2. www.techsailor.com
Agenda
•Overview of Requirement gathering and analysis.
•The need of Prototyping in current business scenario.
•Classic methods VS Current automation Tools.

Brief Description of Prototyping Tools available in the market.
Evaluation of pros and cons of these tools.
Questions & Answers

3. www.techsailor.com
Why Prototype?
•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.

4. www.techsailor.com
Pens n paper VS Tools
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.
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.

5. www.techsailor.com
Proper Requirement gathering & Rapid Prototyping by Aurobindo Nayak & Jitendra Dash
24 Nov 2011

6. www.techsailor.comEngaging 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. www.techsailor.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.
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/

8. www.techsailor.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.
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/

9. www.techsailor.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.
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/

10. Sample page
You can also insert your actual design elements and images into the
wireframes as your prototyping moves along.

11. www.techsailor.com
Good bits of Axure
Unique Feature Set Easy to Use and Learn Cross-Platform
Collaboration Quality Customer ServiceActive Community
Source from: http://www.axure.com/

12. www.techsailor.com
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. 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.
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 /

16. 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..
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/

17. 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..
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/

18. Sample page

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 SetDifficult 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. www.techsailor.com
Thank you
New Delhi, India
3rd Floor, Ambience
Corporate Tower
Ambience Mall, Ambience
Island National Highway #8
Gurgaon - 122 002
Phone : [phone]
Fax : [phone]
Philipines
Information Management Center Building,
LRA Compound, East Avenue corner NIA
Road,
Diliman, Quezon City, 1100
Manila, Philippines
Phone : [phone]
Mumbai, India
The IL&FS Financial Center
Bandra Kurla Complex
Bandra East
Mumbai- 400 051
Phone : [phone]
Fax : [phone]
Email : [email protected]
Website : http://www.ilfstechnologies.com