Skip the blank page.
A cohesive set of Sketch templates and libraries to round out your design process beyond the UI
There’s more to UX than the UI.
Clarity. Consistency. Aesthetics. Agility. Empathy. We expect so much of the modern designer. On any given day, you’re facilitating design studios, running team critiques, moderating research sessions, and creating wireframes, prototypes, or high fidelity graphics. All while trying to convey the needs and goals of your users to your team, planning out the end-to-end experience of using the latest feature, or rethinking the architecture of your content.
You don’t have time to focus on the experience of using your own artifacts so they end up less effective, less engaging, and harder to create and maintain.
That’s where the UX Compendium comes in. With these tools, your deliverables will be:
- more inclusive, with illustrations and tools to consider broader audiences and respect human uniqueness;
- more agile, so you can quickly get ideas out of your head and test them with users, clients, stakeholders, and team members;
- more functional, to help you expand your skills and use new tools and techniques.
- more appealing, so your artifacts don’t look like a Powerpoint template from the 90s, and;
- more consistent, with templates designed to look great together;
The UX Compendium is a collection of templates and tools to speed up your design process so you can focus on creating a great experience.
So what’s in it?
-
Persona Cards
Create printable trading cards for shareable, illuminating personas
-
Scenario Comics
Tell stories and convey moments through engaging comics
-
Sketching Templates
Print and draw for ideation, sketching, & paper prototyping
-
Style Tiles
Explore visual language without committing to a specific layout
-
Wireframe Tiles
Lay out responsive wireframes using prebuilt, configurable tiles
-
Flows & Notes
Add notes and connect screens with flow lines, gestures, logic, & more
-
And Even More …
All future updates are automatically included
Persona Cards
- Place your own persona photos or export diverse illustrations from the Scenario Comics toolkit
- Add a variety of text blocks like quotes, long content like goals and needs, or short text
- Show skill level, progress, or interest levels using easily configurable progress bars and ranges
- Export, print, and share with clients, teammates, and stakeholders so everyone has your users in mind
Scenario Comics
- Tell sequential stories through comics and storyboards with reusable, versatile symbols
- Capture touch points with a wide array of devices from phones to voice assistants
- Create a diverse range of characters imbued with tons of emotion and style options
- Add your own mockups or wireframes to device symbols to show potential user interfaces
Sketching Templates
- Print and sketch on a wide variety of templates, including devices from watches to phones to browsers
- Add your logo to header symbols for branded materials with space to add project-specific details
- Select from several different grid options to help guide your sketches
- Choose to include space for notes, how many boxes or screens per page, and more
Style Tiles
- Explore and refine different visual styles for a project before committing to specific layouts or content
- Generate style tiles for either screen presentation or print with landscape and portrait options
- Customize style tiles for your own projects and clients using pre-built layouts
- Update the footer symbol to change project, client, variation, and designer details
Wireframe Tiles
- Explore responsive layouts and prioritize content types without committing to specific visual styles
- Customize each tile by changing borders, colors, contents, icons, and more
- Build with a wide array of flexible tiles, from basic paragraphs and lists to social feeds and graphs
- Add your own icons and brand colors by duplicating or modifying existing symbols to insert your own
Flows & Notes
- Capture user flows and sitemaps with easy to use, flexible symbols for arrows, nodes, and labels
- Add notes alongside mockups to explain interaction details or important non-visual information
- Indicate gestures within notes to help developers understand functionality
- Customize with your own styles quickly by changing and updating layer styles
And Even More …
The UX Compendium will continue to grow and improve over time. Everyone who purchases from day one onward will be able to download free updates, both to existing tools as well as all new ones that are added.
I have tons of ideas for further tools to add and updates to make, but I am also excited to see what tools and updates would improve the UX Compendium for you. So let me know what you’d love to see! (I will prioritize requests from people who have already purchased.)
As I add new tools to the UX Compendium, the price will go up incrementally so the earlier you buy, the more you’ll get for less.
Made with these in mind
Built for Sketch
Made using Sketch’s best-in-class symbols so you can reuse, remix, and resize them.
Organized
Symbols, artboards, and pages are all organized and named to keep things tidy.
Brandable
Choose your own colors, set your own type styles, and add your own branding.
Get it again soon.
With licenses that are perfect for you or your team. The UX Compendium is currently being reworked for Figma and newer versions of Sketch.
Who is this for?
-
Visual Designers
Explore visual styles & add design notes
-
Product Managers
Communicate the product story to your team
-
UX Designers
Mock up wireframes & user flows
-
Freelancers
Save time and effort without skimping on quality
-
User Researchers
Tell user stories & create engaging personas
-
Front End Devs
Contribute & share layouts and design ideas
Explore the UX Compendium
Made with care
Hi, I’m Ste Grainer! I’ve been making things on the web as a developer and designer for over two decades.
Over the last few years, I have immersed myself in the world of personas, scenarios, wireframes, user flows, and more as a user experience designer at startups, agencies, and large companies. I made due with templates I either managed to scrounge up or create haphazardly, but I always wanted something a bit more intentional.
Over the last year and a half, I built the UX Compendium to help me get ideas out faster, and hopefully they’ll help you as well!
I write about UX, front end development, and more on UXcellence.