SlideShare una empresa de Scribd logo
1 de 42
Descargar para leer sin conexión
m 
Putting Web 
Forms Online 
(Beyond the PDF) 
m 
Chris Lucas and Greg Zguta 
Dec. 2, 2014 
Wednesday, December 3, 14 1
m 
#mStonerNow 
Wednesday, December 3, 14 2
m 
#mStonerNow 
@chris_c_lucas 
@gzguta 
@mStonerInc 
Wednesday, December 3, 14 3
m 
Let’s get started. 
• Forms in Higher Ed 
• Brand Problems 
• Conversion Problems 
• Form Solutions 
• Examples 
• Questions 
Wednesday, December 3, 14 4
m 
Form Usage 
in Higher Ed 
Wednesday, December 3, 14 5
m 
Technology in web projects 
• Content Management System 
• Website search 
• Web event calendaring 
• Analytics 
• Forms 
Wednesday, December 3, 14 6
m 
More PDFs, more Problems 
• Paper, paper, and more paper (and faxes 
and emails) 
• Not really “online” forms 
• Old forms are never removed from the 
site 
• Search results filled with PDFs instead 
of web pages 
Wednesday, December 3, 14 7
m 
CMS Form Tools 
• Work directly in the CMS 
• Typically don’t have stellar ease of 
use for content editors 
• Form features are limited 
• Work best for simple forms 
Wednesday, December 3, 14 8
m 
Custom Web Forms 
• Require web development resources 
• No access for content editors (unless you 
build it) 
• Often require back end solutions to work 
with other databases/systems 
• All features must be built from the ground 
up 
Wednesday, December 3, 14 9
m 
Best of Breed Forms Tools 
• Offer administration tools and utilities to 
manage forms and data 
• Provide options for how forms are hosted on 
pages 
• Are purpose-built to make form creation easy 
for content editors 
• Advanced features like integrations, custom 
branding and analytics 
Wednesday, December 3, 14 10
m 
Key Decision Criteria 
• Self service ability for content editors 
• Technical support for form creation 
• Increase in higher ed websites 
hosted externally 
• Cost versus capabilities 
Wednesday, December 3, 14 11
m 
Brand 
Problems 
Wednesday, December 3, 14 12
m 
Wednesday, December 3, 14 13
m 
Low utility for form 
owners and users 
• Confusing—”Is this the right place?” 
• Uncertainty and low confidence 
• Users more likely to abandon unbranded forms 
Wednesday, December 3, 14 14
m 
Conversion 
Opportunities 
Wednesday, December 3, 14 15
m 
Wednesday, December 3, 14 16
m 
Wednesday, December 3, 14 17
m 
Wednesday, December 3, 14 18
m 
What Can 
Help? 
Wednesday, December 3, 14 19
m 
Wednesday, December 3, 14 20
m 
Wednesday, December 3, 14 21
m 
Field Bottlenecks 
• Help you optimize your form 
• Reveal trouble spots 
• Minimize form abandonment 
• Increase user satisfaction 
Wednesday, December 3, 14 22
m 
Example: 
Berkshire 
Community College 
Wednesday, December 3, 14 23
m 
Problem Overview 
Wednesday, December 3, 14 24
m 
Form options 
Custom web form 
• Unlimited customization 
possibilities 
• Connect form directly to 
Datatel export/import 
process 
• Use server-side code to 
help deliver required 
features 
Custom Formstack 
form 
• Built-in administration 
tools for form submission/ 
review/approval 
• Ability to create additional 
forms based on the theme 
• Less code/more 
configuration 
Wednesday, December 3, 14 25
m 
Solution Requirements 
• The form needed to have multiple pages 
• Ability to have conditional steps 
• Must be mobile friendly 
• Must have proper required fields to ensure valid 
data 
• Admissions needs an approval step to review 
submitted applications 
Wednesday, December 3, 14 26
m 
Design Process 
• Review of the existing PDF form 
• Wireframe proposed new steps and 
fields based on new website design 
• Development of HTML/CSS for a theme 
within Formstack 
• Quality assurance with web team and 
Admissions prior to launch 
Wednesday, December 3, 14 27
m 
Wednesday, December 3, 14 28
m 
Wednesday, December 3, 14 29
m 
Implementation 
• Mapping of fields to Datatel Colleague 
database 
• Development of CSS and Javascript to 
style and enable form elements 
• Creation of application form steps in 
Formstack 
• Creation of a custom theme in Formstack 
Wednesday, December 3, 14 30
m 
Wednesday, December 3, 14 31
m 
Wednesday, December 3, 14 32
m 
Impact (so far) 
• 481 Conversions (applications!) in the first 
three months 
• 21% conversion rate 
• Additional forms created which inherit the 
theme/styles: 
• Request Information 
• Schedule a Tour 
Wednesday, December 3, 14 33
m 
Example: 
University of 
Nevada, Reno 
Wednesday, December 3, 14 34
m 
Wednesday, December 3, 14 35
m 
Wednesday, December 3, 14 36
m 
Wednesday, December 3, 14 37
m 
Wednesday, December 3, 14 38
m 
Wednesday, December 3, 14 39
m 
Takeaways 
• Web forms are a core component of web 
infrastructure 
• There are three primary paths for implementing 
forms: 
• CMS forms 
• Custom web forms 
• Best of breed third party form tools 
• Tools like Formstack provide highly customized, 
highly useable solutions 
Wednesday, December 3, 14 40
m 
Questions? 
Wednesday, December 3, 14 41
m 
Thank You! 
For more information about mStoner: 
773-305-0537 | mStoner@mstoner.com 
Want to work with us? 
Contact Mallory Wood at 802-457-9234 
mallory.wood@mstoner.com 
Wednesday, December 3, 14 42

Más contenido relacionado

Más de mStoner, Inc.

Map It Out: The Path to Better Digital Engagement with Prospects
Map It Out: The Path to Better Digital Engagement with ProspectsMap It Out: The Path to Better Digital Engagement with Prospects
Map It Out: The Path to Better Digital Engagement with Prospects
mStoner, Inc.
 
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
mStoner, Inc.
 

Más de mStoner, Inc. (20)

University of North Dakota Case Study
University of North Dakota Case StudyUniversity of North Dakota Case Study
University of North Dakota Case Study
 
Improving the Search Experience in Higher Ed: What's Next?
Improving the Search Experience in Higher Ed: What's Next?Improving the Search Experience in Higher Ed: What's Next?
Improving the Search Experience in Higher Ed: What's Next?
 
IMC Crash Course
IMC Crash CourseIMC Crash Course
IMC Crash Course
 
Content Planning and Delivery for higher ed
Content Planning and Delivery for higher edContent Planning and Delivery for higher ed
Content Planning and Delivery for higher ed
 
Storytelling and Integrated Marketing Communications
Storytelling and Integrated Marketing CommunicationsStorytelling and Integrated Marketing Communications
Storytelling and Integrated Marketing Communications
 
Brand Architecture: Building an Enduring Brand
Brand Architecture: Building an Enduring BrandBrand Architecture: Building an Enduring Brand
Brand Architecture: Building an Enduring Brand
 
Higher Education Brand and Website Case Studies
Higher Education Brand and Website Case StudiesHigher Education Brand and Website Case Studies
Higher Education Brand and Website Case Studies
 
Pitch Perfect: How to Gain Internal Buy-In
Pitch Perfect: How to Gain Internal Buy-InPitch Perfect: How to Gain Internal Buy-In
Pitch Perfect: How to Gain Internal Buy-In
 
Map It Out: The Path to Better Digital Engagement with Prospects
Map It Out: The Path to Better Digital Engagement with ProspectsMap It Out: The Path to Better Digital Engagement with Prospects
Map It Out: The Path to Better Digital Engagement with Prospects
 
Higher Ed Site Redesign Done Right
Higher Ed Site Redesign Done RightHigher Ed Site Redesign Done Right
Higher Ed Site Redesign Done Right
 
Mythbusting Enrollment Marketing
Mythbusting Enrollment Marketing Mythbusting Enrollment Marketing
Mythbusting Enrollment Marketing
 
Digital Storytelling 101
Digital Storytelling 101Digital Storytelling 101
Digital Storytelling 101
 
Personalization on Higher Education Websites – The New Competitive Advantage
Personalization on Higher Education Websites – The New Competitive AdvantagePersonalization on Higher Education Websites – The New Competitive Advantage
Personalization on Higher Education Websites – The New Competitive Advantage
 
Storytelling Through Faculty
Storytelling Through FacultyStorytelling Through Faculty
Storytelling Through Faculty
 
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
Mythbusting Websites: What Prospects Value About #HigherEd Websites (and What...
 
Mythbusting Websites AMA Handout
Mythbusting Websites AMA HandoutMythbusting Websites AMA Handout
Mythbusting Websites AMA Handout
 
Accessibility for Digital Storytelling
Accessibility for Digital StorytellingAccessibility for Digital Storytelling
Accessibility for Digital Storytelling
 
Analytics and Digital Storytelling
Analytics and Digital StorytellingAnalytics and Digital Storytelling
Analytics and Digital Storytelling
 
Illustrations and Infographics for Digital Storytelling
Illustrations and Infographics for Digital StorytellingIllustrations and Infographics for Digital Storytelling
Illustrations and Infographics for Digital Storytelling
 
Digital Storytelling for Inspiration and Impact
Digital Storytelling for Inspiration and ImpactDigital Storytelling for Inspiration and Impact
Digital Storytelling for Inspiration and Impact
 

Último

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Último (20)

ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 

Putting Web Forms Online (Beyond the PDF)

  • 1. m Putting Web Forms Online (Beyond the PDF) m Chris Lucas and Greg Zguta Dec. 2, 2014 Wednesday, December 3, 14 1
  • 2. m #mStonerNow Wednesday, December 3, 14 2
  • 3. m #mStonerNow @chris_c_lucas @gzguta @mStonerInc Wednesday, December 3, 14 3
  • 4. m Let’s get started. • Forms in Higher Ed • Brand Problems • Conversion Problems • Form Solutions • Examples • Questions Wednesday, December 3, 14 4
  • 5. m Form Usage in Higher Ed Wednesday, December 3, 14 5
  • 6. m Technology in web projects • Content Management System • Website search • Web event calendaring • Analytics • Forms Wednesday, December 3, 14 6
  • 7. m More PDFs, more Problems • Paper, paper, and more paper (and faxes and emails) • Not really “online” forms • Old forms are never removed from the site • Search results filled with PDFs instead of web pages Wednesday, December 3, 14 7
  • 8. m CMS Form Tools • Work directly in the CMS • Typically don’t have stellar ease of use for content editors • Form features are limited • Work best for simple forms Wednesday, December 3, 14 8
  • 9. m Custom Web Forms • Require web development resources • No access for content editors (unless you build it) • Often require back end solutions to work with other databases/systems • All features must be built from the ground up Wednesday, December 3, 14 9
  • 10. m Best of Breed Forms Tools • Offer administration tools and utilities to manage forms and data • Provide options for how forms are hosted on pages • Are purpose-built to make form creation easy for content editors • Advanced features like integrations, custom branding and analytics Wednesday, December 3, 14 10
  • 11. m Key Decision Criteria • Self service ability for content editors • Technical support for form creation • Increase in higher ed websites hosted externally • Cost versus capabilities Wednesday, December 3, 14 11
  • 12. m Brand Problems Wednesday, December 3, 14 12
  • 14. m Low utility for form owners and users • Confusing—”Is this the right place?” • Uncertainty and low confidence • Users more likely to abandon unbranded forms Wednesday, December 3, 14 14
  • 15. m Conversion Opportunities Wednesday, December 3, 14 15
  • 19. m What Can Help? Wednesday, December 3, 14 19
  • 22. m Field Bottlenecks • Help you optimize your form • Reveal trouble spots • Minimize form abandonment • Increase user satisfaction Wednesday, December 3, 14 22
  • 23. m Example: Berkshire Community College Wednesday, December 3, 14 23
  • 24. m Problem Overview Wednesday, December 3, 14 24
  • 25. m Form options Custom web form • Unlimited customization possibilities • Connect form directly to Datatel export/import process • Use server-side code to help deliver required features Custom Formstack form • Built-in administration tools for form submission/ review/approval • Ability to create additional forms based on the theme • Less code/more configuration Wednesday, December 3, 14 25
  • 26. m Solution Requirements • The form needed to have multiple pages • Ability to have conditional steps • Must be mobile friendly • Must have proper required fields to ensure valid data • Admissions needs an approval step to review submitted applications Wednesday, December 3, 14 26
  • 27. m Design Process • Review of the existing PDF form • Wireframe proposed new steps and fields based on new website design • Development of HTML/CSS for a theme within Formstack • Quality assurance with web team and Admissions prior to launch Wednesday, December 3, 14 27
  • 30. m Implementation • Mapping of fields to Datatel Colleague database • Development of CSS and Javascript to style and enable form elements • Creation of application form steps in Formstack • Creation of a custom theme in Formstack Wednesday, December 3, 14 30
  • 33. m Impact (so far) • 481 Conversions (applications!) in the first three months • 21% conversion rate • Additional forms created which inherit the theme/styles: • Request Information • Schedule a Tour Wednesday, December 3, 14 33
  • 34. m Example: University of Nevada, Reno Wednesday, December 3, 14 34
  • 40. m Takeaways • Web forms are a core component of web infrastructure • There are three primary paths for implementing forms: • CMS forms • Custom web forms • Best of breed third party form tools • Tools like Formstack provide highly customized, highly useable solutions Wednesday, December 3, 14 40
  • 41. m Questions? Wednesday, December 3, 14 41
  • 42. m Thank You! For more information about mStoner: 773-305-0537 | mStoner@mstoner.com Want to work with us? Contact Mallory Wood at 802-457-9234 mallory.wood@mstoner.com Wednesday, December 3, 14 42