View JS in a different way: meet Vue

A couple of years ago, it was pretty standard to refresh the page every time our users performed an action: saving a form, applying a filter to a search, etc. Making the site reactive and allowing our users to perform these actions without refreshing ...

User Testing on UX design

Through the years, the design concepts applied to user interfaces and user experience have evolved to become an integral part of the creative process. Almost every designer has to face the problem of having beautiful ideas but terrible execution. Even if what you think ...

CSS Grid: The Ultimate Layout Tool

CSS grid technology represents a completely new way of thinking web layouts, a way in which you are in full control of the presentation. No more weird HTML nesting and non-semantic elements here and there to assist our layouts. Unlike any other tool available ...

Guidelines for UX Mobile Design

Interface Design is a career that involves not only knowledge on visual aesthetics but usability principles to make effective the using of your app for your users. Your mobile app must be useful and intuitive, two concepts that play a huge role in the ...

Improve WordPress UX With Custom Gutenberg Blocks

Last year, on December 6th, Wordpress 5.0 released a huge upgrade to the content editor UI, the Gutenberg Block Editor came to enhance the Wordpress experience with an extensible drag & drop content designer interface based on React. However this kind of editors are ...

Create UI for humans

There is no doubt that technology has changed our lives. It has driven us to heights we could not have imagined otherwise. Technology has also filled every corner of our daily lives, changing the way we behave and communicate. So, as designers and developers, ...

Button Design essentials for your Web UI

When we, as users, navigate through a website or app we click here and there in different parts of the interface. While we're doing this, we usually overlook one of the vital elements on every design system: the button. Buttons have a special meaning ...

Color Contrast: an accessibility primer for Interface Design

As designers and developers, we need to take into consideration all the people that reach our apps/websites, including the people that are visually impaired. Our creations should be, or at least try to be, suitable for them, including those with less than 20/20 vision. ...

Using Color in User Interfaces

One of the most striking aspects of design is the ability to generate impact and attract the consumers attention through color. According to studies, 85% of consumers feel that color is the main factor when choosing a product. Knowing that 80% of what we ...

Gestalt principles in Web Design

Perhaps, too many designers overlook the importance of psychology within the creative process and the impact that some of its principles has in the design choices that are made on a daily basis, whether printed or digital. In web design, these principles are effectively ...

The Rhythm in Web Typography

The musical pieces have an internal structure that makes it easy to listen to - whatever the type of music is. Musical compositions must have form and be part of a whole, of a global compound in which each of its parts can form ...

Visual Coherence for Web Design using Style Guides

Designing a website is no longer a simple task. It has evolved from having available just a bunch of elements and experience to have a large set of tools, frameworks, libraries and other components at our disposal. Nevertheless, there is a notion that hasn't ...