Tag: User Interface
-
Benefits of Using Variable Fonts
Variable fonts are becoming increasingly viable for use in your web projects. Here’s what variable fonts are, and how using them can benefit the user experience. Variable fonts vs. the usual way we deal with fonts When you pick a named font to use on your website, for example “Arial”, “Helvetica Neue”, or “Open Sans”,…
-
Gradually Master Cross-Platform Mobile App Development: Learn Flutter and Dart as You Go
You’ve gotten started with Google’s Flutter SDK to build mobile apps on both iOS and Android, but what now? Here’s how to keep the momentum going and learn Flutter and Dart over time. Keep going after “getting started” This article is about how you might learn Flutter and Dart over time in a sustainable way,…
-
Getting Started with Flutter SDK to Build Native Android and iOS Apps
The Flutter SDK allows you to build native Android and iOS apps, with advantages over other cross-platform methods. Interested? Here’s how to get started with Flutter. Google’s Flutter SDK is a relatively new way to build native mobile apps for BOTH Android and iOS. Since being able to quickly produce apps for both platforms’ app…
-
Does Color Affect Mood in User Interfaces?
In physical spaces, color can unconsciously affect our mood. But does color affect mood in user interfaces? Not exactly. If you are about to paint a room, you’ll find no shortage of web articles ready to give you advice about what colors to choose. Some of these articles will assert that color can affect our…
-
How to Prototype a Scroll Shadow in Adobe XD
Adobe XD doesn’t provide scroll state settings or scripting, but you can still imitate scroll shadow behavior in your prototypes. Here’s how. Desired design Let’s say you’ve designed this scrollable screen. The header casts a shadow at all times when you run the prototype. But let’s say, for the purposes of keeping this article moving…
-
When Well-Meaning UI Text Makes Things Less Usable
If you want users to successful, it helps to know how users actually read your UI text (spoilers: they don’t), and how more text can ruin everything. A real-life example of well-meaning UI text making things worse Years ago, I joined a large desktop application project as the lead designer, taking over for another vendor.…
-
Communicating UI Design: Problems with Lorem Ipsum Placeholder Text
Avoid the pitfalls of pasting improbable dummy placeholder text (lorem ipsum or otherwise) into your user interface designs. When communicating UI design, you’ll sometimes use temporary placeholder text (“dummy” text) in your wireframes, mockups, or even interactive prototypes. Below I list some of the problems with pasting perfect pieces of placeholder text all over your…
-
Project Tips for When Your UI Design Includes ALL CAPS Text
From design and implementation to translation concerns, here are some tips for your project when your UI design includes ALL CAPS text elements. Whether you’re following a standard design language like Material Design, or have developed your own custom look and feel, your new website or app design might include UI elements that use uppercase…
-
User Experience Article Roundup – Alternative User Research and Growing as a Designer
In this edition of User Experience Article Roundup: free user research alternatives, inspiration from a subway map, what happens when robots sound human, and more. Cheap and free under-the-radar alternatives to field visits It’s vital to understand your users, particularly when it comes to the context in which they use your product. Site visits with…
BetaTesting Blog 