Tag: UI

Design UX
10 Tips for Designing Better User Experiences

An introduction to building a better user interface design that is totally user-centered.

by Nwose Lotanna Victor
October 22, 2019 Share
Design UX
How Many CTAs Are Too Many?

You need your website to convince visitors to download or buy your app. So, you add a call to action that invites them to demo the product. But then you think, “Maybe they want to learn more about the features?” So, you add a CTA for that, too. And then one for Case Studies and another for your blog posts. However, as you add more buttons to your website, what you’re really doing is increasing the likelihood that they’ll walk away confused, frustrated, and without any desire to enter the app at all.

by Suzanne Scacca
October 15, 2019 Share
Design
How to Design a Better Progressive Web App

Progressive web apps have certainly demonstrated their value to everyone at this point. Now that you know what they are and why you should be building them, it’s time to start refining how you do so. With PWAs, you’re going to need to learn how to cut way back and get creative with where and how you design components. Start with these tips.

by Suzanne Scacca
October 09, 2019 Share
Design
What Is Banner Blindness and What Should You Do About It?

Your visitors don’t just see ads, pop-ups, and other small interruptions as an annoyance. They know exactly what’s going to happen the second one of them intrudes on their experience: they’re going to have to re-engage with your website and try to make up for lost time (even if it is just a few seconds). You want to keep your visitors happy from start to finish, which means finding a better way to put your revenue and lead generation elements in front of visitors.

by Suzanne Scacca
September 30, 2019 Share
Web React
Finite State Machines in React

Making a video player in React should be easy, right? A boolean value can keep track of whether it is playing or not... but has the video been loaded yet? And how can we determine if it is paused or if it has just reached the end of the track? A Finite State Machine can help us define these different states and how one transitions to the next. Using XState within React can help us make complicated UIs easier to understand.

by Leigh Halliday
September 26, 2019 Share