Design Tokens, Irritating UIs, Search Microcopy — and more UX this week
Tags: uxwriting, designthinking, hotthisweek, design
Published: 2019-07-06 18:05:48

---
title: Design Tokens, Irritating UIs, Search Microcopy — and more UX this week
published: true
tags: ux-writing,design-thinking,hot-this-week,design
canonical_url: https://uxdesign.cc/design-tokens-irritating-uis-search-microcopy-and-more-ux-this-week-5de4ef172a46
---

#### _A weekly selection of design links, brought to you by your friends at the UX Collective._

This email is automatically generated by Medium and might contain formatting issues in certain email clients. To get a better experience every week, make sure to subscribe at [newsletter.uxdesign.cc](http://newsletter.uxdesign.cc/).

![](https://cdn-images-1.medium.com/max/800/0*NMw4-vu7tOrzULAW.gif)

[**Fix your product goals for better human outcomes**](https://uxdesign.cc/fix-your-product-goals-for-better-human-outcomes-b83a36b171c4?source=friends_link&sk=9b7741888c3097be3d6f9cbbd7c41fab) →

If you lose sight of the goal and instead focus on the metrics, you’ll very quickly forget about people. Goals are the guiding force design needs to stay true to solving for real human needs.

- [**Tips for great usability tasks**](https://blog.maze.design/write-great-usability-tasks/) →  
How you structure tasks in a usability test will impact the accuracy of the results.
- [**The Accot-Zhai steering law**](https://www.nngroup.com/articles/steering-law/) →  
The impact of this design law in dropdowns, hierarchical menus, sliders, and scroll bars.
- [**Search UX microcopy**](https://www.smashingmagazine.com/2019/06/better-search-ux-microcopy/) →  
How to vastly improve the experience with thoughtful microcopy and contextualization.


### Stories from the community

![](https://cdn-images-1.medium.com/max/566/0*faff2jjXk7wx-G3P.jpg)

[**Passing the design phone screen with flying colors**](https://uxdesign.cc/passing-the-ux-design-phone-screen-with-flying-colors-239fdb6a3f88?source=friends_link&sk=ee62983da0696cfaf19e127117b96f90) →  
Got an interview scheduled? Congrats! So what’s next?

![](https://cdn-images-1.medium.com/max/566/0*X-8m92eEVpsPClZk.jpg)

[**Design guidelines: how I get design done**](https://uxdesign.cc/design-guidelines-how-i-got-design-done-9dbb5fbac820?source=friends_link&sk=bcbb9a3a0074b1eace182bb2af600900) →  
Align stakeholders and designers by creating design guidelines.

![](https://cdn-images-1.medium.com/max/566/0*e-TFWPAtyvoN-UM-.jpg)

[**Improve mobile UIs with personal touch patterns**](https://uxdesign.cc/how-to-improve-your-mobile-uis-by-learning-from-personal-touch-patterns-491ee5f32be0?source=friends_link&sk=4dd64d8dd363afa765a53fb02b01aa75) →  
The surprising complexity of the daily dance of your fingers on your phone.

More top stories:

- [**7 little tricks to achieve the best results in UI animation**](https://uxdesign.cc/7-little-tricks-to-achieve-the-best-results-in-ui-animation-936d247c2da?source=friends_link&sk=955656e50ce54caf3b6f8352673d0bfd) →
- [**What drag taught me about being a UX designer**](https://uxdesign.cc/what-drag-taught-me-about-being-a-ux-designer-46c12bda25ca?source=friends_link&sk=f4417b4e4bd4827bff16deaf72aff722) →
- [**Building a design system using Figma and Zeroheight**](https://uxdesign.cc/building-a-design-system-using-figma-and-zeroheight-bfa92b5fefcf?source=friends_link&sk=a9841e0ba8de2aa57f248ca2bee961b2) →
- [**Advice on design-related expert calls & client meetings**](https://uxdesign.cc/advice-on-design-related-expert-calls-client-meetings-bcde6d9d72a2?source=friends_link&sk=50065a924249b2781a499b35b6e3feb8) →
- [**As a designer, what business value do you bring to the table?**](https://uxdesign.cc/as-a-designer-what-business-value-do-you-bring-to-the-table-b544627e1972?source=friends_link&sk=81b9f74abca6781bb1762a551daba4f0) →
- [**Five factors of meaningful design**](https://uxdesign.cc/five-factors-of-meaningful-design-6819cda0cef2?source=friends_link&sk=2b5721f96d31750fb97ab76cce592348) →
- [**The error message that frustrates us**](https://uxdesign.cc/the-error-message-that-frustrates-us-d151c5e83507?source=friends_link&sk=da1b14eaca846114a63a97dc2fa35cb4) →

### News & ideas

- [**User Inyerface**](https://userinyerface.com/) →  
An irritating exploration of UIs and usability.
- [**Bauhaus 100**](https://www.bauhaus100.com/) →  
Online mag celebrates 100 years of the Bauhaus.
- [**Math GIFs**](http://blog.presentandcorrect.com/a-collection-of-maths-gifs-posted-purely-for-aesthetic-reasons) →  
Let’s all just stare at geometry magic for a while.
- [**OpenAI**](https://openai.com/) →  
Enacting the path to safe artificial intelligence.

### Tools & resources

- [**Eva Colors**](https://colors.eva.design/) →  
Deep learning color generator based on an input.
- [**Zen Flowchart**](https://www.zenflowchart.com/) →  
A pretty efficient browser-based flowchart maker.
- [**Find Guidelines**](http://findguidelin.es/) →  
A library of famous brand guidelines and assets.
- [**Design Tokens**](https://dbanks.design/blog/documenting-design-tokens/) →  
What devs are doing to document design tokens.

* * *