user empathy-with-acf
TRANSCRIPT
![Page 1: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/1.jpg)
USER EMPATHY WITH ADVANCED CUSTOM FIELDS (ACF)
David Evans
![Page 2: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/2.jpg)
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
![Page 3: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/3.jpg)
![Page 4: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/4.jpg)
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
![Page 5: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/5.jpg)
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
![Page 6: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/6.jpg)
+
=
![Page 7: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/7.jpg)
SO WHAT DO I MEAN BY USER EMPATHY?
![Page 8: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/8.jpg)
![Page 9: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/9.jpg)
WHICH ONE LOOKS BETTER TO YOU?
Good vs. Not So Good
![Page 10: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/10.jpg)
Good
![Page 11: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/11.jpg)
Not So Good
![Page 12: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/12.jpg)
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
![Page 13: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/13.jpg)
![Page 14: User empathy-with-acf](https://reader030.vdocuments.net/reader030/viewer/2022021502/58d12b5a1a28abe3298b5145/html5/thumbnails/14.jpg)