Tag: UI

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?

Type traps, design maxims, new Figma, UI tips collection

[unable to retrieve full-text content] Weekly curated resources for designers — thinkers and makers. “One of the fundamental forces behind my journey is the opportunity to connect and collaborate with other designers. Building relationships is a crucial part of what we do. I’ve always been a people person myself. That’s just part of my nature. I’m a strong believer… Continue reading Type traps, design maxims, new Figma, UI tips collection

Four Free Flutter Widgets You Should Know About

Flutter development has experienced unprecedented growth in the last year. Not only has it expanded as a channel for developers to expand their skillset in Dart, but it has also allowed them to enjoy the perks of a single codebase. Whether you are making a widget on Flutter or looking for a Flutter widget that could make a… Continue reading Four Free Flutter Widgets You Should Know About

System Fonts: All You Need to Know

In this tutorial, we’ll be taking a look at system fonts. We’ll be going over what exactly system fonts are and what they aren’t! We’ll be looking at them from a design perspective, discussing the pros and cons of system fonts. We will also be exploring system fonts in popular culture, and we’ll touch briefly… Continue reading System Fonts: All You Need to Know

SWM Icon Pack: 300 ready-to-use vector icons for UI

SWM Icon Pack is an incredible collection including 300 vector icons that might come in handy when building user interfaces. Icons are based on 24px grid, and provided in 3 different styles (outline, broken, duotone). In addition, you can download the freebie from the Figma Community, or get the sliced SVG and import them into… Continue reading SWM Icon Pack: 300 ready-to-use vector icons for UI

Android Essentials: Creating Simple User Forms

Android applications often rely upon data supplied by users. This tutorial walks you through the creation and use of a number of the most common controls used to collect data from the user. Getting Started For this tutorial, you will design and implement a membership registration form. Whether you’re in charge of recruiting members for… Continue reading Android Essentials: Creating Simple User Forms

Working With Tables in React: Part Two

In this two-part series, you will learn about the ins and outs of working with tabular data in React using the React Bootstrap Table2 component. You’ll be able to create sophisticated and professional-looking tables with little effort and yet be able to customize every aspect. In this part, we’ll continue the journey by expanding rows,… Continue reading Working With Tables in React: Part Two

How to Make a Live Chat Script in PHP

In this article, we’ll discuss how you can make a live chat script in PHP. Although there are different ways you could achieve this, we’ll use a socket-based implementation. If you’re building a community site which involves user engagement, it’s useful to provide a way for users to discuss ideas in real time. When it… Continue reading How to Make a Live Chat Script in PHP

Pixel Lite: Free Bootstrap 5 UI kit

Pixel Lite is a free UI kit based on Bootstrap 5, that you can use for building websites and landing pages. This kit also provides a ready-made HTML template featuring 80 fully coded UI elements, Sass source files, and much more. Among nice-looking modular section, it includes a lot of components such as accordions, alerts,… Continue reading Pixel Lite: Free Bootstrap 5 UI kit

InVision hype, card game in Figma, how to estimate design work

[unable to retrieve full-text content] Your weekly list of curated design resources, brought to you by your friends at the UX Collective. Things were still good on the InVision train, at least for us designers. But for InVision, the writing was on the wall. Or, it should have been. These new design tools were a… Continue reading InVision hype, card game in Figma, how to estimate design work