Product Design Newsletter

Insights from fields like user experience, agile development, marketing and of course product design.

Product Design Newsletter

Issue from

Jan Mikula Jan Mikula • Weekly

Muzli

Muzli

Skeuomorphism / Neumorphism UI Trend

Skeuomorph Banking App by Mikołaj Gałęziowski
Skeuomorph Banking App by Mikołaj Gałęziowski

Seuomorphism

Skeuomorphism / Neumorphism UI Trend is a term most often used in graphical user interface design to describe interface objects that mimic their real-world counterparts in how they appear and/or how the user can interact with them. A well-known example is the recycle bin icon used for discarding files. Skeuomorphism makes interface objects familiar to users by using concepts they recognize.

Skeuomorph Mobile Banking by Alexander Plyuto
Skeuomorph Mobile Banking by Alexander Plyuto
Read the article (1 min read)
UX Planet

UX Planet

20 Most Inspirational Interactive Prototypes for 2020

🎉 New year, new decade! 🎉

Let’s start off 2020 with the 20 most inspiration interactive prototypes made of the last year handpicked for you. Certainly, they can serve as a source of inspiration for your own interactive prototyping work.

I paid attention to the following 3 factors in particular:

  • Interactivity: How interactive are the prototypes? What kind of microinteractions are there?
  • Creativity: How creative and unique are the solutions the designers came up with?
  • Realism: How realistic do these interactions feel and look and how feasible are they?

The selected 20 most inspirational interactive prototypes, made with ProtoPie, have been listed in random order, split into 3 categories:

Read the article (2 min read)
UX Collective

UX Collective

8 UI design trends for 2020

The rapid growth of technology influences design trends every year. As designers we need be aware of the existing and upcoming design trends, constantly learning, improving and expanding our design toolkit in order to be up to date on the current market. Based on my research, experience and observations I’ve selected very carefully 8 UI/UX design trends that you should watch in 2020. Let’s get started then! :)

Animated Illustrations

Read the article (6 min read)
NN Group

NN Group

The Risks of Imitating Designs (Even from Successful Companies)

Summary: Even great companies make mistakes. Don’t risk your UX by assuming it’s safe to follow a design pattern just because it’s used by a successful company.

It’s natural to look to tech giants like Google, Amazon, and Apple for design inspiration. These companies are clearly successful and popular with customers, so why not copy their solutions to common design problems?

It’s actually a great idea to take a look around at your industry’s leading companies for inspiration about how to solve your own problems. But it’s not advisable to blindly copy a design just because another, bigger company did it first. Aside from the fact that giant companies operate in a completely different brand context, the truth is that just because a company is successful does not mean you can assume everything about its design is well-executed.

Read the article (4 min read)
UX Collective

UX Collective

11 practical examples of good UX writing

Before we start: why UX writing?

  1. Users connect to the narrative/story; it’s like subtitles to a movie.
  2. It feels natural; it’s like a conversation you have with another person or a friend.
  3. Communicates your idea or message clearly.
  4. Builds your brand presence with the language you use.
  5. Minimise doubts in user’s mind while performing the task or experience your solution.
  6. Sets the tone of your brand.
  7. And most importantly, to make people smile.

Let’s start with examples and takeaways, to see what they are doing good specifically in UX content writing.

Read the article (4 min read)
NN Group

NN Group

Videos as Instructional Content: User Behaviors and UX Guidelines

Summary: Instructional video content is helpful as supplementary information, though not all users will watch it. Videos should be easily discoverable, consistent in style across the site, and with thumbnails that accurately represent the type of content they provide.

When you need to learn how to do something — whether it’s caulking a sink, troubleshooting a new piece of software or learning a new hobby — where do you look? While written instructions and graphics often work well for users, increasingly people are turning to videos to learn a new procedure or even new content.

Read the article (9 min read)
UX Collective

UX Collective

Why design systems fail and how to make them work in 2020

After shutting down our first design system late 2018 we built a new and improved design system from the ground up.

Back in 2018, when I started my job at WebNL, I was asked to look into ways to improve the bridge between design and development within our company. I came up with a system that automatically extracted design tokens from Sketch designs and translated them into SCSS variables. This was also our first design system.

For numerous reasons this first design system failed. You can read about how it worked and why it failed in my previous article.

Read the article (10 min read)
UX Planet

UX Planet

Top UI/UX Design Works for Inspiration — #87

UI & UX Design Inspiration

Every day most digital designers look for inspiration on sources like Dribbble. In a large stream of the works, it is very easy to miss some quality shots with small number of likes and comments.

We decided to change that and every week showcase some of the recent cool shots of young designers who didn’t get much attention of the community. Here they are:

EVENT IOS MOBILE APP ANIMATION
👨‍🎨 Taras Migulko

ONBOARDING ANIMATION
👨‍🎨 ++hellohello

PLAYER APP UI CONCEPT
👨‍🎨 Anton Skvortsov

Read the article (1 min read)
UX Collective

UX Collective

A guide to conversational design — why, what, and how

This post is a transcript of the first-ever conversation design workshop at Cornell University, hosted by Cornell AppDev and Google. The workshop is a subset of our larger Intro to Digital Product Design class.

The dictionary definition of a conversation is as follows:

Broadly speaking, a conversation is any sort of interactive communication between two or more parties. Conversations are not strictly verbal — think about sending a text message, or passing notes in class. These are also forms of “conversation” where news and ideas are exchanged.

Read the article (8 min read)

That's it. You read the whole issue.

Subscribe to newsletter

  • Read the best content selected by Jan Mikula Jan Mikula.
  • You will receive newsletter in your inbox Every Wednesday at 12:00.
  • You can also subscribe using RSS feed.

Modern news platform
for demanding readers

Subscribe to thematic newsletters prepared by professional editors.

  • Read your newsletters at regular time you want. E.g. every day at 9am.
  • We update your timeline only every 3 hours. Because that's sane.
  • No notifications. No endless scrolling. No addiction and FOMO.