To combat screen fatigue, voice assistants have entered the market to become a preferred option for quickly retrieving information. Voice assistants are hopping out of emerging tech and into everyday life. As a front end developer, you already have the skills to build one, so, in this article, Tris Tolliday will dive into the platforms.
Read more…
In this tutorial, Alvin wan will show you how to write the game mechanics for a virtual reality game, which is closely coupled with the real-time multiplayer elements of the game. The goal is to “turn on” all orbs, where an orb is “on” if it’s elevated and bright. An orb is “off” if it’s lower and dim. However, certain “dominant” orbs affect their neighbors. This forces both players to collaborate to solve the puzzle.
Read more…
Today, Tom Čakloš will show you how to create limits and rules to follow throughout the entire design process. There is an unlimited number of ways in which you can combine elements in a user interface. You may be struggling with all of the possibilities and trying to pick the best option among many “correct” options. This article is intended for beginner UI designers who want to learn how to make their designs more consistent and user-friendly. You don’t need a lot of experience in order to be able to follow the tips and tricks shared in it, so let’s dig in right away!
Read more…
Heydon Pickering’s new book “Inclusive Components” is here, and it’s shipping worldwide. The book explores accessible, robust solutions for the interface patterns we use every day. Jump to table of contents or get your book right away.
Read more…
In this article, Saravanan V aims to be a primer on iOS animations exhaustively covering different ways of doing so. We start off by understanding the basics of animations, move to the Core Frameworks building a single example using the different methods offered and finally looking at ways to tune performance. The goal is to educate the reader with a set of choices to add animations to his/ her iOS app.
Read more…
In UI/UX, a common pattern that’s needed time and again is that of a simple animated opening and closing panel, or ‘drawer’. You don’t need a library to make these. With some basic HTML/CSS and JavaScript, we’re going to learn how to do it ourselves. In this article, Ben Frain is going to share the details of his ‘go-to’ method in detail in this article. Let’s consider possible approaches first.
Read more…
Our products become slower, clunkier and more painful to use — often simply unbearable for keyboard- and screen reader users, and as such fragile and vulnerable for legal disputes. Let’s fix it. IToday, we bring you Heydon Pickering’s new book Inclusive Components, which explores more accessible and robust solutions for the UI patterns we author, plug in, and use every day. Jump to table of contents or pre-order the book right away.Read more…
This is a detailed guide for those who are struggling with tables in Figma. Today, Sasha Belichenko will show you how to create a table using components, so that later on you could save a lot of time on scalability and edits. Moreover, you’ll be able to easily integrate the table into your design system. To follow along, you will need to have at least some understanding of the basic Figma concepts, its interface, and how to work with Figma components. So, without further ado, let’s dig in!
Read more…
Philippe Hong has made the switch to Figma almost two years ago and he has no regrets so far. In one of his previous blog posts on the topic, he made an in-depth review of Figma, and he’s glad he could help other designers make the switch In this article, let’s take a closer look at what Figma really has to offer. Here are 20 tips on how to work faster and better with this well-known and collaborative interface design tool.
Read more…
Virtual reality is a new immersive medium for exploring content, whether that content is a film (Life of Pi), a game (Beat Saber) or a social experience (as depicted in Ready Player One). Despite its novelty, VR doesn’t require a drastically different toolset to design for — the same tools we use for web game development, 3D modeling, and others are all still applicable. In this tutorial, Alvin Wan leverages your familiarity with web development to get started with VR development.
Read more…
