A desktop plugin for screenshots

David Pinedo
2 min readOct 13, 2020

Stop doing Apple command to take screenshots and start using this Google Chrome plugin instead: Webpage Screenshot. With 2 clicks, you’ll get a nice, neat and perfectly proportioned screenshot of websites for all of your UX research work.

I downloaded this plugin a few months ago to document an existing product I’m working on. The plugin allowed me to seamlessly map user flows to document the platform to compare to future iterations the work called for.

What It’s Good At

Webpage Screenshot is crazy quick. In 2 clicks I was able to capture my documentation of the Etsy homepage and download it to my drive. Notice no messy bookmark tabs or toolbar gets in the way of what you really want to look at. The plugin also allows you to share your screenshot or mark it up with writing and symbols.

A screenshot of Etsy’s homepage
Documenting my favorite website.

The autoscroll feature is also fantastic. Just click and it scrolls down and documents the entire page.

An entire screen from header to footer of a Kim Kardashian mousepad screen on Etsy.
That’ll do.

What Needs Work

The sharing feature didn’t work for me. It’s still processing as I am writing this. I also wished it was just one click and automatically downloaded to a specific folder.

Also some of the markup tools are completely ineffective. Why would I want a spray paint feature that barely shows up visually? Reminds me of 1998 for some reason.

The spray paint feature does not download, but this neat star symbol does!

An image of a Kim Kardashian mousepad highlighting the plugin’s green star.
I promise I won’t buy this.

What I want it to Be

I need it to be updated. It super Microsoft painty. I want it to be sleeker, subtler, and more intuitive. One clicks and automatic download to enhance my workflow.

Besides the technical drawbacks, it’s the perfect digital tool that will enhance a UX Designers workflow. I’ll definitely be exploring and testing more of this plugins features in the future.

I hope these thoughts and practices can be used in designing for accessibility and inclusivity for your next design sprints. Let me know how it goes!

David is a Product Designer at City of Wind Design, a design studio that specializes in serving startups through UX design & software development with a bias toward accessibility & sustainability. To learn more about David Pinedo visit: https://www.davidpinedo.com or follow @davidpinedo24 on Twitter.

--

--

David Pinedo

Seeker. UX Designer & Researcher at Alight Solutions.