work smarter, faster, better with visuals - lavacon 2016

PowerPoint Presentation

Work Smarter, Faster, Better with VisualsDaniel Foster | Snagit strategy lead | Lavacon | October 28, 2016

Image source: https://unsplash.com/photos/BjcGdM-mjL01

@fosteronomoWho am I?

Strategy lead at TechSmith. Been in software industry for 14 years; 9 at TechSmith. Snagit and Camtasia people #1 and #8 Most Used Software Products in tech comm (Scott Abel 2016 Tech Comm benchmarking survey). Get copy at site. Bringing two perspectives to bear: content guy and product guy. Background in PR, marketing, social. Content creation part of my role: video scripts, web copy, ad copy, blog posts, customer help via social channels and community. Now heading up product and market strategy for Snagit. Bringing product lens.

2

@fosteronomoIn this talk

How content is like productWhy visual content mattersHow to use visuals to reduce the cost and time of making better content

Had initially planned to take for granted that peoples customer-facing tech comm and marcomm materials include visuals. Just focus on third item. Conversations this week. Pressure on some to strip out or skimp on visuals, reduce development cost. Going last in the week is benefit. Provide framework for thinking through this question. Pull on various threads from the week and my experience on product side to address first two points.3

@fosteronomo

Content is the only other tangible asset that goes with the product.- Eeshita Grover, Cisco

Content is part of the whole product experience. Also interactions - sales, support, social. But tangible.4

The iron triangle of product @fosteronomo

TimeCostScopeQuality

Content as product sounds great. Reality check: rules apply. First thing explained to me when I started product management. Cant have it all, Mr Product Manager. How to choose where to set scope and quality? Should scope include videos, animations, annotated screenshots? Well, know your customers and their problems.5

@fosteronomo

Great products begin with clear, validated people problems. - Margot Merrill Fernandez David Gillis, Facebook

If content is a product, people hire it to solve a problem for them; they pay for it as part of product price AND pay again with their scarcest commodities: time and attention. Need to understand how, when, why its used to properly formulate requirements for developing it. People problems. Which people? Just end users? No. End users are not the only persona to consider.6

@fosteronomoBuyer Personas

Functional(features)Technical(deployment & maintenance) Economic(ROI)

Pragmatic marketing training. Three personas (might be same person or might not). Technical writers are great at considering users (functional buyer) and sometimes technical buyer (e.g., IT who deploys the product). Economic buyer also important. Story: Social platform selection: capabilities, team ramp up time, suitedness to my strategy and goals, vision of how to "do social." Big bet. If wrong, crow pie, disruption to switch, loss of credibility. Sowhat business problems, what other options (build/buy/partner/make do without), total cost of ownership, switching costs, strategic alignment, are we both heading in the same direction? 7

@fosteronomoRequirements

FunctionalNon-Functional

Different buyer personas leads to thinking about functional vs non-functional requirements. How might this apply to content as a productand specifically to the question of whether to include visuals (images, videos, GIFs in the scope)? If visuals purely serve as decoration, at best might be there to serve non-functional requirements. I want to argue that, for most of you, visuals serve both. 8

Information recall after 3 daysSource: Dr. John Medina, Brain Rules@fosteronomo65%

10%

Functional requirement: If information is presented orally, people remember about 10%, tested 72 hours after exposure. That figure goes up to 65% if you add a picture. Better recall means shorter learning curve, quicker path to effective use of your product.

Source:http://brainrules.blogspot.ca/2009/12/worth-thousand-words.htmlBrain Rules, pp233-234

9

Ability to follow instructionsSource: Levie & Lentz, Effects of Text Illustrations@fosteronomo+323%

Functional requirement: People following directions with text and illustrations do 323% better than people following directions without illustrations. Similarly, shorter learning curve and more productivity.

Source: Effects of text illustrations: Levie, W.H. & Lentz, R., Effects of text illustrations: A review of research", ECTJ, December 1982,Volume 30,Issue4,pp 19523 http://link.springer.com/article/10.1007/BF02765184 10

Colored visuals increase readership by

Source: 20 Ways to Share the Color Knowledge, Xerox@fosteronomo80%

Non-functional requirement: color increases engagement with content. Not directly necessary for understanding. But perception. Difference between users willfully ignoring docs vs using docs.

Source:http://www.office.xerox.com/latest/COLFS-02UA.PDF11

Preference for watching a video about a product over reading about itSource: 2015 Video Marketing Cheat Sheet@fosteronomo4x

Non-functional requirement: 4 times as many consumers would rather watch a video about a product than read about it. Trends, future-looking; are you heading where the customers are heading, serving them as they are accustomed to be served? Ultimately, buyer is hiring your docs to educate and support users so they dont have to do it.

Source:https://animoto.com/blog/business/video-marketing-cheat-sheet-infographic/12

@fosteronomo

People do research before buying.- Every LavaCon presenter

Heard it repeatedly this week: technical content is a business asset. Docs are referenced by prospects (economic buyers) during consideration phase. Perception matters. Story: senior manager of tech docs group asked by her exec to make screencast videos. 40 vids. Team of writers. Why? Competitor has them; industry analyst report noted this. Customers will soon. Competitive advantage. Not driven by end user persona but economic buyer persona.13

Planning | Production | Publishing | Beyond@fosteronomo

Perhaps you were already persuaded of value of visuals in customer-facing content. If not, framework for thinking through decision. Now go behind the scenes...how to use disposable videos, GIFs, images to reduce cost and time of content development. Dont need a big, automated platform or system to put into practicebasic screen capture and screencasting tools are enough.

Image source: http://nos.twnsnd.co/image/14470539879414


Behind the scenes


Swipe file@fosteronomo

We all want to add more value, continually hone our craft, bring fresh ideas to our work. But most of us dont have luxury to block off time to go looking for inspirationjust busy in the grind.

Image source: https://www.pexels.com/photo/stainless-steel-hat-hanged-brown-wooden-rack-111192/16

Immature poets imitate;mature poets steal.- T. S. Eliot@fosteronomo

But stealing ideas is how we evolve our practice (Tom Aldous foster creativity) TS Eliot quote take something, make it your own, improve upon it. Develop a habit: notice yourself noticing content that has an impact on youthen capture it. Look across media or departments to cross pollinate. Gather inspiration from: other docs, marketing content, brilliant ads, viral content, bloggers, youtubers. * Great headlines; calls to action; examples of fun, quirky tone * Content layouts or structures * Design treatments or color palettes: collect examples to illustrate what you want from designer or writer for specific project: Can share at the beginning of a project, as a mood board or look book. * Video effects or styles

17

@fosteronomo

Create a quick, efficient workflow for capturing inspiration when you see it in your online travels. Grab it, save it for later. Snagit library and tags is one option18

@fosteronomo

Can have multiple tags to make finding easier later. Can also search by something you remember: general date, app name, words that appeared in URL of webpage captured.19

@fosteronomo

Could also capture and send to Evernote or OneNote. Or pool inspiration with team members in dedicated chat channel: slack, flowdock, yammer.20

Storyboard@fosteronomo

When creating video content Storyboarding avoids rework by getting feedback and buy-in during early stages of content development, when change is less expensive. Lo-fi visuals give clearer idea than text alone: helps stakeholders, designers, content developers all see the same thing in their head, rather than each one having a different creative vision. Especially important when theres a baton handoff.

Image source: deathtothestockphoto.com 21

@fosteronomo

As marketing writer, worked with video specialist for Snagit 9 launch. I script, he shoots, edits, produces. Storyboard is how we meet in the middle. Screenshots great for basic scenes or screens.22

@fosteronomo

For certain scenes, made rough prototype video to * show anything complex: action sequences, transitions * identify mismatches in timing between visuals and narration for tightly choreographed sequences: too much or too little narration to go along with action * Prove to my video guy that the scene I wrote could work. 23

@fosteronomo

Capture the sequence plus audio if you need it. Rough staging of the environment. Link to video or GIF from the doc (with Google Doc, can put animated GIF inline) 24

Interview@fosteronomo

Need info from subject matter experts to inform docs. Can be really hard to get time with SME; not usually being paid to help with docs. Curse of knowledge - SMEs often take things for granted that a new learner or user would not know. Easy to get an incomplete understanding from them.

Image source: https://www.pexels.com/photo/technology-music-sound-audio-1770/25

@fosteronomo

Schedule a half hour interview with SME (in person or screen share). Just show and talk through steps, new feature, whatevernot a formal demo. Conversational. * You may do this now, taking notes. Can go one further. * Record their screen and audio. Captures things they think to explain AND some things they do without explaining. * Use for content planning, share out with others on the team, reference later if youre unsure on a detail. * Depending on your constraints, may even be able to excerpt or cut together some parts of screen recording in your content 26


Behind the scenes: Production


Review@fosteronomo

Review and feedback. What are your biggest pain points when sending content out for review? (shout out, I will repeat; remote viewers, too). Quantity, Clarity, Timeliness, Friction/Tone. Why? My experience on both sides: writing out detailed feedback takes time. Scheduling meeting time with stakeholders is impossible. Being on the receiving end of the red pen sucks. Ugly baby.

Image source: https://static.pexels.com/photos/17845/pexels-photo.jpg28

@fosteronomo

Open up document, talk through it, point at things. More depth, nuance, warmer tone. Educators pioneered this: quantity, clear, personal. Webcam for even more human element. Coach, not critic.29

@fosteronomo

For videos, directors commentary stylescrub through and comment. Creator can see exactly which scene youre talking about, without having to reference time stamps.30

@fosteronomo

Not just videoa quick screenshot with some markup communicates effectively. This one created by one user assistance team member for another when reviewing her content.31

Localization@fosteronomo

Localization - Short deadlines, often just before shipping; rework is costly in terms of time and budgetcould jeopardize launch and related activities. We localize products and portions of video and written content into German and Japanese. Trying to communicate about changes with translation service provider is tough. Need to be super clear to minimize back and forth.

Image source: https://www.pexels.com/photo/city-people-lights-walking-34142/

32

@fosteronomo

Andrea on our UA team shared this trick: open mp4 in Snagit (File > Open), scrub through video to frames with errors, save frames as PNGs, mark up to highlight and explain precise issue. Can also show errors that span frames, like a transition: select that section and export as animated GIF. If no Snagit, could screen capture and annotate. Make sense?33


Behind the scenes


Guides@fosteronomo

Nobody has time for internal documentationbut incorrect publishing steps can be costly. Guides for your team help reduce risk. Story: drop-off in traffic to key product pages following Snagit 13 launchdiggingproblem hidden in metadata: noindex/nofollow. Delisted from Google. Simple publishing mistake but costly. * Find a way to do internal documentation. * Little life hack. Create searchable repository (wiki, Google doc, SP, something). * Trigger: one-off question, typing long email/chatSTOP. Dont answer for just one. Make quick video, GIF, series of screenshots to answer for many, post in repository. * Story: twitter supporthelp concierge; started posting to external community (link people there) and tips feed on twitter. Hundreds or even thousands of views over time, rather than one. * Will be thankful for internal docs when on-boarding, outsourcing.

Image source: https://www.pexels.com/photo/mountains-nature-arrow-guide-66100/35

Promotion@fosteronomo

Whos had sales or support request content that already exists? The best content is wasted if stakeholders dont know when to use content, where to find it, who its for. Also last chance for content QA by people in support or sales, before it goes live. Record a screencast video: guided tour of new content, expose various pieces available.

Image source: https://www.pexels.com/photo/man-in-black-t-shirt-standing-while-spreading-his-arms-facing-light-127712/36

@fosteronomo

Also a chance to toot your horn, show off work, put your team and their work in limelight. Market your content; think like a marketer. Do a before-and-after GIF to show how youve evolved the content design. If you dont, marketing might just take credit. (Mischas story of seeing his teams content, lightly reworked by marketing, them getting praised.) 37

@fosteronomo

Which emails would you rather read?

Real examples: Which emails came from tech writer and which from product manager? You dont get many marketing emails that are all text. So dont just link out...grab screenshots, embed IN the email so people dont skim past it. With video, insert juicy thumbnail with a play button on it, linked to video.38


Behind the scenes


Reporting@fosteronomo

Ever spent hours putting together reports nobody reads? May be required to do that. But can go one better and walk through highlights in video form. Raises visibility of team members, shows personality.

Image source: https://unsplash.com/photos/xVptEZzgVfo40

@fosteronomo

Video from TechSmith marketing group, sharing stats from recent product launch campaigns. Quick camera intro, then screencast of select reports directly from analytics dashboards (no heavy prep). They used Camtasia. Could do similar with new webcam recording in Snagit, or use your favorite video/screencasting app.41

Better Meetings@fosteronomo

How many hours a week in meetings? >4, >8, >12, >20 How hard is it to find time on everyone's calendar, especially when you have people in various timezones? Couple of ideas: * Avoid meetings altogether: record quick videos or screenshots to show progress between distributed teams or offshore groups (asynchronous communication). * Record live meetings or live demos for people who cant attend but need the info (Scrubbing and 1.5x playback). * Record employee shareouts: tips or best practices shared in a live meeting are recorded, excerpted, shared to others. Image source: http://kaboompics.com/one_foto/895/behind-of-woman-gesturing

42

@fosteronomo

Scheduling with people outside the company: huge pain, ping pong to find open slot. Calend.ly is awesome. Cheap hack: screenshot of calendar, blur out details, show available slots, have them pick one.43

Bug Reports@fosteronomo

Who knew that youd also be QA? But its true, tech comm (and sometimes marketing) is often first user / last line of defense for QA. Can lead to awkward conversations. Engineers sometimes dont like to hear there are bugs. Looks fine on my machine. Some issues hard to describe in words. Screenshots, videos, GIFs give clear visual evidence.

Image source: https://www.pexels.com/photo/broken-heart-love-sad-14303/44

@fosteronomo

We do issue logging in Github. Screenshots really common. Recently, using more GIFs. Saves a ton of words, especially for really bizarre or hard to describe issues.45

@fosteronomo

I love gif for bugs. I used it a ton for text tool bugs. This was a good one because it was hard to track down and the gif made it easy Sara Frederixon, software engineer, Snagit (New version of Snagit has animated GIF creation built in. Could also get an app like LiceCap.)46

Morale

GIFs, memes, videos as morale boosters. People prefer to work on a team / at a company they perceive as fun. Distributed/remote teams or people who dont get much face time can lose personal/human connections. Death marches, departmental tension or just unfamiliarity. Humor is a bridge. Shows that they are not so different from us. Gives expression to emotions that might not surface in face to face settings. E.g., Superheroes from CMac team; meme graphics; peoples heads on other bodies, Kittens are high-fiving in sales emails when a large sale is booked 47

@fosteronomoQuestions?

48

Daniel [email protected]@fosteronomoslideshare.net/DanielFoster10

Image source: https://www.pexels.com/photo/light-sign-typography-lighting-519/49

work smarter, faster, better with visuals - lavacon 2016

Business