SlideShare a Scribd company logo
1 of 22
Download to read offline
Proper Requirement gathering & Rapid Prototyping  by   Aurobindo Nayak  &  Jitendra Dash 24 Nov 2011 REQUIREMENT ANALYSIS &  RAPID PROTOTYPING ,[object Object]
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Why Prototype? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
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..
Sample page
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 :  info@ilfstechnologies.com  Website :  http://www.ilfstechnologies.com

More Related Content

What's hot

Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility WorkshopLar Veale
 
Effective requirement gathering using Design Thinking technique
Effective requirement gathering using Design Thinking techniqueEffective requirement gathering using Design Thinking technique
Effective requirement gathering using Design Thinking techniqueAgile Chandigarh
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaRoshan Karunarathna
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Robert Stribley
 
UX Career Path - Tips to Designing Your Own Path
UX Career Path - Tips to Designing Your Own PathUX Career Path - Tips to Designing Your Own Path
UX Career Path - Tips to Designing Your Own PathJohn Labriola
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1Lewis Lin 🦊
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1Vladimir Tomberg
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUXBERT
 
Prototyping and Usability Testing your designs
Prototyping and Usability Testing your designsPrototyping and Usability Testing your designs
Prototyping and Usability Testing your designsElizabeth Snowdon
 

What's hot (20)

Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility Workshop
 
BDD in Action - building software that matters
BDD in Action - building software that mattersBDD in Action - building software that matters
BDD in Action - building software that matters
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
Effective requirement gathering using Design Thinking technique
Effective requirement gathering using Design Thinking techniqueEffective requirement gathering using Design Thinking technique
Effective requirement gathering using Design Thinking technique
 
Ux & ui
Ux & uiUx & ui
Ux & ui
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15
 
UX Career Path - Tips to Designing Your Own Path
UX Career Path - Tips to Designing Your Own PathUX Career Path - Tips to Designing Your Own Path
UX Career Path - Tips to Designing Your Own Path
 
UI/UX Design in Agile process
UI/UX Design in Agile process  UI/UX Design in Agile process
UI/UX Design in Agile process
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
 
RPA with UIPath and Flaui
RPA with UIPath and FlauiRPA with UIPath and Flaui
RPA with UIPath and Flaui
 
Onion architecture
Onion architectureOnion architecture
Onion architecture
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Hello Flutter
Hello FlutterHello Flutter
Hello Flutter
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
 
Prototyping and Usability Testing your designs
Prototyping and Usability Testing your designsPrototyping and Usability Testing your designs
Prototyping and Usability Testing your designs
 

Viewers also liked

How to Market Your Nonprofit's Impact to Maximize Your Fundraising ROI
How to Market Your Nonprofit's Impact to Maximize Your Fundraising ROIHow to Market Your Nonprofit's Impact to Maximize Your Fundraising ROI
How to Market Your Nonprofit's Impact to Maximize Your Fundraising ROIHubSpot
 
13 the phillips curve and expectations theory
 13 the phillips curve and expectations theory 13 the phillips curve and expectations theory
13 the phillips curve and expectations theoryNepDevWiki
 
AS Macro Fiscal Policy Questions
AS Macro Fiscal Policy QuestionsAS Macro Fiscal Policy Questions
AS Macro Fiscal Policy Questionstutor2u
 
Aortic Dissection
Aortic DissectionAortic Dissection
Aortic Dissectionzrahman
 
Ventricular septal defect, congenital heart disease
Ventricular septal defect,  congenital heart diseaseVentricular septal defect,  congenital heart disease
Ventricular septal defect, congenital heart diseaseShabnam Mohammadzadeh
 
Government fiscal policy and the economy
Government fiscal policy and the economyGovernment fiscal policy and the economy
Government fiscal policy and the economytutor2u
 
Civil Family Law - Promise to Marry (Betrothal)
Civil Family Law - Promise to Marry (Betrothal)Civil Family Law - Promise to Marry (Betrothal)
Civil Family Law - Promise to Marry (Betrothal)Azrin Hafiz
 
Pengelolaan keu desa
Pengelolaan keu desaPengelolaan keu desa
Pengelolaan keu desaDodik mer
 
AS Macro: The Effectiveness of UK Macro-Economic Policies
AS Macro: The Effectiveness of UK Macro-Economic PoliciesAS Macro: The Effectiveness of UK Macro-Economic Policies
AS Macro: The Effectiveness of UK Macro-Economic Policiestutor2u
 
Lra 2016 professional development
Lra 2016 professional development Lra 2016 professional development
Lra 2016 professional development Erin Elizabeth
 
Comprehensive Agrarian Reform
Comprehensive Agrarian ReformComprehensive Agrarian Reform
Comprehensive Agrarian Reformlowell0916
 
Causes & Effects of Inflation
Causes & Effects of InflationCauses & Effects of Inflation
Causes & Effects of Inflationmattbentley34
 
Year 1 Macro: Supply-Side Policies
Year 1 Macro: Supply-Side PoliciesYear 1 Macro: Supply-Side Policies
Year 1 Macro: Supply-Side Policiestutor2u
 
Furnace safegaurd supervisory system logic-1
Furnace safegaurd supervisory system logic-1Furnace safegaurd supervisory system logic-1
Furnace safegaurd supervisory system logic-1Ashvani Shukla
 
Adverse possession review
Adverse possession reviewAdverse possession review
Adverse possession review12900812
 
Monetary and fiscal policy ppt @ becdoms
Monetary and fiscal policy ppt @ becdomsMonetary and fiscal policy ppt @ becdoms
Monetary and fiscal policy ppt @ becdomsBabasab Patil
 

Viewers also liked (20)

Terrence Allison Resume 1
Terrence Allison Resume 1Terrence Allison Resume 1
Terrence Allison Resume 1
 
How to Market Your Nonprofit's Impact to Maximize Your Fundraising ROI
How to Market Your Nonprofit's Impact to Maximize Your Fundraising ROIHow to Market Your Nonprofit's Impact to Maximize Your Fundraising ROI
How to Market Your Nonprofit's Impact to Maximize Your Fundraising ROI
 
13 the phillips curve and expectations theory
 13 the phillips curve and expectations theory 13 the phillips curve and expectations theory
13 the phillips curve and expectations theory
 
AS Macro Fiscal Policy Questions
AS Macro Fiscal Policy QuestionsAS Macro Fiscal Policy Questions
AS Macro Fiscal Policy Questions
 
Aortic Dissection
Aortic DissectionAortic Dissection
Aortic Dissection
 
Ventricular septal defect, congenital heart disease
Ventricular septal defect,  congenital heart diseaseVentricular septal defect,  congenital heart disease
Ventricular septal defect, congenital heart disease
 
Doppler ultrasound of the kidneys 1
Doppler ultrasound of the kidneys 1Doppler ultrasound of the kidneys 1
Doppler ultrasound of the kidneys 1
 
Government fiscal policy and the economy
Government fiscal policy and the economyGovernment fiscal policy and the economy
Government fiscal policy and the economy
 
Civil Family Law - Promise to Marry (Betrothal)
Civil Family Law - Promise to Marry (Betrothal)Civil Family Law - Promise to Marry (Betrothal)
Civil Family Law - Promise to Marry (Betrothal)
 
Pengelolaan keu desa
Pengelolaan keu desaPengelolaan keu desa
Pengelolaan keu desa
 
AS Macro: The Effectiveness of UK Macro-Economic Policies
AS Macro: The Effectiveness of UK Macro-Economic PoliciesAS Macro: The Effectiveness of UK Macro-Economic Policies
AS Macro: The Effectiveness of UK Macro-Economic Policies
 
Lra 2016 professional development
Lra 2016 professional development Lra 2016 professional development
Lra 2016 professional development
 
karen torres cv
karen torres cvkaren torres cv
karen torres cv
 
Doppler us of the kidneys 2
Doppler us of the kidneys 2Doppler us of the kidneys 2
Doppler us of the kidneys 2
 
Comprehensive Agrarian Reform
Comprehensive Agrarian ReformComprehensive Agrarian Reform
Comprehensive Agrarian Reform
 
Causes & Effects of Inflation
Causes & Effects of InflationCauses & Effects of Inflation
Causes & Effects of Inflation
 
Year 1 Macro: Supply-Side Policies
Year 1 Macro: Supply-Side PoliciesYear 1 Macro: Supply-Side Policies
Year 1 Macro: Supply-Side Policies
 
Furnace safegaurd supervisory system logic-1
Furnace safegaurd supervisory system logic-1Furnace safegaurd supervisory system logic-1
Furnace safegaurd supervisory system logic-1
 
Adverse possession review
Adverse possession reviewAdverse possession review
Adverse possession review
 
Monetary and fiscal policy ppt @ becdoms
Monetary and fiscal policy ppt @ becdomsMonetary and fiscal policy ppt @ becdoms
Monetary and fiscal policy ppt @ becdoms
 

Similar to Requirement Gathering & Rapid Prototyping

IIBA® Sydney Unlocking the Power of Low Code No Code: Why BAs Hold the Key
IIBA® Sydney Unlocking the Power of Low Code No Code: Why BAs Hold the KeyIIBA® Sydney Unlocking the Power of Low Code No Code: Why BAs Hold the Key
IIBA® Sydney Unlocking the Power of Low Code No Code: Why BAs Hold the KeyAustraliaChapterIIBA
 
Aura Framework and Lightning (Nikolay Zenko and Alexey Filippov)
Aura Framework and Lightning (Nikolay Zenko and Alexey Filippov)Aura Framework and Lightning (Nikolay Zenko and Alexey Filippov)
Aura Framework and Lightning (Nikolay Zenko and Alexey Filippov)Yury Bondarau
 
Enter the World of PowerApps - Canvas vs. Model-Driven Apps
Enter the World of PowerApps - Canvas vs. Model-Driven AppsEnter the World of PowerApps - Canvas vs. Model-Driven Apps
Enter the World of PowerApps - Canvas vs. Model-Driven AppsDaniel Laskewitz
 
.NET Recommended Resources
.NET Recommended Resources.NET Recommended Resources
.NET Recommended ResourcesGreg Sohl
 
AD303: Building Composite Applications for IBM Workplace Collaboration Servic...
AD303: Building Composite Applications for IBM Workplace Collaboration Servic...AD303: Building Composite Applications for IBM Workplace Collaboration Servic...
AD303: Building Composite Applications for IBM Workplace Collaboration Servic...Brian O'Gorman
 
Industrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netIndustrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netPankaj Kushwaha
 
Detailed Technical Portfolio
Detailed Technical PortfolioDetailed Technical Portfolio
Detailed Technical PortfolioTahirMustafa
 
Software Delivery in the Web 2.0 Style
Software Delivery in the Web 2.0 StyleSoftware Delivery in the Web 2.0 Style
Software Delivery in the Web 2.0 StyleAlan Kan
 
aOS Moscow - E4 - PowerApps for enterprise developers - Fabio Franzini
aOS Moscow - E4 - PowerApps for enterprise developers - Fabio FranziniaOS Moscow - E4 - PowerApps for enterprise developers - Fabio Franzini
aOS Moscow - E4 - PowerApps for enterprise developers - Fabio FranziniaOS Community
 
Appalanaidu_4.4 Years Exp in DotNet Technology
Appalanaidu_4.4 Years Exp in DotNet TechnologyAppalanaidu_4.4 Years Exp in DotNet Technology
Appalanaidu_4.4 Years Exp in DotNet TechnologyAPPALANAIDU KONDALA
 

Similar to Requirement Gathering & Rapid Prototyping (20)

Axure
AxureAxure
Axure
 
IIBA® Sydney Unlocking the Power of Low Code No Code: Why BAs Hold the Key
IIBA® Sydney Unlocking the Power of Low Code No Code: Why BAs Hold the KeyIIBA® Sydney Unlocking the Power of Low Code No Code: Why BAs Hold the Key
IIBA® Sydney Unlocking the Power of Low Code No Code: Why BAs Hold the Key
 
Aura Framework and Lightning (Nikolay Zenko and Alexey Filippov)
Aura Framework and Lightning (Nikolay Zenko and Alexey Filippov)Aura Framework and Lightning (Nikolay Zenko and Alexey Filippov)
Aura Framework and Lightning (Nikolay Zenko and Alexey Filippov)
 
Enter the World of PowerApps - Canvas vs. Model-Driven Apps
Enter the World of PowerApps - Canvas vs. Model-Driven AppsEnter the World of PowerApps - Canvas vs. Model-Driven Apps
Enter the World of PowerApps - Canvas vs. Model-Driven Apps
 
.NET Recommended Resources
.NET Recommended Resources.NET Recommended Resources
.NET Recommended Resources
 
AD303: Building Composite Applications for IBM Workplace Collaboration Servic...
AD303: Building Composite Applications for IBM Workplace Collaboration Servic...AD303: Building Composite Applications for IBM Workplace Collaboration Servic...
AD303: Building Composite Applications for IBM Workplace Collaboration Servic...
 
icv
icvicv
icv
 
uppada_kishore_resume (1)
uppada_kishore_resume (1)uppada_kishore_resume (1)
uppada_kishore_resume (1)
 
Intro to power apps
Intro to power appsIntro to power apps
Intro to power apps
 
Industrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.netIndustrial training seminar ppt on asp.net
Industrial training seminar ppt on asp.net
 
Detailed Technical Portfolio
Detailed Technical PortfolioDetailed Technical Portfolio
Detailed Technical Portfolio
 
Business Analyst
Business AnalystBusiness Analyst
Business Analyst
 
Openobject Intro
Openobject IntroOpenobject Intro
Openobject Intro
 
Sedna space philosophy
Sedna space philosophySedna space philosophy
Sedna space philosophy
 
Software Delivery in the Web 2.0 Style
Software Delivery in the Web 2.0 StyleSoftware Delivery in the Web 2.0 Style
Software Delivery in the Web 2.0 Style
 
aOS Moscow - E4 - PowerApps for enterprise developers - Fabio Franzini
aOS Moscow - E4 - PowerApps for enterprise developers - Fabio FranziniaOS Moscow - E4 - PowerApps for enterprise developers - Fabio Franzini
aOS Moscow - E4 - PowerApps for enterprise developers - Fabio Franzini
 
Appalanaidu_4.4 Years Exp in DotNet Technology
Appalanaidu_4.4 Years Exp in DotNet TechnologyAppalanaidu_4.4 Years Exp in DotNet Technology
Appalanaidu_4.4 Years Exp in DotNet Technology
 
GlenUnderwoodResume
GlenUnderwoodResumeGlenUnderwoodResume
GlenUnderwoodResume
 
DOT NET RESUME
DOT NET RESUMEDOT NET RESUME
DOT NET RESUME
 
Hci 3
Hci 3Hci 3
Hci 3
 

More from Aurobindo Nayak

More from Aurobindo Nayak (14)

Introduction to blockchain & cryptocurrencies
Introduction to blockchain & cryptocurrenciesIntroduction to blockchain & cryptocurrencies
Introduction to blockchain & cryptocurrencies
 
Research points on ripple net
Research points on ripple netResearch points on ripple net
Research points on ripple net
 
Blockchain in Trade Finance
Blockchain in Trade FinanceBlockchain in Trade Finance
Blockchain in Trade Finance
 
Blockchain in FinTech
Blockchain in FinTechBlockchain in FinTech
Blockchain in FinTech
 
E-Examination
E-ExaminationE-Examination
E-Examination
 
Wireless security
Wireless securityWireless security
Wireless security
 
Indian perspective of cyber security
Indian perspective of cyber securityIndian perspective of cyber security
Indian perspective of cyber security
 
Cybersecurity
CybersecurityCybersecurity
Cybersecurity
 
Wireless network security
Wireless network security Wireless network security
Wireless network security
 
SOFTWARE TESTING
SOFTWARE TESTINGSOFTWARE TESTING
SOFTWARE TESTING
 
BRAIN FINGERPRINTING
BRAIN FINGERPRINTINGBRAIN FINGERPRINTING
BRAIN FINGERPRINTING
 
Captcha seminar
Captcha seminar Captcha seminar
Captcha seminar
 
Blue brain
Blue brain Blue brain
Blue brain
 
Arvind's
Arvind'sArvind's
Arvind's
 

Recently uploaded

Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 

Recently uploaded (20)

Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 

Requirement Gathering & Rapid Prototyping

  • 1.
  • 2.
  • 3.
  • 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.
  • 5. Proper Requirement gathering & Rapid Prototyping by Aurobindo Nayak & Jitendra Dash 24 Nov 2011
  • 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

Editor's Notes

  1. Hi, we’re Aurobindo Nayak and Jitendra Dash from IL&FS Technologies. Today, we’ll be talking about using Axure & Serena for rapid prototyping.
  2. What can Axure do? Axure RP enables application designers to create wireframes, flow diagrams, prototypes, and specifications for applications and web sites
  3. 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.
  4. 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.
  5. 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.
  6. You can also insert your actual design elements and images into the wireframes as your prototyping moves along.
  7. 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.)
  8. Here are some places where axure can be improved as a prototyping tool.
  9. More details here! http://www.axure.com/Samples/AxureQuickStart.pdf and http://www.serena.com/products/prototype-composer/index.html
  10. Thank you. If you have any more questions, do not hesitate to contact us!