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.
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…
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.
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…
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.
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.
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.
(*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 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.
Thank you so much for the feature. I am so happy. This is a great newsletter with excellent stories.
Monsieur Bézier and his elegant curves →
By Eva Schicker
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
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.
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
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. …