Tag: UI

Wikipedia redesign, UI spacing tips, copying TikTok’s UX, WE❤️NYC

Weekly curated resources for designers — thinkers and makers. In science fiction, one of the main indications that the characters are living in the high-tech future is an insanely smart, AI voice assistant. Star Trek’s Enterprise had the omnipresent Computer, and Tony Stark famously traded quips with JARVIS (Just A Rather Very Intelligent System) before the AI became… Continue reading Wikipedia redesign, UI spacing tips, copying TikTok’s UX, WE❤️NYC

5 lesser-known tips on spacing for product designers

5 lesser-known spacing tips for product designers Your BAE might not give you space but after reading this article you will definitely give your UI objects some well-deserved space :p When we start out as designers, spacing is often the most neglected aspect of the design process. Various objects are spaced based on what we, at… Continue reading 5 lesser-known tips on spacing for product designers

Character creation UX

A guide to CCIs in game design. Walking dressed cyberpunk in a cyberpunk city by Paola Ascanio via MidJourney Character creation is an essential aspect of most video games, allowing players to customize their avatars and immerse themselves in the game world. As a user experience (UX) designer, your role in game design is to create… Continue reading Character creation UX

The way you make me feel — how to set up in-app feedback

The way you make me feel — how to set up in-app feedback The success and longevity of an application depend on positive user acceptance. In order to integrate the users’ problems, needs, and expectations, it is necessary to continuously collect and analyze their feedback. From the various possible feedback channels, I have mapped the best practices for… Continue reading The way you make me feel — how to set up in-app feedback

Digital death, neurodesign, Notion AI, Figma automated UI builder

Weekly curated resources for designers — thinkers and makers. “We live in a hyper-connected world where things don’t seem to have happened unless you post about them. An emotion hardly seems validated until it’s been shared with others online. On average, we spend a quarter of our lives online. For people we never met in person, all they know… Continue reading Digital death, neurodesign, Notion AI, Figma automated UI builder

How to Create a Figma Design System

Let’s get creative using Figma. In this tutorial we’ll focus on the style elements needed to start building a functional design system.  How to Create a Design System in Figma Let’s get started! In this easy-to-follow tutorial we’ll learn how to create the basic structure and style elements for a design system in Figma.  This… Continue reading How to Create a Figma Design System

How To Make Your Designs Scannable (And Why You Should)

Jakob Nielsen’s How Users Read on the Web is 25 years old this week, and one glance at an eye-tracking study will tell you its key observations are still relevant today. Simply put, users don’t read a web page; they scan it for individual words and sentences. A typical pattern shown in eye-tracking reports is that… Continue reading How To Make Your Designs Scannable (And Why You Should)

Trends and Movements (isms) in Web Design You Should Know

In web design nowadays we’re quick to assign an “ism” to any passing trend. But no matter how arbitrary or fleeting they are, these isms can be important to understand.  “Isms” in the art and design world come from artistic movements; styles and philosophies practiced by a group of artists and designers, usually with a… Continue reading Trends and Movements (isms) in Web Design You Should Know

Designing for scalable Dynamic Type in iOS

Designing for scalable Dynamic Type in iOS for accessibility When we wanted to implement accessibility settings on our iOS mobile app, I had to figure out where to start. Looking online, I could only find engineering resources. It was all about code and how to implement it with UIKit or SwiftUI with plenty of great… Continue reading Designing for scalable Dynamic Type in iOS

Accessibility week, low-tech UI, how to ask for a promotion, dark mode

Weekly curated resources for designers — thinkers and makers. “What do we even mean by web3? We have NFTs (non-fungible tokens), cryptocurrencies, the metaverse, blockchain and DAOs (decentralized autonomous organizations). It’s not just one thing we don’t understand. It’s a lot of things we don’t understand. What’s in? What’s out? And how do all of these pieces fit… Continue reading Accessibility week, low-tech UI, how to ask for a promotion, dark mode

The humanity of Blockchain, Wordle UX, web3 painpoints, free UI loaders

Weekly curated resources for designers — thinkers and makers. “In Agile, discovery is assumed. At a minimum, you need a rough spec and some goals to get started. But is the spec validated against business goals or user needs? Is this the best solution? If so, when does that discovery work happen? Not during Agile development.” Is Agile… Continue reading The humanity of Blockchain, Wordle UX, web3 painpoints, free UI loaders

UX fundamentals for web3, investing in design, automated UI variations

Weekly curated resources for designers — thinkers and makers. “Crypto-natives have been living and breathing Web 3 for years. They populate an enormous echo chamber of people speaking a language that most tech people can’t even understand, to say nothing of the general public. The sense of wonder and empowerment that comes from knowing you are building the future… Continue reading UX fundamentals for web3, investing in design, automated UI variations

Visual forensics, impostor syndrome, UI color system, accessibility checklist

Weekly curated resources for designers — thinkers and makers. “User feedback is always a valuable source of information. But if product designers aren’t careful, user feedback can quickly become a to-do list of features organized by whoever yells the loudest and most often. This not only runs the risk of pulling a product team in dozens of different… Continue reading Visual forensics, impostor syndrome, UI color system, accessibility checklist

Metaverse UX, designing with data, immature orgs, how to ask for gender

Weekly curated resources for designers — thinkers and makers. “I’m sure that you or someone else you know have worked somewhere in the past where you felt that UX people were out of place. After all, UX is an emerging discipline and a lot of organizations want to hire people from our field because no organization wants to… Continue reading Metaverse UX, designing with data, immature orgs, how to ask for gender

Exciting New Tools For Designers, Holidays 2021

The year’s winding down as everyone segues into a much-needed holiday R&R. But that doesn’t mean there aren’t some awesome new tools and resources for website design projects. Check them out, and hit the ground running in January. Here’s what’s new for designers this holiday period. Enjoy!   Fancy Border Radius Generator Fancy Border Radius… Continue reading Exciting New Tools For Designers, Holidays 2021

10 Smartphone & Tablet Mobile Apps for Prototyping

Digital prototyping is a popular activity for creating simple interface mockups. The UI design process starts with an idea, which is then fleshed out into a mockup. But, most of the time, the initial mockup(s) will be styled in low-fidelity wireframes, which are then improved through color and texture. The following mobile apps are perfect… Continue reading 10 Smartphone & Tablet Mobile Apps for Prototyping

How to Create Mobile App Animations With SVGator

Designing animations by coding is both a complex and time-consuming undertaking that can hinder creativity. This is why designers are looking for a no-code solution to create scalable animations for mobile apps. Finding a way to easily create and export these types of engaging branding assets can also make the designer-to-developer handoff a frustration-free exchange.… Continue reading How to Create Mobile App Animations With SVGator

A Look at Its Impact on the Web

In the web design industry, it’s rare that a tool stays relevant for a decade or more. Things tend to change so quickly that the useful life of an app or framework usually isn’t very long. However, Twitter’s Bootstrap has defied those odds. Now in existence for over 10 years, the self-described “front-end open source… Continue reading A Look at Its Impact on the Web

Zone: UI kit for mobile app design

Zone is a UI kit for building beautiful mobile apps, built by Piqo Design. This free demo resource is part of a bigger premium pack which contains 100+ screens, 200+ components, and it’s available for Figma, Sketch, and Adobe Xd. Free sample is currently available if Figma file format, and includes 20 beautifully designed mobile… Continue reading Zone: UI kit for mobile app design

10 Website Design Must-Haves For Any Small Business

0 Shares Having a website is essential for small businesses. It helps build an online presence and expand your reach. However, to maximize the website’s potential, website owners need to understand must-have web elements. If your website misses important features, you may lose out on potential customers and revenue. It’s also worth mentioning that not… Continue reading 10 Website Design Must-Haves For Any Small Business

22 Exciting New Tools For Designers, June 2021

This month’s new tools and resources collection is a mixed bag of elements for designers and developers. From fun little divots to tools that can speed up development, you are sure to find something usable here. Here’s what new for designers this month: June’s Top Picks Codewell Codewell is a service to help you learn,… Continue reading 22 Exciting New Tools For Designers, June 2021

The Ultimate Guide to Creating a Socially Conscious Web Design

June 10, 2021 by Sangalang Kristine Leave a Comment A socially conscious web design prioritizes the experiences of users over aesthetics. Design working hand-in-hand with social responsibility is a fairly new concept. It is only in the recent decades that we have started to call out stereotypes reflected in conceptualizing web design. Web design, or… Continue reading The Ultimate Guide to Creating a Socially Conscious Web Design

Is It Time to Reset HTML?

HTML is one of the foundational building blocks of the Web. But just as web design best practices and techniques change over time, so does the code we use. As HTML evolves, some of its older markup has been deprecated while other parts have been repurposed. Does that create more problems for us, though? Would… Continue reading Is It Time to Reset HTML?