Writing of the week
Would we be able to relate our behavior on the web to how animals forage for food in the wild? What does foraging for food by the animals have to do with the web?
Peter Pirolli and Stuart Card at Xerox PARC explained how we, as individuals, track information on the web, based on anthropological and biological animal theory, making an analogy to the Optimal foraging theory, which is the idea that animals that forage for food try to maximize their energy consumption (finding food) during the time needed to find it.
This more mundane explanation could be explained by putting us in the skin of a fox, where we would have 100% of energy, but moving to the forest in front of us consumes 20% of energy, and to the forest on the right 5%, which forest will this fox go to? Well, here comes the most underrated statement about interaction, it depends. How many animals will there be in each forest? It is not the same that there are 20 rabbits or 2 of them, since once the fox finishes "cleaning" an area, it will have to move to the next one, consuming more energy. How much energy does an animal's intake consume? It is not the same to run after a rabbit as it is to run after a deer.
All this taken to the web is the reason why people don't scroll up and down all the pages or why you don't open all the links on a page if you are looking for information on that topic, we have to optimize our energy to the maximum.
Searching for food in animals is a matter of pure survival, we don't have to do these complex calculations as we go down to the supermarket and buy the food, evolution has made us lazy, but we do value our time (leaving aside procrastination), and so we always try to get the most benefit in the minimum amount of time.
Information foraging therefore seeks the optimal benefit:value ratio, making context-based decisions that affect this benefit:cost ratio.
Herbert Simon coined the term Limited Rationality in 1957, where he commented that people maximize the benefit and try to minimize the cost in their decisions, but we find it difficult to accurately estimate this benefit:cost ratio, and therefore, we use imperfect but satisfactory heuristics to choose the most convenient options, even if they are irrational.
This rationality is limited by three dimensions: the information available, the cognitive limitation of the individual mind, and the time available to make the decision.
This is only the introduction of a series of posts about information foraging, I don't know yet how many issues will be involved, but to finish, we can extract the following conclusions from this introduction: people don't know in advance how much relevant data a source of information contains nor how much time they have to invest in extracting this information.
But instead, for a given task, they do know how much time they have invested and how much information they have obtained, so when changing the information source, we calculate what estimated profit rate we can obtain, since this change of context undoubtedly has an associated interaction cost and we will have to choose whether to continue exploring the current information source or change it.
Articles & Ideas
A User Guide To Working With You
Every six months, our company ran a wide-scale anonymous satisfaction survey that pretty much every single employee answered. If your team was big enough, you’d get your own breako ut of the results for how your immediate team was feeling. Julie Zhuo
Learnability vs Efficiency in User Interface Design
Two of the most fundamental usability metrics are learnability (the user's ability to use a new design they have not seen before) and efficiency (the speed with which people do tasks after they have learned the interface). Alita Joyce
Don't design for mobile
Mobile-first, a solution to the constraints of devices in the early days of mobile computing revolution. Back then it made a lot of sense, and even to this day it works well in a lot of situations. Though what it invariably does do is create two categories of devices—mobile and desktop—which tend to carry a lot of other assumptions. Matt Anderson
UX Psychology: Google Search
Google’s landing page has only slightly changed in the 21+ years of its existence. The purpose of this page has remained singularly focused: provide a quick and easy way for people to search the Web. Yob Yablonsky
Our new home for Atlassian Design System ✨
The Atlassian Design System Team is pleased to announce that our new home for Atlassian Design System is now live at atlassian.design! What was previously our home for Atlassian Design Guidelines has now transformed into our new home for Atlassian Design System. jennie § yip
Storybook 6.0
The 6.0 release retools Storybook for professional frontend developers. We researched leading teams at companies like BBC, IBM, Cisco, and Shopify. These teams have successfully scaled component libraries and pioneered their own best-practices. Michael Shilman
Documenting is designing: How documentation drives better design outcomes
It was the early stages of a new design project, and I was working on a task flow diagram when a colleague asked me about it. “You’re doing that now? I normally wait until the end of the project.” Heidi Adkisson
Abstractions
This post talks about a generative system called Physarum model, which simulates the evolution of a colony of extremely simple organisms that, under certain environmental conditions, result into complex behaviors. Fronkonstin
Products
Uncommon Illustrations
Stop using boring flat illustrations and give to your designs the weirdness they deserve! All included in Artify editor.ç
Poolside FM
Poolside FM is the super-summer music player for Macintosh Computer; transporting you to a virtual vacation where the sun never sets.
Design Engineering Handbook
Learn how design engineering, an essential discipline to creating great products, brings together form and function while accelerating innovation.
+1100 Unicons Icon Library
Carefully crafted icons on 24px grid with 1px stroke available as SVG icons as well as icon-font in line style.
100+ No Code Resources
If you are planning to build with No Code tools, hire no-code experts, find no-code schools, listen to podcasts etc you will find the most comprehensive information in this board.
Figma to Code (Tailwind, Flutter, SwiftUI)
This plugin aims to raise the bar in "design to code" plugins by taking a new (and over-engineered) approach to optimize the layouts before the conversion even begins. If items are aligned, even if AutoLayout is off, it will internally consider them as an AutoLayout.
Design Lint for Figma
Design Lint is a free and open source plugin for Figma built to help you find and fix errors in your designs.
Remote Jobs
All remote jobs links have been removed, as the positions were fulfilled.