SlideShare une entreprise Scribd logo
1  sur  42
Télécharger pour lire hors ligne
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

Contenu connexe

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

Plus 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
 

Dernier

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Dernier (20)

Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
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
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
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
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
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
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
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)
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 

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