UX/UI Design Articles - Pencil & Paper

Products

Empowering you to deliver great UX

We help product teams and UXers alike get better at their UX practise with purely actionable courses, templates and tools.

Our UX Products

October 25, 2024

Error Message UX, Handling & Feedback

Error handling UX requires special thought, especially in enterprise software. They may take a variety of modalities, such as toasts, banners, modals, or in-line messages, and may even be mapped across multiple screens in a multi-faceted flow…

October 13, 2024

Visibility of System Status

Visibility of System Status exposes cause-and-effect so that we can understand what the system is doing, and decide how we want to respond. The most basic ones look...

October 9, 2024

Enterprise UX Design Guide

Enterprise UX has been defined here and there; mostly, this field as being focused on software people use at work. We use the term ‘software’ when describing what enterprise UX applies to because...

October 8, 2024

Signs Your Software Needs a UX Redesign

How do you know when it's time for a UX redesign? We dive into key indicators from a product, organizational, and user perspective that could be a sign that it's time...

August 27, 2024

Design Rationale Documentation

Documenting your design rationale is the practice of writing and logging decisions related to the product or feature you’re working on—it works best for complex feature...

August 22, 2024

User Control and Freedom

We as humans are too often in a rush, don’t read things through, or insist on knowing the way. I think we can all relate to at least one incident where we...

August 17, 2024

Match Between System and Real World

The design should speak the users’ language. Use words, phrases, and concepts familiar to the...

July 30, 2024

The UX Process: A Practical Explanation

The design process uncovers many opportunities for businesses, whether that’s cost reduction or seizing new opportunities. In UX, discovery involves doing as much...

July 24, 2024

User Centered Prioritization Framework For AI Features

It’s exciting to look at the possibility of incorporating AI into a product, but remember that the mere existence of AI will not automatically...

July 15, 2024

Mobile Filter UX Design Patterns & Best Practices

While doing some research for this piece, I was barely surprised to see that the first page of results is exclusively about e-commerce filtering. Lots of...

June 21, 2024

Flow Diagram Guide with Examples

As a knowledge worker navigating complex and creative environments, you need a range of ways to communicate your ideas and collaborate effectively with your team.

June 19, 2024

UX Tips For Designing Fintech Products

Here’s what we’ve learned so far about designing products for the FinTech world, including common challenges and our tips to overcome them.

June 12, 2024

UX Training Benefits for Your Product Team

To achieve truly great UX and see the ROI, you need to get many people on board with the UX mindset. This includes those closest to the product like developers...

June 12, 2024

Success Message UX Examples & Best Practices

In the absence of positive success feedback, people are at risk to assume the worst (a classic human move). Success, high fives, and affirmations are the...

May 16, 2024

Consistency and Standards

Consistency is a crucial aspect of design because it addresses one of the main goals of design: reducing cognitive load and helping people complete their task. This is...

Heuristic Report TEmplate Kit

A beautiful, customizable template

Spend your time and life force on actually working on your heuristic evaluation (instead of endless fiddling)!

Check it out

May 15, 2024

Anatomy of an Enterprise-Grade Design System

In this article, we’ll go over the different artifacts of an enterprise-grade design system you may want for your organization...

May 6, 2024

Empty State UX Examples & Best Practices

Is this product broken? Or have you just forgotten to put in an informative empty state? Empty states are relevant across your UI at key moments throughout...

April 30, 2024

Benefits of a Design System

In this article we’ll review pain points you might see when working without a design system, the ways a design system can help deliver products customers enjoy using...

April 25, 2024

Drag & Drop UX Design Best Practices

Basically every consideration in interaction design happens for a drag and drop interaction. Not only do we have to effectively convey the interaction exists...

April 24, 2024

Standardizing Design Through DesignOps

In our work at P&P, we need to adapt to different external teams and work within a wide variety of contexts and design maturity stages. This means we’ve got to have a...

April 10, 2024

Generative AI Examples 2024

While we often associate "generative" to "creative" and the multimedia, music and art domains, generative AI is part of the much broader field of machine learning and...

March 24, 2024

Interaction Patterns UX Design Guide

We often set out to design interactions with an idealistic mindset—we imagine users passing through our interface as we wish they would. We focus on the ‘happy...

March 13, 2024

Product Manager & UX Designer Collaboration Guide

Here at P&P, we talk a lot about our obsession with collaboration: how we work together is just as important as the work itself. We want to spotlight a fundamental rel...

December 22, 2023

The Future of Enterprise UX

Enterprise software runs the world. Take a moment to consider how nearly every aspect of your life is fuelled, behind the scenes, by complex domain-specific software...

October 17, 2023

Search UX Best Practices

Search deserves attention and care. Given that data is getting bigger and bigger and enterprise software is getting more powerful around serving up AI-generated insights...

September 21, 2023

ROI of UX Design: Creating The Business Case For Design Investment

An investment in user experience represents a level-up from good-enough-to-release standards which has lasting effects...

August 1, 2023

UX Design Documentation Guide

While it might seem like snooze-worthy work, prioritizing the practice of writing stuff down is well worth the effort. Design documentation is especially crucial when...

interaction Design Masterclass

Craft enterprise-grade experiences

Enrich your knowledge of interaction design in complex environments

Check it out

May 30, 2023

Learning UX with Real Products & Beta Communities: Tips for Success

We talk a lot about how to grow as a UX designer, develop your skills...

May 6, 2023

What is User Experience (UX) Design?

Today, UX refers to an expansive field that covers both digital and analog experiences and whose practitioners can be involved in a wide range of activities across...

April 17, 2023

Filter UX Design Patterns

Is it just us, or do all resources about filtering UX revolve around e-commerce? It might be “easier” to document the ins and outs of an interaction where you have control over the...

March 28, 2023

Product Market Fit and User Experience

So you have a shower thought. Instead of the usual pizza vs pasta debate, you’ve come up with a brilliant idea for a product that could really make its mark in..

March 20, 2023

Breadcrumbs UX Navigation – The Ultimate Design Guide

Breadcrumbs in the UI sense are fascinating. On first inspection, breadcrumbs seem easy peasy, but...

March 9, 2023

Building an Enterprise UX Portfolio: Tips and Strategies for Success

Building a design portfolio is probably one of the most critical yet most time-consuming and,...

February 7, 2023

Data Table Design UX Patterns

Enterprise software companies regularly serve up large quantities of data to their users, making well designed table experiences are a priority. Before embarking on...

December 7, 2022

Technical Knowledge and Concepts for Designers

Remember when we shared that “we embrace and are obsessed” with collaboration back in our...

December 3, 2022

Navigation UX Best Practices For SaaS Products

In UX, ‘navigation’ includes all functionalities and visual cues that people use to orient themselves

October 4, 2022

Visual Hierarchy in UI

User interfaces, by and large are focused on the experience users perceive with their eyes...

September 26, 2022

Introduction to 10 UX Heuristics

These 10 usability heuristics are well-established in the design industry and form the basis of ...

September 20, 2022

5 Enterprise UX Examples That Increase Flexibility

Call it whatever you want, enterprise software AKA complex software AKA SAAS products, whichever is...

June 22, 2022

A Guide to Leveraging Power Users in Product Development

Our team relies heavily on user research to validate workflows and iterate on features. During...

May 24, 2022

Loading Feedback

In the real world, when loading happens, you get the chance to reduce the perceived wait time for your user and increase the perceived value of your system...

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Sign up to our newsletter!

Articles & Content

Choosing The Right UX/UI Design Partner

What Is A UX Audit And How Can It Benefit Your Product

Dashboard Design UX Patterns

How to Elevate Design Culture on Your Team

How to Improve The UX of Your Product

Bad UX Design Examples in Products