SlideShare uma empresa Scribd logo
1 de 42
Baixar para ler offline
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

Mais conteúdo relacionado

Mais 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.
 

Mais 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

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

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
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation 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
 
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
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
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
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
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
 
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
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 

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