In this week’s web design and development news roundup, you’ll learn how to improve the user journey on your website, find some CSS inspiration, discover how to make accessibility easy to learn and master, and more.
If you’re new to my blog, each Friday I publish a post highlighting my favorite user experience, accessibility, WordPress, CSS, and HTML posts I’ve read in the past week.
Hope you find the resources helpful in your work or projects!
Want more resources like these on a daily basis? Follow me @redcrew on Twitter.
Tweet of the Week
Creativity isn’t a meeting.
It’s not a tactic. Not an idea.
Creativity isn’t a bunch of random acts.
It’s not a finite campaign. Not a gift given at birth.
Creativity isn’t a stunt double, called in to substitute for the daily work.
Creativity IS the daily work.
— Jay Acunzo (@jayacunzo) May 17, 2019
- Write each step of your customer journey so you don’t miss anything crucial, says Lexie Lu as she explains how to improve the user journey on your website. And remember to test everything.
- The life of a design researcher is fundamental to government civic technology projects. And moving past burnout and learning to recharge isn’t easy, as Jesse Taggert and Amy Wilson explain in their journeys toward resilency.
When a project fails or stalls, design researchers feel the users that will continue to suffer, because they have witnessed the pain while doing primary research.
- One of my pet peeves as well.
I’m on a personal mission to get UX people to stop using the phrase “user tests.”
We’re not testing the user. We’re testing the design.
The phrase I prefer is usability testing.
We must stop creating imagery that we’re running people through mazes to test their frustration.
— Jared Spool (@jmspool) May 10, 2019
- Not only for older users, these four design tips make your app easier for everyone to use.
- User research may be the most important role in your company. Without user research, you’ll be creating user experiences based on guesstimates. Make sure you communicate your value and integrate with designers early in the design process.
- With Global Accessibility Awareness Day this week, there’s a slew of articles and updates about inclusive design and digital accessibility. First up, Making accessibility easy to learn, use, build, and master, Microsoft discusses their excellent resources for training, webinar series, and inclusive design series.
- The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) updated Accessibility Principles page highlights how to make digital content accessible to everyone, with links to additional resources on the WAI site.
- Google announced their Live Transcribe real-time captioning feature has new features to make audio more accessible on Android phones, including sound events and ability to save transcripts on your phone.
- Shoutout to The Paciello Group for making their ARC accessibility testing tool available to everyone. Download the toolkit from the Google Chrome store.
- Have you found the new Site Health Check to be a help or a hindrance? My friend Claire Brotherton takes a closer look at the new feature in WordPress 5.2, and shares what she discovered on the sites she checked.
- If you want to manage which tests are run for the Site Health Check, take a look at the free Site Health Tool Manager plugin, which will allow you to disable tests.
- Have questions about your WordPress site? Join me on May 21, 2019 at our next West Metro Detroit WordPress meetup: Get Your WordPress Questions Answered. It’s a casual meetup for our members to get and give WordPress help.
- Learn how to use Googles Speed Index to improve performance on your WordPress site. Find out how to run a performance test in Chrome and what you can do to improve your performance score.
CSS and HTML
- Who can’t use some CSS inspiration? There’s no better place to find it then from Jen Simmons. Check out the newest demos and CodePens on her lab site.
- In part two of his series on CSS Grid and accessibility, Manuel Matuzovic highlights several areas you need to know about when you manipulate visual order and what can go wrong when using Grid Areas.
- Useful tip!
Tip: Drag the top-level tabs in @ChromeDevTools to reorder them. Note how the Network panel is first from the left in the screenshot. Press Control+] or Command+] on Mac to cycle through panels. pic.twitter.com/TwEv8w90xs
— Kayce Basques (@kaycebasques) May 14, 2019
- Erk Struwe takes a deep dive into native lazy loading for images and frames, explaining how the loading attribute works and what fallbacks you can use for lack of browser support.
What I Found Interesting
- Yes! A wonderful post describing the benefits of personal blogging. Something I truly believe in. Own your content, share your thoughts on your own blog, not only on social media.
- Do you use Google Pay? There are a few default privacy settings in Google Pay you’ll want to update and opt out of.
- I’ve never used this deal, but if you’re looking for a discount on Adobe Creative Cloud, there’s a flash sale happening now where you can get 40% off a Creative Cloud license through May 17, 2019.
If you like what you’ve read today, share the post with your colleagues and friends.
Want to make sure you don’t miss out on updates? Subscribe to get notified when new posts are published.
Did I miss some resources you found this week? I’d love to see them! Post them in the comments below.