Requirement Gathering & Rapid Prototyping

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.

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

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.

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.

www.techsailor.com


24 Nov 2011

www.techsailor.com

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?

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/

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!


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.


Sample page

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

www.techsailor.com

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/

www.techsailor.com

No Database Plug-In Support Unable to reuse HTML Codes

Source from: http://www.axure.com/

Bad bits of Axure


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?

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 /

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/

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/

Sample page

Good bits of Serena

Cross-Platform

Collaboration Quality Customer ServiceSource 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 SetDifficult to Use and Learn

More details here!http://www.axure.com/Samples/AxureQuickStart.pdf

http://www.serena.com/products/prototype-composer/index.html

http://www.axure.com/Samples/AxureQuickStart.pdf

http://www.serena.com/products/prototype-composer/index.html

www.techsailor.com

Thank you

New Delhi, India

3rd Floor, Ambience Corporate TowerAmbience Mall, Ambience Island National Highway #8Gurgaon - 122 002Phone : +91 124 4716400Fax : +91 124 4716570

Philipines

Information Management Center Building,LRA Compound, East Avenue corner NIA Road,Diliman, Quezon City, 1100Manila, PhilippinesPhone : +632 9204926

Mumbai, India

The IL&FS Financial CenterBandra Kurla Complex Bandra East Mumbai- 400 051 Phone : +91 22 66947600 Fax : +91 22 66947700

Email : [email protected] Website : http://www.ilfstechnologies.com