Sign in

Welcome. I write about design, UX, UI, animation, creative entrepreneurship, art, & life in NYC. UX Director Lelantos Press, Artist, UX GA NYC Bootcamp grad.
A dragon motif, in bright orange on a black background, is applied to a repeat grid. Mirroring and flipping of the original unit on the upper left are activated, thus creating a lovely pattern that is almost abstract.
A dragon motif, in bright orange on a black background, is applied to a repeat grid. Mirroring and flipping of the original unit on the upper left are activated, thus creating a lovely pattern that is almost abstract.
A dragon motif is applied to a repeat grid. Mirroring and flipping of the original unit on the upper left are activated, thus creating a lovely pattern that is almost abstract. The dragon design proper embeds to repeat grids, for the dragon’s scales and spikes.

Integrated design flows

Repeat grids are trending as design tools for visualizing multiples of grouped elements. Based on columns and rows, the repeat grid feature takes a single design unit, usually consisting of different elements such as labels, text, buttons, or photos, and duplicates it integrating various spacing options.

Horizontal and vertical spacing adjustments are made by increasing or decreasing the space in-between, column and row adjustments, such as off-setting and mirroring, can be implemented for additional layout effect.

A simple repeat grid in two different executions

In this example, a simple two-element unit, composed of a grey square rectangle and a white circular icon, is arranged in a repeat grid…


Image of a sound wave with bars.
Image of a sound wave with bars.

UX Design Essentials: Voice activation features + recordings

Few people are blessed with an outstanding recording voice. Consider the voice of classically trained stage and film actor James Earl Jones as Darth Vader, or the voice of the dynamic mezzo-soprano Cecilia Bartoli, or the ever-amazing Abel Makkonen Tesfaye, known professionally known as the Weeknd. Every time we hear their voices, we immediately know who they are and are drawn to them.

What about our own physical voice?

Although we easily converse on the phone, debate, or even sing, we rarely think about how we can engage our physical voice to enrich our life. Do we have


An animation showing a straight line with two nodes transforming itself into a curved line with variations.
An animation showing a straight line with two nodes transforming itself into a curved line with variations.

We’ve all heard of the Bézier curve. But do we really know how to draw one, how to apply it within applications, how to write it in code, or who discovered the concept? Let’s find out.

The genius of connecting two points by optimizing their control handles

A Bézier curve consists of two nodes with attached control handles. The values of these control handles is used by the computer software to render the curve. Control handles define the shape of a curve on its start- and end points, and can be manipulated by the user within the software.


UI/UX Design Essentials: Prototyping Design Strategies

There are many design applications to choose from. They are all excellent tools to design with. Augmenting these applications, new design widgets and accessories come to market every day. These are produced to making the designer’s job easier.

However, the numerous choices can be overwhelming. There might be compatibility issues, redundancies, or hard-to-grasp modules.

Therefore, it is important to focus on design techniques and principles to build a strong design concept.

Developing strong design principles and knowledge of design tools across applications is key to building a strong conceptual foundation for prototyping.

These top…


UX Design Essentials: Atomic design and modular thinking

The concept of atomic design is every visual designer’s dream tool box. It is a simple, modular design system for the digital screen. It uses single elements (atoms) to build entire landscapes (interactive screens).

The system is borrowed from chemistry.

In chemistry, an atom is the smallest unit* which combines with other atoms to form molecules, which then combine to form organisms.

(*Atoms break down into smaller units, but for the purpose of Atomic Design, we will not delve deeper into the structure of an atom here.)

Each atom has a specific shape formed by its properties


The High Line Park near Gansevoort Street in lower Manhattan.

The High Line Park by the West Side Highway in Manhattan is one of my top ten most loved parks in the world. Its distinct character is that it runs above ground, on the third-floor level, on rail tracks originally built in the early 1920’s for freight trains. These industrial era trains were transporting goods from the docks of lower Manhattan to the many warehouses and factories located in the northern areas of Manhattan’s West Side.

In 1999, the abandoned remaining rail structure of the High Line was threatened with demolition. …


UX Design&Research Essentials: The Timebox Methodology

The bad news is, time flies. The good news is, you are the pilot. — Michael Altschuler

By definition, a timebox is a fixed amount of time for a specific task. We know this concept from studying and work. For instance, in a class room, a math lecture might last for 60 minutes, from 10 am to 11 am. If we love math, then the one hour goes by very fast. However, if we don’t love math, this one hour can feel like an eternity.


UX Essentials: Receiving feedback

Eliciting and receiving customer feedback are two entirely different things

The first is a concrete request for your customer’s input. It implies an intellectual and time commitment from your customer, a request that might seem imposing or unrealistic.

The latter is a benefit you receive from building long-term customer trust. Your customers want to communicate with you and your company out of their own free will. They want to share a need, an experience, or even a request for a personalized product.

We focus on the benefit of receiving

Receiving feedback cannot be taken for granted. Customers are overwhelmed with endless requests to fill out surveys, reviews, or rankings, often to the detriment…


UI/UX Design Essentials: Grids

Grids have been around for a very long time

The grid has been a proven concept to add structure to a given space. A grid is based on columns and rows.

In a digital environment, columns have priority over rows. Users tend to engage more by scrolling up and down, rather than sideways.

In a mobile and web pixel environment, a grid starts at a one-column grid, expanding to as many grid multiples as a designer can possibly define. Complex column grids increase the amount of content the viewer has to absorb. …

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