The Interactive Imperative in Mobile Design

,

The Interactive Imperative in Mobile Design

How gestures and animations are changing the game for mobile app designs In this article, Chris Bank of UXPin – The UX Design App discusses the importance of interactivity in mobile apps and its impacts impact on mobile design patterns …

What is the Point of Material Design?

What is the Point of Material Design?

In the simplest of explanations, Google developed Material Design to unify the experiences users have across various Google platforms. Additionally, this unification is to bring improved overall experience a user has with technology by making the interaction easier, simpler and …

How to Use SVG Patterns

SVG preview

SVG patterns are one of several paint options that we have for coloring the fills and strokes of shapes and text. While generally regarded as one of the more complex options, establishing a foundation and understanding the basic syntax can …

Building a Custom WordPress Login Form with Flat UI

Building a Custom WordPress Login Form with Flat UI

WordPress is the most populous and one of the best content management systems in the world. It powers over 60 percent of websites in the world. By default, the Login form in WordPress is only visible when trying to access …

Mobile Design Patterns: A Practical Look

,

Mobile Design Patterns: A Practical Look

UI design patterns are frequently misinterpreted and misused concepts. Too often, they’re confused with specific elements (or features) that can simply be developed as-is from one of the popular Design Pattern and Wireframing Libraries. While those examples are a great …

Design Trend: Ghost Buttons in Website Design

Design Trend: Ghost Buttons in Website Design

The biggest trend of 2014 is something I’m not sure we saw coming. And it’s all based on one of the smallest design components of almost any website – the button. Ghost Buttons – those transparent, clickable items – are …

How to Improve Website UX with Doors Diagram

How to improve your website’s UX with Doors Diagram

Information visualization helps websites to increase retention, conversions and other metrics that may suffer from design flaws. Using the Doors Diagram to visualize a process of a user passing all the way from the starting point to the final goal …

Startup Framework on Rails

Startup Framework on Rails

Startup Framework is simply great to start building web sites and applications. Ruby on Rails is a great platform and framework on which a lot of web applications are built these days. Together, they can fit well and make really …

How To Build a WordPress Contact Form

Build Your Own WordPress Contact Form

One feature common to almost every website in the world is the contact form. It can be used to collect feedback, complaints or useful information from website clients and users. A typical contact form consists of the following fields – …

Creating a Scalable SVG Infographic

In this tutorial, I’m exploring how to make a scalable infographic in the browser using SVG as a graphical format. I’m also using CSS3 animation techniques to animate most elements. The subject of the infographic is “Population growth on this …