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