-
Paris Metro Map – The Redesign
In this article, Constantine Konovalov will attempt to describe the principal solutions involved in the development of his own version of the Paris metro map. The entire process that went into the creation of this new map, took him around two and a half years to complete, and an article of that length would bore…
-
The Underestimated Power Of Color In Mobile App Design
The human to computer interaction is heavily based on interacting with graphical UI elements, and color plays a critical role in this interaction. When designing a new app, it’s often difficult to decide on a color scheme that works well, as there are an infinite number of possible color combinations out there. In this article,…
-
More Than Just Pretty: How Imagery Drives User Experience
Thinking about images in terms of their usability is important. All visual communication in your design leaves a cumulative impression on the user. Compelling images have a unique ability to inspire and engage your audience to provide useful information. Take the time to make every image in your app or site reinforce user experience. Human…
-
How Functional Animation Helps Improve User Experience
In this article, Nick Babich will talk about the role of functional animation in UX design and see when to incorporate motion into a design. If you’d like to follow along and spice up your designs with animations, Adobe introduced Adobe XD which you can download and test for free, and get started right away. Identifying the…
-
Algorithm-Driven Design: How Artificial Intelligence Is Changing Design
Digital products are getting more and more complex. In this article, Yury Vetrov explains why we need to support more platforms, tweak usage scenarios for more user segments, and hypothesize more. Our industry has both high- and low-skilled designers, and it will be easy for algorithms to replace the latter. However, those who can follow…
-
Improving The UX Of Names With Vocalizer.js
A 2014 study found that people with easier-to-pronounce names are deemed “more trustworthy”. Atif Azam built Vocalizer (a simple, lightweight JavaScript plugin that facilitates the accessibility of difficult to pronounce names) to solve a problem that has persisted all his life. Now, he hopes this will prove useful to others, helping them solve the same problem. We have…
-
How To Design An Effective Mobile Landing Page
The best way to convert a user on a mobile landing page is to provide a clear description of what you’re offering, along with obvious ways to contact you. Be clear in describing what your product does and how you’re solving your target customer’s problems. Get to the point of what you’re selling and show the…
-
Why Designers Aren’t Understood
How do we conduct UX research when there is no or only limited access to users? Here are some workarounds to run UX research or make a strong case for it. An upcoming part of Smart Interface Design Patterns. As designers, especially in large enterprises, we often might feel misunderstood and underappreciated. It might feel like every…
-
New CSS Viewport Units Do Not Solve The Classic Scrollbar Problem
Since the introduction of CSS viewport units in 2012, many of us have been using width: 100vw as a way to set an element’s width to the full width of the viewport. But, as Šime Vidas explains in this deep dive, 100vw does not always represent the full width of the viewport due to differences in how browsers handle…
-
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study
Have you run into a situation where you need the padding of one element to align with the padding of another element? It’s a common debacle, especially when a page layout is set with global padding, and you need to break out of that layout and go full-width but still align the inner content with…
Recent Posts
- How To Convert An Infographic Into A Gifographic Using Adobe Photoshop
- Prototyping An App’s Design From Photoshop To Adobe XD
- How To Create Icons In Adobe XD
- Free Adobe XD Icon Sets Made By Legendary Designers
- Universal Principles Of User Experience Design
Tags
Case Studies CSS Design JavaScript Techniques
Bring your design to life
