Yann Braga | Storybook Vitest | ViteConf 2025
Storybook shows components in isolation and Vitest tests them automatically. We can see layout or behavior changes live. This makes testing simpler and more visual for frontend developers.
Yann Braga | Storybook Vitest | ViteConf 2025
Storybook shows components in isolation and Vitest tests them automatically. We can see layout or behavior changes live. This makes testing simpler and more visual for frontend developers.
UI and UX 101 for Web Developers and Designers
Good web design means keeping everything neat and easy to read by lining things up, leaving space between sections, using one or two fonts, and choosing colors that match the mood. Even if you are not great at design, using templates and clear layouts like having the logo in the top left and simple menus makes your site look clean and professional.
Language is a symbolic exchange, a means of communication, extending beyond verbal form.
This made me think about how design itself is a kind of language. Colors, icons, and layouts communicate meaning even without words. In UX, every visual choice is part of this symbolic exchange between designer and user.
Loss Aversion
People are more likely to upgrade when apps say they’ll lose access to premium features after the free trial ends
UX Application: Anchoring
Food delivery apps often show the most expensive combo meal first so that the regular meals look cheaper in comparison
Anchoring Bias
When a product is first shown with a high price, any later discount feels like a much better deal, even if the final price is still high
UX Application: Serial Position
Streaming platforms like Netflix often highlight recommended shows at the start and end of a row because users notice these positions the most
Serial Position Effect
Users tend to remember the first and last items in a menu or product list more than the middle ones
Fitts's Law
On a smartphone, the call button is large and placed at the bottom of the screen so users can tap it quickly with their thumb.
Minimize number of options on screens.
Netflix homepage : Too many movie options makes it harder to choose what to watch.
Hick's Law
Designers use Hick’s Law to reduce cognitive load by limiting unnecessary options.
Psychological Bias in UX Design
Design isn’t just looks, it’s how our brains react
Confirmation Bias
It’s when people ignore facts that go against their views.Confirmation bias means we like to stick with what we already believe. We focus on information that makes us feel “right” and often ignore facts that might prove us wrong. For example, if you think your favorite team is the best, you’ll remember all their wins but forget their losses. This makes it harder to see the full picture and keeps us from learning new things. Leon Festinger first talked about this in 1957 when he explained how people try to avoid the stress of dealing with conflicting ideas.
Steve Jobs
Only Jobs could clap back so smoothly the guy thanked him after
Anchoring Bias
Anchoring bias happens when people rely too much on the first piece of information they see. This first number or detail acts as a “reference point” for all later choices. For example, showing a high price first makes other options seem cheaper.
Priming
Priming means giving small hints or cues that affect how people think or act. It works by reminding them of something in their memory before they make a choice. For example, a friendly picture can make users feel more positive about an experience.
Hick’s Law shows more options slow decision making, so UX should stay simple. Priming demonstrates how prior cues influence user choices. Cognitive Load reminds us to minimize mental effort for smoother interactions.
Hello