算法艺术创作
algorithmic-art
通过代码和可调参数创作生成艺术与交互式视觉效果。
recognition-over-recall【设计与创意】Use this skill whenever the user must locate or choose something from many possibilities — pickers, command palettes, navigation menus, autocompletes, recents lists, search results, settings panels. Trigger when designing inputs that ask the user to "type the right thing," when picking between dropdowns and search-first interfaces, when reviewing why…
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
People are dramatically better at recognizing things they've previously seen than at recalling them from memory. A multiple-choice question is easier than a fill-in-the-blank because the options are visible — the user only has to recognize the right one rather than retrieve it. The same principle holds across UI design: showing options beats asking the user to type from memory; using familiar conventions beats requiring the user to recall arbitrary commands.
Recognition memory and recall memory work differently in human cognition. Recognition is fast, relatively effortless, and survives long after the original exposure. Recall requires active retrieval — searching through memory for the right item — and is slower, more error-prone, and degrades faster over time. Designs that show options for the user to recognize from outperform designs that ask the user to recall and type. The classic case in UI design: the shift from command-line interfaces (recall: "what was that command?") to graphical menus (recognition: "I see what I want; click it") dramatically expanded who could use computers.
Working memory is small (~4 items). Long-term memory is vast but accessed primarily through cues. Recognition tasks provide the cue (the option is visible); recall tasks ask the brain to generate the cue from scratch.
For UI design:
The discipline: prefer surfaces that show what's available over surfaces that ask the user to remember.
A few cases where recall outperforms recognition:
The user types a few characters; the system filters from a known set; the user recognizes and selects.
<combobox label="Country">
<input placeholder="Search country..." />
<listbox>
<option value="us">United States</option>
<option value="uk">United Kingdom</option>
<option value="de">Germany</option>
<!-- 192 more -->
</listbox>
</combobox>
Better than:
The most-recent or most-used items are surfaced first. Repeat actions become recognition tasks ("there it is again").
Recently used:
• Projects > Acme Q4
• Reports > Monthly summary
• Inbox
Other workspaces:
• Projects > ...
The palette shows available commands; the user filters by typing partial recall and recognizes the rest. Combines fast keyboard access (for power users) with recognition (for occasional users).
A sidebar showing available sections is recognition-based. The user sees what's there. Compare to command-line where the user must recall the command name.
A date picker shows a calendar; the user clicks the date. Compare to a free-text "MM/DD/YYYY" field that requires the user to recall the format.
<input type="date" /> <!-- shows calendar picker; recognition -->
<!-- vs. -->
<input type="text" placeholder="MM/DD/YYYY" /> <!-- recall required -->
<input name="email" type="email" autocomplete="email" />
The browser offers previously-used values; the user recognizes and selects.
The book makes a related point: recognition often dominates decision-making. People choose the familiar option even when an unfamiliar option is objectively better. Examples:
For product design, this means familiarity is a competitive moat. Users who know your product's interaction patterns will choose your product over alternatives requiring re-learning.
Bad (recall):
<input name="timezone" placeholder="Type your timezone" />
Good (recognition):
<select name="timezone">
<option>America/Los_Angeles (PST/PDT)</option>
<option>America/New_York (EST/EDT)</option>
<option>Europe/London (GMT/BST)</option>
<!-- 200+ more -->
</select>
Better (recognition + filtering):
<combobox name="timezone">
<input placeholder="Search..." />
<listbox>
<group label="Recent">
<option>America/Los_Angeles</option>
</group>
<group label="All">
<option>...</option>
</group>
</listbox>
</combobox>
The combobox version: recents at top (recognition), filterable for the rest.
CLI (recall):
$ git checkout -b feature/new-thing
Command palette (recognition):
[ Cmd-K opens palette ]
Search: "create branch"
> Create branch
> Switch to branch
> Delete branch
Both reach the same outcome. The CLI is faster for users who recall; the palette is faster for users who don't. Modern dev tools offer both.
Early word processors (WordStar, vi) required users to recall command sequences. Modern word processors show menus; the user recognizes the option.
The recognition-based approach made word processors mass-market; the recall-based approach kept them tools for the technical.
Open file...
Recent files:
- resume-2026.docx
- project-notes.md
- budget.xlsx
Browse:
Documents/
Downloads/
Desktop/
Recents collapse the recall task (where did I put it?) to recognition (there it is).
The classic recognition-over-recall demonstration. Multiple choice exams are easier than essay or fill-in-the-blank because they provide cues. Test designers calibrate by limiting how cue-rich the choices are.
A printed menu at a restaurant lets diners recognize options. Asking diners to "tell us what you want" without a menu would dramatically slow ordering and limit choice variety.
Stocked shelves where products are visible enable recognition-based shopping. Compare to bartender ordering ("what cocktails do you have?"), where customers must recall.
Pre-digital libraries provided card catalogs (recognition: browse cards) and shelf browsing (recognition: see books). Modern search engines combine both: type partial recall, recognize from results.
exposure-effect — exposure builds recognition; familiar items become preferred.serial-position-effects — first and last items in a list are recognized fastest.visibility — visible options enable recognition; hidden options don't.hicks-law — recognition collapses Hick's Law for typeahead-filtered options.mental-model — recognition leverages prior models; recall asks for explicit retrieval.mimicry — borrowing familiar patterns leverages recognition.recognition-pickers-and-palettes — pickers, dropdowns, comboboxes, command palettes; recognition-based selection patterns.recognition-recents-and-suggestions — using recents, frequently-used, and contextual suggestions to accelerate repeat tasks.Recognition Over Recall is one of the cheapest cognition wins in design. Showing options where the user would otherwise have to remember reduces error rates, speeds tasks, and dramatically widens the user base. The discipline is recognizing each input as a recall-vs-recognition choice and defaulting to recognition unless there's a specific reason not to.