This article is the 3rd chapter of a 3 part series. Part 1 discusses your preparation. Part 2 emphasizes the preparation of the workflow. This part focuses on the final enrichment using visual effects.
Series Agenda
- Part 1: Prepare yourself and your audience
- Identify and write down the value for your audience.
- Select your battle. You can not focus on everything; what is your priority?
- Never start a demonstration by a huge and complex workflow.
- Part 2: Prepare your workflow
- Prepare an easy-to-read title.
- Align, distribute, ventilate & activate the "Wifi"
- Frame the functional module of your workflow.
- Complementary colors are less aggressive.
- Find a way to explain the workflow in almost one sight.
- Annotations to help understanding
- Macros & containers to minimize the complexity.
- Pre-execute the workflow!
- Part 3: Enrich your workflow with visual effects
- Pictures with effects to highlight hidden information or important steps
- Hidden containers to display additional information in one click
- Be fun and creative using background; try your company's branding and logos
For the record we are here to convince Jessica, your manager, that Alteryx is a huge solution in your context. You want to be sure that the value you see is highlighted by the visual of your workflow.
1. Pictures with effects to highlight hidden information or important steps
To help Jessica understand the context that is sometimes not obvious for a beginner, put an image in a Comment tool. You know what is behind an Input Data or Output Data tool. Jessica does not. It just looks like a green box.
For instance, you can add an enterprise resource planning (ERP) or application logo, a screen shot of the output or intermediate result, or a graphic… all information that you could tell or show with a simple click, but you want the audience to understand by themselves in case they miss your explanation.
![StephaneP_0-1626110687336.png StephaneP_0-1626110687336.png](/t5/image/serverpage/image-id/193062iCBF49C84E317CDA0/image-size/large?v=v2&px=999)
- “Ah OK the source is my ERP”.
- “Ah OK you are generating a dashboard.”
- “Ah OK I understand what the purpose of this part is.”
Do not hesitate to use images that explain the logic of the workflow without having to click everywhere.
![StephaneP_0-1626111345015.png StephaneP_0-1626111345015.png](/t5/image/serverpage/image-id/193074iD4C0001DA333FD9D/image-size/large?v=v2&px=999)
Here for example we have four main geospatial operations. Visually understanding them is far more easy than looking at the four Browse tools or examining the tools' configurations. Putting a screen shot of the data source can also be a way to help them understand what you are trying to do.
If you remember the advice “Find a way to explain the workflow in almost one sight” this is a good approach to explain quickly the logic of your process.
Tip: To quickly have a good looking PNG picture, use the pre-packaged image effect in PowerPoint.
First, paste your image in PowerPoint:
![StephaneP_2-1626110687787.png StephaneP_2-1626110687787.png](/t5/image/serverpage/image-id/193061iCB414E8F57B98B7E/image-size/large?v=v2&px=999)
Next, apply a lovely effect (frames, shadow, bevel...):
![StephaneP_3-1626110687883.png StephaneP_3-1626110687883.png](/t5/image/serverpage/image-id/193067iCE8BE3C13A9BEEF8/image-size/large?v=v2&px=999)
Next, save it as an image and it will generate a PNG (transparent background):
![StephaneP_4-1626110687972.png StephaneP_4-1626110687972.png](/t5/image/serverpage/image-id/193066i019366E469389D7C/image-size/medium?v=v2&px=400)
Next, import it into a Comment tool without shape:
![StephaneP_5-1626110688031.png StephaneP_5-1626110688031.png](/t5/image/serverpage/image-id/193064i8AD4E67D1FE840D3/image-size/large?v=v2&px=999)
As this is a PNG, the background is transparent = very nice effect that fits to any color background.
2. Hidden containers to display additional information in one click
When you think that some complementary information is needed to highlight your presentation, just do a screen shot and include it directly within the workflow within a Container.
It will make the presentation more smooth (no need to switch to and from one of your 126 applications open in your background) and show some interesting documentation features of Alteryx.
![StephaneP_6-1626110688225.png StephaneP_6-1626110688225.png](/t5/image/serverpage/image-id/193069iC8C9A05B3D630475/image-size/large?v=v2&px=999)
3. Be fun and creative using backgrounds
We are so used to having a white background that we do not even realize that there is a huge visual potential using customized backgrounds. Alteryx is not doomed to look like a vintage tool 😉
You can even set an image as a background and build your real workflow on top of it. Very impactful, but of course to be used carefully and sparingly regarding your audience 😊
![StephaneP_7-1626110688410.png StephaneP_7-1626110688410.png](/t5/image/serverpage/image-id/193070iD20DDA94DBF6BB51/image-size/large?v=v2&px=999)
![StephaneP_8-1626110688497.png StephaneP_8-1626110688497.png](/t5/image/serverpage/image-id/193068iE8FD5F35C50215C5/image-size/large?v=v2&px=999)
![StephaneP_9-1626110689530.png StephaneP_9-1626110689530.png](/t5/image/serverpage/image-id/193071i67E7C047B841467C/image-size/large?v=v2&px=999)
Conclusion
Snifff… this is the end 😪
I am confident that, thanks to you, Jessica is seeing the value 😃
![Jessica.gif Jessica.gif](/t5/image/serverpage/image-id/193073i0CCA6709DE9C1726/image-size/large?v=v2&px=999)
Last reminder, these articles are not talking about best practices implementation, or maintainability of the workflow. It only focus on making the workflow looks nice, clean, shiny...
Most of all, I am really looking forward to using this article to entice you to share your tips and screenshots of your visually impactful workflow!!
Enjoy Alteryx
Note: You can find the first two chapters here: