UX tools series

Journey mapping may seem complex, especially if you trying to do it in the group workshop. This article will give you a powerful tool and a simple template, that will help you create insightful journey maps and facilitate like a pro.

Filled in customer journey map with post-it notes in the background
Filled in customer journey map with post-it notes in the background

Why customer journey mapping?

Journey mapping is one of the most powerful and commonly used tools designed to map/describe how users reach their goals. When we combine storytelling and visualization we immerse ourselves into the client experience. When done properly the value of journey mapping is immense:

Understanding process- journey mapping forces us to think about the experience in a much more structured and holistic way, to define the sequence of events, key stages, and transitions between them.

Building empathy-when you relive customer experience in story format you relive emotions and feel the pain and frustration users felt, this helps you understand their motivation.

Define the pain points- this is absolutely crucial, as each product should make users' lives easier. …


Improve your presentation and wow your audience.

Image for post
Image for post

If you need to design a compelling pitch deck, presale presentation, or create training material that will keep the audience engaged this is an article for you.

1. Understand the presentation goals

The first question you need to ask before creating any presentation is “ What is the goal?. A clearly defined presentation objective is the first step to a remarkable presentation.

Six main presentation types: To inform, To inspire, To sell, To train, To report on progress, To solve a problem
Six main presentation types: To inform, To inspire, To sell, To train, To report on progress, To solve a problem

2. Know your audience

Understanding the interests and motivations of the primary audience, help you create a sharper and relevant targeted message. Creating a story with this person in mind and framing your offer for them.

For common audience types: Stakeholders, Investors, Tech teams, Customers
For common audience types: Stakeholders, Investors, Tech teams, Customers

3. The shorter your presentation the better

If your presentation is longer, create breaks or change of format every 20 minutes to recharge the audience’s attention. …


Making choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design.

Image for post
Image for post

The word “toggle” is a reference to a switch with a short handle that alternates between two states each time it is activated. You encounter it every time you “switch” on the lights.

As for “Radio Buttons” the word comes from the car radios that as common practice had a set of buttons under the dial that could mechanically store station presets, so the user switch between stations faster. Pressing one of these buttons would cause it to stay down until another was pressed.

Image for post
Image for post

Checkboxes — are used when there are one or many independent options and users may select any number of choices, including none, one, or several. …


Simple rules that will help you design forms users will like to complete

Image for post
Image for post

Forms have existed for a significant amount of time, greatly simplifying the task of drafting complaints and various other legal pleadings. With the advance of information and its processing, means to gather the data are also evolving. As printed forms were here for years we can learn a few tips from their design.

Image for post
Image for post

Text field anatomy

Text fields allow users to enter text into a UI. They typically appear in forms and dialogs. Text field component design should provide a clear affordance for interaction, making the fields discoverable in layouts, efficient to fill in, and accessible.

Image for post
Image for post

Here are key elements of the basic Text field:
1. Container — interactable input area
2. Input text — entered into the text field
3. Label Text — tell users what information belongs in a given form field
4. Placeholder text — is a description or example of the information required that is replaced with input text after users provide it
5. Helper or Validation text(optional) — provides additional context or validation message
6. Leading icon(optional) — describe the type of input a text field requires
7. Trailing icon(optional) — additional control for entered text, like clear, hide/show…


All you need to know about button design, one of the main interactive building blocks for creating a user interface.

Image for post
Image for post

In order to design the right interactions, we need to look back at the history and origins of physical pushbuttons, a direct predecessor of the UI component so heavily used in all digital products today. Buttons are amazing. The touch of a finger setting an appliance, a car, or a system in motion, even if the user doesn’t understand the underlying mechanisms or algorithms. In Power Button, Rachel Plotnick traces the origins of today’s push-button culture and describes the ways that button-pushing became a means for digital command, which promised effortless, discreet and fool-proof control.

“You press the button, we do the rest,” — Kodak cameras appealed to potential consumers, through a catchy and direct tagline. …


Avoid pitfalls and deliver value fast.

Image for post
Image for post

The process described in this article will work for various scopes of redesign — from a feature or view level to full application redesigns. These recommendations will help you avoid pitfalls and deliver value fast, and are based on the experience we gained from hundreds of redesigns, bumps, and bruises along the way.

Change is not an event; it’s a process

Let’s clarify one thing from the start; this article is not a strick walkthrough. When designing a product today, it’s both impossible and unsensible to set up a rigid process and follow it for every situation; we need to be agile and quick to adapt. …


Creating smooth user experience for banking, wealth management, and other areas of fintech.

Image for post
Image for post

1. 📊 Show, don’t tell

Humans tend to be bad at dealing with numbers. Single calculations like addition, subtraction, and multiplication are simple enough, but add in a few figures and you’ll likely reach for a calculator. …


20+ easy to follow illustrated examples

Image for post
Image for post

Companies are in constant pursuit of building simple and usable products. More features, new technologies, and advanced capabilities but still in a lightweight and simple to use format. More often than not, making it simple is the hardest thing there can be.

What is “simplicity”?

We can define simple - as something that is easily understood or done; presenting no difficulty. Simplicity is a subjective, things that appear simple for one person will not be perceived identically by another. Generally, we form our personal opinion regarding any process being simple or complex, in three quick stages:

Image for post
Image for post

Removing difficulties on the way of users to their goals — will help you move towards simplicity. In The Laws of Simplicity, John Maeda offers ten laws for balancing simplicity and complexity in business, technology, and design — guidelines for needing less and actually getting more. …


Practical guide

Image for post
Image for post

One view to rule them all

Dashboard design is a frequent request these days. Businesses dream about a simple view that presents all information, shows trends and risky areas, updates users on what happened — a view that will guide them into a bright financial future.

For me, a dashboard — is an at a glance preview of the most crucial information for the user at the moment he is looking at it, and an easy way to navigate directly to various areas of the application that require users attention. …


Image for post
Image for post

Building user understanding

Design thinking begins with developing a deep understanding of your users and the problem you are trying to solve for them. Only by developing empathy for your users, you can design truly breathtaking solutions for their problems.

Creating successful products in many ways depends on an ability to understand, empathize with people you creating them for. This in many ways relies on designer analytical skills, user observation and in general all data that can be collected. …

About

Taras Bakusevych

I help businesses design great experiences www.windmillsmartsolutions.com. Sharing what I learned.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store