Designing Digital Product Without User Data

Designing Digital Products Without User Research

Rus Anderson Consulting, Design, UI/UX Leave a Comment

Often, we are approached by startups and established companies with an idea for a new product. Just as often, there is little to no user base from which to conduct research. In this blog, we’ll look at how to understand the product, its potential users, and how to create the application with minimal user data and investment.

Improving iOS/Android Numeric Keyboards With KeyboardActions

Flutter: Using Keyboard Actions To Improve Mobile User Experience

Ryan LaRue Design, Development Technologies, Flutter, Mobile, UI/UX 1 Comment

This post covers three options for customizing an iOS or Android keyboard in a Flutter mobile application, with a code walkthrough of using the Keyboard Actions package to easily add keyboard features that increase user efficiency.

Mobile app developers, have you ever noticed that the native iOS numeric keyboard does not include certain features that might be helpful? For example, a Done button? Or how about arrow buttons to traverse form fields? To jog your memory, here’s what the native iOS numeric keyboard looks like…

Preventing Layout Shift

Using CSS Grid to Prevent Page Jank

Lawrence Chabela CSS & HTML, Design, JavaScript, Programming, Tutorial Leave a Comment

Layout shifts, or page jank as I like to call it, rears its ugly head when a visible element changes position or dimensions, causing the position or dimensions of content around it to be changed.

There are too many possible reasons behind a layout shift to cover in one post, so I’ve narrowed it down to one in particular for the sake of brevity. In this article, we will discuss this scenario: a component changing its height due to its state being changed from user interaction.

I know that this is a relatively isolated example, especially in the grand scheme of things. However, I think this proves an important point. Solving a layout shift doesn’t always have to be a tedious and complicated process to fix. Sometimes, scenarios like this can easily be solved using the CSS we already have at our disposal.