Frequently Asked Questions About Satori Graphics High-Level Design Thinking
21 answers covering everything from basics to advanced usage.
// Basics
What does 'perception-first' actually mean in design?
Perception-first means you prioritize what the viewer will actually perceive and understand over what you personally find attractive. It reframes the primary design question from 'does this look good?' to 'does this communicate what I intend to the person who'll see it, in the state they're in?' Perception, not aesthetics, becomes the measure of success.
Is High-Level Design Thinking only for professional designers?
No. Anyone briefing, buying, or critiquing design benefits — founders reviewing a logo, marketers approving an ad, freelancers auditing their portfolio. The framework is a thinking layer, not a software skill. You don't need to open Illustrator to map a Perception Gap or define an emotional destination; those diagnoses can be done by anyone.
What inputs do I need before I start?
Four essentials: the deliverable type (poster, logo, layout, ad, website), the target audience and their context, the intended message or outcome, and the consumption context — where, when, and how the viewer encounters it. For brand or logo work, add brand voice or existing assets. Without these you can't map the Perception Gap accurately.
// How To
How do I map a Perception Gap in practice?
Write two things: (a) what you intend the viewer to understand or feel, and (b) what a naive viewer with zero context would likely see first, second, and miss entirely. The distance between them is your Perception Gap. If you can't articulate both sides clearly, you're not ready to design yet.
How do I define the viewer's Emotional Starting Point?
Ask what the viewer is doing, feeling, and thinking immediately before encountering your design. Are they cautious and seeking trust? Relaxed and browsing? Tired and half-attentive? Write one sentence describing that state. This single sentence governs every tonal decision — color warmth, typography weight, visual density, and imagery mood.
How do I run the sequence recall test for hierarchy?
Show the design or a mockup to someone for 3–5 seconds, then ask them to describe what they remember, in order — without showing them the brief. If they start with the wrong element, hierarchy failed. If they miss the call to action entirely, the design didn't guide them. Adjust visual weight to match the intended sequence.
How do I establish a brand's voice before designing a logo?
Write three lists: 5 words the brand would never say (hard identity boundaries), 5 words it would overuse (revealing tone — sharp, playful, technical, warm), and the one sentence it would tweet to introduce itself in 140 characters. The emotional temperature of that voice then dictates logo shape, typography personality, and color palette.
How do I engineer a memory hook without making the design confusing?
Find one conceptual twist, visual metaphor, or slightly off-balance element that invites the viewer to complete a thought — while keeping the intended message legible. The goal is a whispered question, not a puzzle. Test it with the sequence recall method: if viewers still grasp the core message but pause to resolve the hook, you've balanced memorability against clarity.
// Troubleshooting
My client says the design 'isn't quite right' but can't explain why. What do I do?
Diagnose it against the framework. Check three things: does it match the viewer's Emotional Starting Point, does it reach the intended emotional destination, and is it too safe to encode in memory? A mismatch between design feeling and viewer state registers as 'off' instantly. Naming the specific failure turns vague dissatisfaction into a fixable brief.
Why does my design test well aesthetically but nobody remembers it?
Because it's too safe, clean, and literal — it gives the viewer nothing to resolve. Memory forms in the pause of comprehension. If a design hands out its answer with no conceptual twist or off-balance element, it evaporates the moment someone scrolls past. Add a Memory Encoding hook rather than polishing an already-flawless-but-forgettable piece.
My designs get lost when viewed on phones at night. What's wrong?
You're likely designing for a design-literate audience zooming into your work, not the real viewer — someone scrolling half-tired with brightness turned down. Revisit the consumption context input. Increase contrast, simplify hierarchy, and reduce visual density so the core message survives low attention and dim screens. The actual viewing condition should drive the design, not the pristine studio view.
The design works but the client still feels it's low-value. What did I miss?
Probably the experience around the work. Perception creates value: a random PDF with no context signals low professionalism before the design speaks. Deliver files with named, organised layers and a structured presentation that frames context and intention. Clients pay for how confident, clear, and easy the whole experience feels — not just the final output.
// Comparisons
How does this compare to a generic design brief process?
A generic brief captures deliverable, deadline, and preferences, then jumps to execution. High-Level Design Thinking adds a diagnostic layer first: it forces you to articulate the Perception Gap, the viewer's emotional state, and the after-viewing destination before any visuals. It treats confusion and emotional mismatch as the real problems, whereas standard briefs often skip straight to aesthetics.
How does this differ from AI-generated design?
AI can produce flawless, endless, safe visuals — which is exactly the trap. This framework's Memory Encoding principle argues that safe work evaporates instantly. The human advantage is conceptual: mapping perception gaps, reading emotional starting points, and engineering a resolvable hook. Use AI for polished execution, but apply High-Level Design Thinking to give the work something worth remembering.
How is Predictive Empathy different from normal user empathy?
Normal empathy asks how the viewer feels while looking at the design. Predictive Empathy asks what they'll feel five seconds and minutes after leaving it. It's emotional foresight — designing for the emotional arc, not the snapshot. You test every element against a destination like 'quietly reassured,' rather than optimizing only for the moment of viewing.
Is emotional design the same as this framework?
Emotional design is one component, not the whole. This framework combines emotional targeting (Emotional Starting Point, Predictive Empathy) with communication diagnosis (Perception Gap), memorability (Memory Encoding), brand tone (Voice Alignment), and delivery perception (Experience Around the Work). Pure emotional design can still miss the perception gap or fail to encode in memory.
// Advanced
How do I use emotional temperature to pick typography and color?
Derive emotional temperature from the brand's voice — the tone implied by its never-say words, overuse words, and its tweet. A bold, direct challenger voice demands sharp geometry, confident weight, and strong color; a warm, reassuring voice calls for softer curves, gentler weights, and calm palettes. Match the visual language to the temperature exactly rather than choosing by taste.
Can this framework be applied to non-visual deliverables like presentations?
Yes. The principles generalize: a pitch deck has a Perception Gap (what you mean vs. what the room reads), an Emotional Starting Point (skeptical investors, tired at 4pm), an emotional destination, and needs a memory hook. Even the delivery — how the file opens and is framed — falls under Experience Around the Work. The thinking transfers beyond static graphics.
How do I balance a memory hook against brand consistency?
Let Voice Alignment set the boundaries first. The hook must live inside the brand's emotional temperature — a bold brand can hold a sharper twist than a reassuring one. The never-say word list acts as a guardrail: any hook that violates it breaks consistency. Aim for a twist that feels inevitable given the voice, not a random surprise.
What's the biggest mistake experienced designers make with this framework?
Skipping the diagnostic steps because opening a design tool feels productive. Jumping into visuals on a branding project without Voice Alignment means designing blind. Experienced designers also assume the viewer is already convinced and emotionally aligned — most aren't. The discipline is doing the perception and emotion mapping before it feels like 'real' work has begun.
How do I test whether I've closed the Perception Gap?
Use the sequence recall test on a naive viewer with no brief. Show the work for a few seconds, then ask what they understood and remember, in order. If their account matches your intended message and hierarchy, the gap is closed. If they see the wrong thing first or miss the point, the gap remains — iterate before delivery.