Here’s a question for you: as the web industry, where do you think we stand today? Usually, when when we try to answer that question, we think of technologies, tooling and trends. We think about the popular frameworks and methodologies to get work done.
It’s valuable to know what companies similar to ours do out there, what they struggle with, how they fail and succeed, and how they managed to resolve their challenges. Learning these things is why conferences (ahem, ahem) are so useful, yet we should be very careful in adopting these insights to our teams.
But bust because a big corporation has moved from one framework to another, it doesn’t mean that it’s the right strategy for everyone. In fact, sometimes, especially in design work, they are worth ignoring to create individual work that stands out from everything else out there.
In this newsletter, we highlight some of the useful studies, resources and tools that will help you expand your map as well: from 2022 studies and popular components to service design tools and salary compensation data. We hope you’ll find them useful.
Just a quick note: we have very last early-birds for the upcoming Live Interface Design UX Training with yours truly in September this year, and we have a few exciting online workshops on React performance, Figma and UX coming up later this month. Wonderful people with great insights and hands-on workshopping — we hope to see you there!
Happy learning, everyone!
— Vitaly (@smashingmag)
1. Adaptive Pointers
We don’t really think of innovation when it comes to mouse pointers or touch cursors. They are just there, indicating a position on the screen. However, just like we design components to help users navigate faster and more precisely, we can adjust the pointers as well. In fact, the new iPadOS introduced pointer magnetism, so as you approach and hover a component, the cursor changes into a capsule around it, following its “hit region.”
In the article on Touch-First Cursors, Graeme Fulton explores the new changes in iPadOS and how they can become useful on the web with custom pointers. Do users prefer cursor changing as they navigate the site? Should we have sort of cursor borders or even reduce the size of the pointer to display annotations contextually? It’s still uncharted territory but an interesting area to explore.
One thing is certain: by using pointer magnetism in complex interfaces, we can make smaller areas easier to hit, even though we should be making them large enough for comfortable tapping in the first place. (vf)
2. 2022 Developer Survey
What are some of the attitudes, tools and environments that are shaping the art and practice of software today? That’s the question that Stackoverflow’s 2022 Developer Survey wanted to answer. The study with over 70,000 participants (mostly US, India, Germany and UK and unfortunately 91.88% men) explores developer profile, most popular technologies, frameworks, tooling and work environment.
While some findings are expected, some are slightly surprising. Apparently, MySQL and PostgreSQL are the most popular databases, AWS and Azure are the most popular cloud platforms, and Node.js, React and jQuery are the most popular web technologies. Neovim and VS Code reign in the world of IDEs, Rust and Elixir are the most loved languages, and Phoenix and Svelte most loved web frameworks.
The study highlights some of the trends of Stackoverflow users; it’s definitely biased and incomplete, so it definitely should be taken with a grain of salt. You can find more details about the study and its results in the 2022 Developer Survey. (vf)
3. Design Systems Survey 2022
It’s unlikely that throughout the last years any company never at least considered the notion of having some sort of a design system. Yet as we are creating design systems, often it’s the same issues that keep showing up. Design Systems Survey 2022, conducted by wonderful folks at Sparkbox, explores common challenges that maintainers of design systems have.
As it turns out, many systems don’t include content guidelines, release information, or a playground to experiment with code and animation guidelines. Good systems have an onboarding process for new subscribers and provide training and support. A common problem is poor documentation and lack of understanding of what’s old, broken or coming soon. A good read worth taking a look at! (vf)
4. Upcoming Online Workshops
You might have heard it: we run online workshops around frontend and design, be it accessibility, performance, navigation, or landing pages. In fact, we have a couple of workshops coming up soon, and we thought that, you know, you might want to join in as well.
As always, here’s an overview of our upcoming workshops:
- The React Performance Masterclass Dev
with Ivan Akulov. July 28 – Aug 11
- Interface Design Patterns UX Training UX
with Vitaly Friedman (Live UX training + video course). Sep 9 – Oct 7
- Designing Better UX With Top Tasks UX
with Gerry McGovern. Sep 13–27
- Jump to all online workshops →
5. Component Encyclopedia
These days many companies use Storybook to maintain, develop and debug their UI components. But what if we could make sense of all these implementations and compare how one particular UI component, let’s say an accordion, is built across all the different sites, from Audi and Shopify to AirBnB and European Commission?
Fortunately, the Storybook team has just released Component Encyclopedia, a large repository of components built in different design systems, now tagged, grouped and searchable, so you can research how UI engineering challenges are solved in real life. Of course, these aren’t necessarily best practices, but they might give you a good starting point of knobs and sample implementations to consider when building your own components. (vf)
6. Salary Compensation Data
If you are unsure about how much you can ask for while negotiating your next job, levels.fyi might have all the information you need to make a good decision. This is the only compensation data source that provides a detailed breakdown by level, location, skills, company size, and location. With levels.fyi you can get an edge over traditional, averaged salary surveys for free.
To help people make better career decisions, levels.fyi brings a full comparison between companies and roles remunerations, as long with salary calculators — to calculate and compare how much you’ll actually get paid by factoring in company growth, benefits, and so on. You can contribute to the community by sharing your salary, your company benefits or your company level mapping, and also by checking out the annual software engineer compensation report from 2021. (nl)
7. Service Design Tools
Overwhelmed with so much decision-making on design projects? Don’t worry, Service Design Tools will get you covered. This is an open collection of tools and tutorials that helps you to deal with all complex design challenges. With these resources organized by each stage of the design process, you won’t ever have to make an empty decision during design projects anymore.
When it comes to customer-centric innovation and digital transformation processes, design tools and methodologies provide a solid framework for organizations to understand user behaviors and develop relevant solutions. Service Design Tools is an ongoing project bridging academic research and professional practices that created a complex framework of processes, methodologies, and design theory for a more profitable application of design thinking and design methodology to immaterial products.
After 13 years of deep research and case studies, this arsenal of theory finds its way to be easily applicable to design projects, focusing both on what would be better for the users and more profitable for the services. (nl)
That’s All, Folks!
Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time!
This newsletter issue was written and edited by Cosima Mielke (cm), Vitaly Friedman (vf) and Iris Lješnjanin (il).
- All Things UX
- Lovely Little Website Gems
- Inclusive Design and Accessibility
- UX Writing and Microcopy
- Inclusive Design
- Figma Tools and Workflow
- UX Workflow
- UX Animation and Motion
Looking for older issues? Drop us an email and we’ll happily share them with you. Would be quite a hassle searching and clicking through them here anyway.