[This is a guest post by Mark D. West, co-author of the book âStories that Move Mountainsâ (storytelling and visual design for persuasive presentations), along withÂ Martin Sykes and Nicklas Malik , that we talked about here.]
As one of the co-authors of Stories That Move Mountains, one of my biggest goals is to bring useful design tips to people that may not design every day.
Stories That Move Mountains describes the CAST process, which involves developing strong content, identifying your audience and knowing everything about them, determining the best story to communicate to them, and putting it all together in a successful presentation that can bring forth the desired change.
This article focuses on how to put together some of the pieces of a cohesive final presentation. Letâs focus on one of these piecesâsymbols and icons.
Now, weâre not talking about Marilyn Monroe or other cultural icons, weâre talking about graphic representations of ideas, concepts or things. âThingsâ that could be a role within an organization, it could be part of a process, or it could be a deliverable of that process, but it all comes down to how you want to code the content. These are elements that may be needed to show the problem you are trying to solve, and weâre assuming here you have already determined use of an icon is the best method, as opposed to a photo, text, etc. In most cases, symbols and icons help to represent parts of a more complex process of some kind.
Now thatÂ we’veÂ nailed down the contextâŚ This is a four-part study.
1 – So here you are, unsure how to proceed with developing some relevant visuals. Go to the whiteboard and mindmap, based on a key-word surrounding the icon you need to represent. Chances are you have multiple elements you need to represent, so create a mindmap for each one to determine key words, elements or items that relate to them, so you can determine what the icon might have for a âsubject.â
Â Put aside your mindmaps momentarily now and proceed to step two.
2 – Icons, symbols or signs have actually been studied. The study is called âSemiotics,â and this study determined that there are several icon creation methodsâmeaning the icon may not always need to be a âthing.â In the book for instance, I reference fire. If you are depicting fire, it could be an actual graphic icon/symbol of fire, it could be the word fire, or it could be something that hints to fireâlike smoke or a firefighterâs hat. Often times, the straight-forward graphic of fire will work just fine: then itâs just a matter of determining style, which weâll get into shortly.
Just remember that when it comes to coding your page, icons can be as simple as a shape that acts as an identifier, or be as complex as an illustration. In most cases though, they are simple enough to work small on a page that contains other elements.
3 – LOOK OUT, it might get messy! Now take some of the more significant words and findings from your mindmap and use them to search for icons online (for reference and inspiration only). What do you like? Why? Now letâs stretch a bit. You have determined your approach, and assuming you have an icon setâmeaning more than oneâyou need to make sure they work together. They should have a similar style and feelâand since they are probably meant to be part of a bigger picture, they should be fairly simple, and be effective at smaller sizes.
What does âstyle and feelâ mean? Is it âlooseâ or refined, does it break the boundaries or stay neatly within? Is it daring, loose and reckless or mild-mannered and understated? How does that line feel? In classes, I have always challenged students with that last question. Pay attention to the very nature and details of the shapes and lines, for both consistency and how they feelâor the impression they give you or your audience (test them out on some trusted colleagues). Truth and perception is in the detailsâŚ because taken as a whole, all these little things make a difference to your audience.
You should use similar treatments to lines and line weights, shapes, and colors. Beyond that, itâs about seeing them together, and making sure that any one of them doesn’t stick out or draw unwanted attention. Mind you, like Iâm implying here, you may WANT one of them to draw attention, so just make sure itâs justified. Sometimes simply changing the icon color to warm colors will attract (cool colors recede), and the line weight stays the same.
4 – Lastly, implement them on your pageâwhether part of a layout or an infographic, make sure they work with the other elements on the page, and fine-tune as needed. Icons rarely will sit alone in your presentation. They are made to visually code the content when text or other imagery is not the right choice. Not only do they provide variety, but we all know reading a presentation is not the best way to affect changeâespecially if youâre speaking at the same time.
You may even want to get your first drafts onto your visual story sooner, because seeing them together as a whole could change everything. Make all attempts to reference the elements directly on the page is coding or defining is neededâmeaning tell us once wit a direct reference and let the audience do the rest. You set it up, and the audience engages in their own way. Thatâs what we call creating a visual bombshell instead of bulletsâPowerPoint pun intended.
[Stay tunned fot more articles from the authors of âStories that Move Mountainsâ.Â If youâre interested, you can get your hands on a free chapter here. We also have also a great book deal for you, just go to Wileyâs website and use the promo code VBB66 to get a 25% discount + free P&P.]