Ryan Singer
Two kinds of usability
An Article by Ryan SingerI divide usability problems into two kinds:
- Perceptual: "They couldn't figure out what to do next", "they couldn't find the feature", "they didn't know they could click that button..." etc.
- Domain-specific: "We need a way to jump back here because in their workflow this happens..."
In general, usability testing only catches type 1 perceptual problems. Because in those tests you take people out of the real world and assign them tasks. Usability testing doesn't catch domain-specific problems because they only come up in real life use.
How I Wrote Shape Up
An Article by Ryan SingerHere’s a little behind-the-scenes look at the development of our newest book, Shape Up: Stop Running in Circles and Ship Work that Matters.
Keep digging
An Article by Ryan SingerThe hardest thing about customer interviews is knowing where to dig. An effective interview is more like a friendly interrogation. We don’t want to learn what customers think about the product, or what they like or dislike — we want to know what happened and how they chose... To get those answers we can’t just ask surface questions, we have to keep digging back behind the answers to find out what really happened.
Domain-specific vs. Domain-independent UX
An Article by Ryan SingerDomain specific UX means understanding how the supply should fit the demand considering a specific situation and use case.
On the other hand, many aspects of UX don’t require knowledge about a particular situation. They‘re based on the common constraints of human sense faculties, memory and cognition or the net of ergonomic factors around the device and the setting where it’s used. These domain independent elements of the UX are important too.
Domain independent UX should absolutely pervade the organization. It belongs to the general skill and knowledge of each supplier at their link in the chain. It’s part of learning to be a good designer, programmer, marketer, salesperson etc.
The Fidelity Curve
An Article by Ryan SingerHow do we choose which level of fidelity is appropriate for a project?
I think about it like this: The purpose of making sketches and mockups before coding is to gain confidence in what we plan to do. I’m trying to remove risk from the decision to build something by somehow “previewing” it in a cheaper form. There’s a trade-off here. The higher the fidelity of the mockup, the more confidence it gives me. But the longer it takes to create that mockup, the more time I’ve wasted on an intermediate step before building the real thing.
I like to look at that trade-off economically. Each method reduces risk by letting me preview the outcome at lower fidelity, at the cost of time spent on it. The cost/benefit of each type of mockup is going to vary depending on the fidelity of the simulation and the work involved in building the real thing.
Time-based analytics
An Article by Ryan SingerAnalytics apps don't tell you much about usage behavior. You might be able to see how many users performed an event, or how many times they did it. But none of the analytics packages out there are good at showing you how often people do things. Are they using to-dos once a week? Every day? Only signing into the app once a month but happily paying for years?
Time matters. You can't understand usage without time.
UI and Capability
An Article by Ryan SingerI’m very conscious of whether I am affording a feature or styling it. It’s important to distinguish because they look the same from a distance.
...Affording a capability and styling it are both important. But it’s essential to know which one you are doing at a given time. Style is a matter of taste. Capability and clarity are not. They are more objective. That person standing at the edge of the chasm cares more about accomplishing their task than the details of the decor.
What happens to user experience in a minimum viable product?
An Article by Ryan Singer"Feature complexity is like surface area and quality of execution is like height. I want a base level of quality execution across all features. Whenever I commit to building or expanding a feature, I'm committing to a baseline of effort on the user experience."
There’s a distinction to make: The set of features you choose to build is one thing. The level you choose to execute at is another. You can decide whether or not to include a feature like ‘reset password’. But if you decide to do it, you should live up to a basic standard of execution on the experience side.
Features can be different sizes with more or less complexity, but quality of experience should be constant across all features. That constant quality of experience is what gives your customers trust. It demonstrates to them that whatever you build, you build well.
What UI really is (and how UX confuses matters)
An Article by Ryan SingerPeople mix the terms UI and UX together. UX is tricky because it doesn’t refer to any one thing. Interface design, visual styling, code performance, uptime, and feature set all contribute to the user’s “experience.” Books on UX further complicate matters by including research methods and development methodologies. All of this makes the field confusing for people who want to understand the fundamentals.
That’s why I avoid teaching the term ’UX.’ It means too many things to too many different people. Instead I focus on individual skills. Once you understand the individual skills, you can assemble them into a composite system without blurring them together. For software design, the core skill among all user-facing concerns is user interface design.
The ABC's of ▲■●: The Bauhaus and Design Theory
The cultivation of inherent faculties
Rousseau’s Emile argued that education is the cultivation of inherent faculties, rather than the imposition of knowledge. Taking this path, Pestalozzi recast the teacher as a protective figure who follows and stimulates the child’s inherent intelligence.
The basic course
The Basic Course was a general introduction to composition, color, materials, and three-dimensional form that familiarized students with techniques, concepts, and formal relationships considered fundamental to all visual expression, whether it be sculpture, metal work, painting, or lettering. The Basic Course developed an abstract and abstracting visual language that would provide a theoretical and practical basis for any artistic endeavor.
It is a little world
See how many a pretty thing
I always from the cube can bring:
Chair and sofa, bench and table,
Desk to write at when I’m able,
All the household furniture,
Even baby’s bed I’m sure;
Not a few such things I see;
Stove and sideboard here can be.
Many things, both old and new,
My dear cube brings into view;
So my cube much pleases me,
Because through it so much I see.
It is a little world.- Cubed
A universal correspondence
In 1923 Kandinsky proposed a universal correspondence between the three elementary shapes and the three primary colors: the dynamic triangle is inherently yellow, the static square is intrinsically red, and the serene circle is naturally blue.
The series ▲■● represents Kandinsky’s attempt to prove a universal correlation between color and geometry; it has become one of the most famous icons of the Bauhaus. Kandinsky conceived of these colors and shapes as a series of oppositions: yellow and blue represent the extremes of hot/cold, light/dark, and active/passive, while red is the intermediary between them. The triangle, square, and circle are graphic equivalents of the same polarities.
The arbitrariness of the sign
A key difference between verbal language and the modernist ideal of a visual “language” is the arbitrariness of a verbal sign, which has no natural, inherent relationship to the concept it represents. The sound of the word “horse”, for example, does not innately resemble the concept of a horse. Ferdinand de Saussure called this arbitrariness the fundamental feature of the verbal sign. The meaning of a sign is generated by its relationship to other signs in the language: the sign’s legibility lies in its difference from other signs.
Reduced to an act of selection
“The more exact and complete the criteria are, the more creative the work becomes. The creative act is reduced to an act of selection.”
— Karl Gerstner, Designing Programmes (1963)
Separation of surface and structure
The nineteenth century saw an increasing separation between the treatment of the surface and the structure of designed objects. Mass production and a mobile market economy encouraged the production of heavily ornamented yet cheaply fabricated products. Affordable manufacture allowed the burgeoning middle class to acquire “luxury” goods fashioned after objects formerly reserved for an elite.
Gifts and occupations
Between 1835 and 1850 Froebel worked on his “Gifts and Occupations” — a set of geometric blocks (Gifts) and basic craft activities (Occupations), that would become the centerpiece of his pedagogical theory. The Gifts and Occupations were introduced in a highly ordered sequence, which began in the child’s second month and concluded in the last year of kindergarten.
Typographic grid
Just one of many examples of beautiful typography and layout throughout the book. Love the page design.