Visual Hash | Decent Patterns
Decent Patterns is a collective effort to further the adoption of decentralized technologies by providing open tooling and resources for the community.
ui-ux
What is visual hierarchy, and why do you need it?
Crowded and hard-to-navigate designs are two of the biggest reasons users leave a website. When users quickly leave, engaging them and boosting
UI Density
I speak and write about design, front-end code, leadership, and (occasionally) math.
Hidden vs. Disabled In UX
Should you hide or disable a feature? You’ve probably been there before. Here are some considerations for hiding versus disabling, along with possible alternatives to improve UX. An upcoming part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com).
Complicated Sticks
Potential in place of purpose is what separates an iPad from an iPod, blockchains from databases, and generative AI from text editors. The more complex the product, the more potential it has to have potential. The more it can distract from it's own lack of usefulness.
7 Tips for Memorable and Easy-to-Understand Imagery
A few relevant, high-quality visuals placed next to associated text can boost users’ comprehension of your content and its memorability.
13 Website Usability Testing Tools
For merchants, elevating a site's user experience means more conversions. Usability testing platforms can identify pain points, collect feedback, more.
Affinity Diagramming for Collaboratively Sorting UX Findings and Design Ide
Use affinity diagramming to cluster and organize research findings or to sort design ideas in ideation workshops.
F-Shape Pattern And How Users Read
Scrolling, scanning, skipping: How do users consume content online? Here’s what you need to know about reading behavior and design strategies to prevent harmful scanning patterns. An upcoming part of Smart Interface Design Patterns.
3 Types of Online Calculator and Quiz Tools
Most calculator and quiz tools provide at least one or more of the following services: converting inputs, predicting the future, or providing recommendations.
Responsive Images – The Definitive Guide
A practical guide to responsive image best practices. By a responsive designer with 20+ years web experience.
Examples of Prototypes – From Low-Fidelity to High-Fidelity Prototypes
Let's go through 6 carefully-picked prototype examples and learn about the difference between low and high fidelity prototypes.
My favourite animation trick: exponential smoothing
24 Eye-catching HTML CSS Chat Box Designs to Enhance Your Website
Elevate your website's user experience and engagement with 24 captivating HTML CSS chat box designs. From sleek and modern to fun and whimsical, there's a design to match every website's style and tone.
Modern CSS Tooltips And Speech Bubbles (Part 1)
Tooltips are a very common pattern used in CSS for years. There are a lot of ways to approach tooltips in CSS, though some evoke headaches with all the magic numbers they require. In this article, Temani Afif presents modern techniques to create tooltips with the smallest amount…
Mental Models
What users believe they know about a user interface impacts how they use it. Mismatched mental models are common, especially with designs that try something new.
Spatial Computing: A New Paradigm of Interaction
Web magazine about user experience matters, providing insights and inspiration for the user experience community
Card Sorting vs. Tree Testing
Card sort studies help shape information architectures; tree-testing studies evaluate them.
Hotwire Modals in Ruby on Rails with Stimulus and Turbo Frames
In the first part of our series, we'll explore two Hotwire methods to make modals accessible in your Rails application.
Card Sorting: Uncover Users' Mental Models for Better Information Architect
In a card-sorting study, users organize topics into groups. Use this research method to create an information architecture that suits your users' expectations.
Visual Hierarchy: Making User Experiences Easier to Understand
Web magazine about user experience matters, providing insights and inspiration for the user experience community
Get started with official documentation and guides · Sketch
Learn how to design, prototype and collaborate with the official documentation for Sketch. Get started in UI/UX/app/web design here.
Complex Approvals – How to Design an App to Streamline Approvals
Read our guide on designing an app for streamlining complex approval processes. Discover UX rules, UI tips, and more.
Best App Landing Page Examples and Why They Work
Discover best App Landing Page Examples and find out what makes them work. The tips include UI, UX, and copy advise to steal.
Memory Recognition and Recall in User Interfaces
Recalling items from scratch is harder than recognizing the correct option in a list of choices because the extra context helps users retrieve information from memory.
Psychology for UX: Study Guide
Unsure where to start? Use this collection of links to our articles and videos to learn about some principles of human psychology and how they relate to UX design.
A Periodic Table of Visualization Methods
UI Design Daily
A large database of 100% free UI components and design source files available in formats popular in the industry.
The invisible problem – Scott Jenson
7 reasons to replace advanced search with filters so users can easily find
Adam Silver – interaction designer - London, UK
✨? An Eye-Catching Card with a nice Hover Effect using HTML and SCSS
A post by Smit Prajapati
8 Ways to Emotionally Reward Your Users | Web Designer Depot
They made this digital faux-Montana delightful enough that I don’t want to leave. But hey, you can use these powers for good.Anyway, my point is that people want payoff for the effort they put into things, and that includes the websites they browse. But you can build emotional…
Design of complex tables
Virtual Queues: 13 Best Practices for Managing the Wait
Many journeys include touchpoints where users must wait in line, whether for a physical or online interaction. Well-designed virtual queues help manage the wait to free up users to do other things.
Quantitative UX: Glossary
Use this glossary to quickly clarify key terms and concepts related to quantitative user studies.
Advanced Search UX Done Right — Powerful Examples and Tips
Learn about designing advanced search features. Explore key elements of search UI and build a user-friendly search input.
8 Tips for Shaping Product Aesthetics with UI Mood Boards
Discover what UI moodboards are and learn how they can help you perfect product aesthetics. Get our do's and dont's of UI mood board.
From Netflix to HBO, the terrible design of streaming is ruining TV
Why in 2023 is streaming TV such a terrible experience?
Give it the Craigslist test — Erica Heinz
All the AI design hype got me twitching enough to write about the business risks of working so high-fidelity so fast.
Why Chatbots Are Not the Future of Interfaces
Discoverability in UX and UI Design — 9 Techniques to Try
Try those 9 techniques and improve discoverability in your product. Make your users happy and create a smooth ux for them.
Lean UX & Agile Glossary
Unsure of what a word means and how it applies to UX in-practice? Use this glossary to quickly clarify key terms and Agile concepts.
What Is the Optimal Pattern of a Customer Journey?
Even though customer experience (CX) leaders are becoming increasingly focused on optimizing their firms’ customer journeys, they face a clear challenge: Which touchpoints along the journey should they invest in? That is, which moments when the customer interacts with their…
Dark Patterns in UX Design — Which Ones Are the Most Deceptive?
Learn about dark patterns and ways of spotting them, no matter the type of the pattern apply. We will shed the light for you.
8 Amazing Metallic Effects Built With CSS and JavaScript
Create realistic metallic effects with these CSS and JavaScript code snippets. Create metallic text, buttons, backgrounds, and more.
Juice
Notes about creative coding on the Web.
Avoiding 3 Common Pitfalls of Affinity Diagramming
Inexperienced facilitation in affinity diagramming workshops can lead to groupings that do not serve the team goals or misrepresent underlying issues.
Say Goodbye to Boring Dropdowns: Create Custom Dropdown Menus with Headless UI
Creating a website is no small feat. It requires careful planning, strategic design, and thoughtful...
mathesar-foundation/mathesar: Web application providing an intuitive user experience to databases.
Web application providing an intuitive user experience to databases. - mathesar-foundation/mathesar
As a user, I don’t want to
Task-oriented user stories mix up customer value with cost. But they are easy to turn into a tool for thinking bigger.