USER EMPATHY WITH
ADVANCED CUSTOM FIELDS (ACF)
David Evans
USER EMPATHY WITH ADVANCED CUSTOM FIELDS (ACF)
WHO AM I?
▸ Born and raised in St. Charles, MO
▸ B.A. in Mass Media Production at
Missouri State
▸ Front-end Developer at Red8
Interactive for 5 years
▸ Married, 1.5 kids
▸ Normal stuff?
▸ Follow me on Twitter @dre711
USER EMPATHY WITH ADVANCED CUSTOM FIELDS (ACF)
WHAT IS ACF?
‣ Extremely power plugin that allows
users to create and organize the
backend field structure for easier
content entry
‣ Free version vs. Pro version
‣ Great documentation and support
at advancedcustomfields.com
‣ 1 million + active installs
USER EMPATHY WITH ADVANCED CUSTOM FIELDS (ACF)
HOW TO USE ACF
‣ Install and activate ACF
‣ Then 3 simple steps:
1. Create your fields
2. Create/edit template file to
include your fields
3. Enter your content
‣ Rinse and repeat
‣ Insert demo here
+
=
SO WHAT DO I MEAN BY
USER EMPATHY?
WHICH ONE LOOKS
BETTER TO YOU?
Good vs. Not So Good
Good
Not So Good
USER EMPATHY WITH ADVANCED CUSTOM FIELDS (ACF)
HERE ARE SOME TIPS…
▸ Field ordering
▸ Clear field labels and instructions
▸ Instruction tooltip extension 

(https://github.com/tmconnect/ACF-Tooltip)
▸ Hide screen options - less is more
▸ “Tab” field
▸ Conditional logic
▸ Field styles
▸ Insert another demo here
User empathy-with-acf
User empathy-with-acf

User empathy-with-acf

  • 1.
    USER EMPATHY WITH ADVANCEDCUSTOM FIELDS (ACF) David Evans
  • 2.
    USER EMPATHY WITHADVANCED CUSTOM FIELDS (ACF) WHO AM I? ▸ Born and raised in St. Charles, MO ▸ B.A. in Mass Media Production at Missouri State ▸ Front-end Developer at Red8 Interactive for 5 years ▸ Married, 1.5 kids ▸ Normal stuff? ▸ Follow me on Twitter @dre711
  • 4.
    USER EMPATHY WITHADVANCED CUSTOM FIELDS (ACF) WHAT IS ACF? ‣ Extremely power plugin that allows users to create and organize the backend field structure for easier content entry ‣ Free version vs. Pro version ‣ Great documentation and support at advancedcustomfields.com ‣ 1 million + active installs
  • 5.
    USER EMPATHY WITHADVANCED CUSTOM FIELDS (ACF) HOW TO USE ACF ‣ Install and activate ACF ‣ Then 3 simple steps: 1. Create your fields 2. Create/edit template file to include your fields 3. Enter your content ‣ Rinse and repeat ‣ Insert demo here
  • 6.
  • 7.
    SO WHAT DOI MEAN BY USER EMPATHY?
  • 9.
    WHICH ONE LOOKS BETTERTO YOU? Good vs. Not So Good
  • 10.
  • 11.
  • 12.
    USER EMPATHY WITHADVANCED CUSTOM FIELDS (ACF) HERE ARE SOME TIPS… ▸ Field ordering ▸ Clear field labels and instructions ▸ Instruction tooltip extension 
 (https://github.com/tmconnect/ACF-Tooltip) ▸ Hide screen options - less is more ▸ “Tab” field ▸ Conditional logic ▸ Field styles ▸ Insert another demo here