-
CSS Blurry Shimmer Effect
Box shadows are fairly straightforward in CSS: declare the box-shadow property, set the shadow offsets, define the spread, and give it a color. It’s a great way to add depth to what might be an otherwise flat design! Taking inspiration from shadows, author Yair Even Or creates the same sort of thing, only with a blurring effect…
-
Embracing Introversion In UX
This article celebrates the power of introversion in UX research and design, going beyond what has been covered in existing discussions on the topic. Victor Yocco debunks common misconceptions, highlights the unique strengths introverted researchers and designers bring, and offers practical tips for thriving in a field that often seems geared toward extroverts — all…
-
How To Build Custom Data Visualizations Using Luzmo Flex
Bringing data to life in your application can be done without the usual headaches. Paul Scanlon shows you how you can build beautiful data visualizations using the Google Analytics API, and you won’t have to spend any time “massaging” the data. This article has been kindly supported by our dear friends at Luzmo, whose API-first, AI-powered…
-
Rethinking The Role Of Your UX Teams And Move Beyond Firefighting
Many UX professionals often find themselves working alone, and usually face more projects impacting user experience than they can handle. In this article, Paul Boag explains how UX teams can be transformed into a significant driver of customer-centric innovation within organizations. In my experience of building and supporting UX teams, most of them are significantly…
-
Useful Customer Journey Maps (+ Figma & Miro Templates)
Visualize the user experience with user journey maps. Here are some helpful templates, real-world applications, and insights on the importance of mapping both successful and unsuccessful touchpoints. Part of Smart Interface Design Patterns by yours truly. User journey maps are a remarkably effective way to visualize the user’s experience for the entire team. Instead of pointing to…
-
How To Improve Your Microcopy: UX Writing Tips For Non-UX Writers
Not all companies can afford to hire a full-time UX writer (or are mature enough to consider it yet). As a result, UX writing is often outsourced to team members who may not have sufficient expertise in working with text, such as UX designers and product managers, or to the content or marketing team, who…
-
So Your Website Or App Is Live… Now What?
The biggest mistake you can make in UX design is to launch a website or app and then walk away. Monitoring and improving after launch will benefit users and your metrics. Nothing will bring bigger gains. Whether you’ve launched a redesign of your website or rolled out a new feature in your app, that is…
-
T-Shaped vs. V-Shaped Designers
Job openings typically cast a very restrictive frame for candidates, with long lists of expectations and requirements. But what if this narrow focus can overlook the value of “V”-shaped designers who excel by crossing boundaries, connecting dots, and innovating beyond rigid boxes? Many job openings in UX assume very specific roles with very specific skills. Product designers…
-
2-Page Login Pattern, And How To Fix It
The 2-page login pattern is becoming pervasive. Here are the reasons behind this design choice and alternative solutions to create a more efficient and user-friendly authentication experience. Why do we see login forms split into multiple screens everywhere? Instead of typing email and password, we have to type email, move to the next page, and then type…
-
The Scent Of UX: The Unrealized Potential Of Olfactory Design
Kristian Mikhel covers various practical applications of scents in product experience, from immersive entertainment to healing spaces and medical appliances, and how designers can drive innovation across spheres and disciplines. Imagine that you could smell this page. The introduction would emit a subtle scent of sage and lavender to set the mood. Each paragraph would fill your…
Recent Posts
- How To Convert An Infographic Into A Gifographic Using Adobe Photoshop
- Prototyping An App’s Design From Photoshop To Adobe XD
- How To Create Icons In Adobe XD
- Free Adobe XD Icon Sets Made By Legendary Designers
- Universal Principles Of User Experience Design
Tags
Case Studies CSS Design JavaScript Techniques
Bring your design to life
