Summary: Minor visual changes help users distinguish between 5 different button states: enabled, disabled, hovered, focused, pressed. Buttons are core user-interface elements that, when clicked or tapped, execute an action. When designed correctly, buttons set accurate user expectations and help them understand how to interact with the interface. In addition to clear button labels, effective… Continue reading Button States: Communicate Interaction
Tag: Submit
Build a Simple YouTube App with Vanilla JavaScript
The Tuts+ YouTube channel is fast approaching 1.5M subscribers. Let’s celebrate this great achievement by creating something YoutTube-oriented! We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript. The concept will be pretty straightforward; we’ll build a simple UI where we can enter the ID of a channel and our app… Continue reading Build a Simple YouTube App with Vanilla JavaScript
Build a Simple YouTube App with Vanilla JavaScript
The Tuts+ YouTube channel is fast approaching 1.5M subscribers. Let’s celebrate this great achievement by creating something YouTube-oriented! We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript. The concept will be pretty straightforward; we’ll build a simple UI where we can enter the ID of a channel and our app… Continue reading Build a Simple YouTube App with Vanilla JavaScript
Understanding User Intent: The Secret to Ranking High On Search Engines
“User intent” is a way of defining a user’s goals when they search for something on the internet. It’s a crucial part of SEO nowadays, so let’s find out more! Back before search engines became as sophisticated as they are today, you could game the system by stuffing keywords into your content and watch your… Continue reading Understanding User Intent: The Secret to Ranking High On Search Engines
What should be the contrast level of inactive buttons?
Using the APCA Readability Criterion to improve the accessibility of disabled controls Disabled buttons. They need to look non-interactable. But they also can’t be completely unreadable. How do I find the sweet spot? I spent a few hours in a deep dive going through a bunch of blogs and accessibility guidelines documentation in search for best approaches… Continue reading What should be the contrast level of inactive buttons?
How to Password Protect a Page in WordPress?
Are you worried about keeping your WordPress pages secure from unwanted visitors? Do you want to password protect your WordPress site webpages? Read on! By installing a WordPress plugin, you can password protect all of your webpages. Statistics show that nearly 70% of websites are prone to vulnerabilities, including data theft. This article will provide… Continue reading How to Password Protect a Page in WordPress?
How to Make a Block Pattern for Easy Layouts in WordPress
When working in WordPress, it’s important to remember that there are nearly infinite possibilities when it comes to design and development. Whether you’re looking for something simple or complex, the platform can more than likely deliver. But WordPress gains new features all the time and it’s often the case that users aren’t using everything available… Continue reading How to Make a Block Pattern for Easy Layouts in WordPress
Twitter layoffs, meeting fatigue, Taylor Swift’s AI, Apple accessibility
Weekly curated resources for designers — thinkers and makers. “Any of us could face what our colleagues at Twitter faced yesterday. Some of us already have, and some of us will in the future, especially if you stick around the profession long enough. It’s a good reminder that, whether we realize it or not, we’re in this together. We… Continue reading Twitter layoffs, meeting fatigue, Taylor Swift’s AI, Apple accessibility
Ask a UXR #2: introducing user research to an organization
On asking the existential questions about a UXR’s purpose, being a thought partner, and bringing questions, not just answers This is the second post in a bi-weekly UXR Q+A series. Submit your questions in the comments, or in this Google form, and it they may be answered in future posts. Follow “Ask a UXR” by subscribing… Continue reading Ask a UXR #2: introducing user research to an organization
Joe Tech Review: A Place to Submit your Startup
1 Share In the rapidly growing world of today, it is technology that has taken over our minds and lives. Have to go to the kitchen or have to use a new gadget to do a simple task, you cannot help but resort to some form of technology and get to work. In light of… Continue reading Joe Tech Review: A Place to Submit your Startup
4 Examples of Bad UI and How to Avoid Them
The easiest way to observe bad user interfaces is by keeping your eyes open. Every time you order something online, every time you visit a new website, every time you fill in a form, purchase a product or publish a post, think about how you’re being asked to perform that task. Where are the buttons… Continue reading 4 Examples of Bad UI and How to Avoid Them
Processing Incoming Request Data in Flask ― Scotch
In any web app, you’ll have to process incoming request data from users. Flask, like any other web framework, allows you to access the request data easily. In this tutorial, we’ll go through how to process incoming data for the most common use cases. The forms of incoming data we’ll cover are: query strings, form… Continue reading Processing Incoming Request Data in Flask ― Scotch
What Are Android Intents?
Intents are a fundamental topic for Android developers. It is impossible to build Android applications without coming in contact with intents. In this tutorial, I’ll teach you about intents from A to Z. What Are Intents? In a football match, teammates pass the ball around the field with the aim of sending it into the… Continue reading What Are Android Intents?
It’s not you, it’s your form
#4 Give certainty When designing a form, we should present users with all the information they need so they can navigate the form easily. Don’t keep them guessing or be ambiguous. The achievement of the goal should be clear and leave the user with the feeling that the task is (really) done. When examining the previous… Continue reading It’s not you, it’s your form
As a Designer I want better Release Notes
The perfect release note ???????? Finally what you’ve being waiting for. How you piece all this together, and it’s broken down for you in nothing more than plain text: The introduction. A short paragraph. Make this personal if appropriate. Eg. “Season greetings, everyone! You asked, Santa listened – this update is exactly what you ask for… Continue reading As a Designer I want better Release Notes
Web Design Workshop #36: Gateway Learning
Web Design Workshop is our regular community project where we ask readers to submit their work for your friendly, constructive criticism. It’s the perfect way to learn, offer opinions and have your own work critiqued! This week, something you may have already seen if you follow Dan Eden.. Rules of Engagement Play nice! We… Continue reading Web Design Workshop #36: Gateway Learning