Nick Babich (@101babich) 's Twitter Profile
Nick Babich

@101babich

Product designer. Editor-in-chief of @uxplanet

ID: 307807919

linkhttp://babich.biz calendar_today30-05-2011 09:57:32

2,2K Tweet

23,23K Followers

93 Following

Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿค” Why do all AI chatbots look like DOS terminal windows? Feels like a throwback to old-school terminals, but with AI instead of commands

๐Ÿค” Why do all AI chatbots look like DOS terminal windows?

Feels like a throwback to old-school terminals, but with AI instead of commands
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’ก How to choose right research method When planning research, always think about what type of insight you're trying to gain. John Hu shares a fantastic tool, Research Methods Comparison Matrix, that shows how different methods work and what kind of insights they uncover

๐Ÿ’ก How to choose right research method

When planning research, always think about what type of insight you're trying to gain. John Hu shares a fantastic tool, Research Methods Comparison Matrix, that shows how different methods work and what kind of insights they uncover
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’ก UX Research Funnel Just like any other product design activity, UX research benefits from a solid process. Emma Boultonโ€™s Research Funnel offers a clear way to align research methods with each stage of the project lifecycleโ€”from broad discovery to focused execution.

๐Ÿ’ก UX Research Funnel

Just like any other product design activity, UX research benefits from a solid process. Emma Boultonโ€™s Research Funnel offers a clear way to align research methods with each stage of the project lifecycleโ€”from broad discovery to focused execution.
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’ก Design Leadership Plan This plan created by Peter Merholz helps you to frame priorities and build momentum. The plan covers 5 core areas over the 24-month period: 1๏ธโƒฃ People 2๏ธโƒฃ Programs 3๏ธโƒฃ Process 4๏ธโƒฃ Performance 5๏ธโƒฃ Positioning ๐Ÿ‘‡

๐Ÿ’ก Design Leadership Plan

This plan created by Peter Merholz helps you to frame priorities and build momentum. The plan covers 5 core areas over the 24-month period:

1๏ธโƒฃ People
2๏ธโƒฃ Programs
3๏ธโƒฃ Process
4๏ธโƒฃ Performance
5๏ธโƒฃ Positioning

๐Ÿ‘‡
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’Ž Overview of 70+ UX Metrics Excellent summary of various UX metrics that can be used in different contexts. Crafted by Jeff Sauro and Jim Lewis of MeasuringU ๐Ÿ‘‡

๐Ÿ’Ž Overview of 70+ UX Metrics

Excellent summary of various UX metrics that can be used in different contexts. Crafted by Jeff Sauro and Jim Lewis of <a href="/MeasuringU/">MeasuringU</a> 

๐Ÿ‘‡
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’Ž Product Designerโ€™s Career Levels Paths How can we make a design career more meaningful without forcing designers into management roles. Visual by By Ryan Ford ๐Ÿ‘‡

๐Ÿ’Ž Product Designerโ€™s Career Levels Paths

How can we make a design career more meaningful without forcing designers into management roles. Visual by By Ryan Ford

๐Ÿ‘‡
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ”ค Typography Cheatsheet for Product Designers Good typography is invisible, but bad typography is painfully noticeable. There are 3 core principles every designer should get right: 1๏ธโƒฃ Type Scale 2๏ธโƒฃ Line Height 3๏ธโƒฃ Line Length ๐Ÿ‘‡

๐Ÿ”ค Typography Cheatsheet for Product Designers

Good typography is invisible, but bad typography is painfully noticeable. There are 3 core principles every designer should get right:

1๏ธโƒฃ Type Scale
2๏ธโƒฃ Line Height
3๏ธโƒฃ Line Length

๐Ÿ‘‡
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’Ž Responsive design breakpoints cheatsheet Breakpoints are the building blocks of responsive design. They determine how responsive layouts behave across device or viewport sizes.

๐Ÿ’Ž Responsive design breakpoints cheatsheet 

Breakpoints are the building blocks of responsive design. They determine how responsive layouts behave across device or viewport sizes.
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’Ž Spacing Scale for Products With High Information Density The scale starts with 2px and 4px to allow for finer-grained margins when necessary, and it jumps 16px between the two largest steps

๐Ÿ’Ž Spacing Scale for Products With High Information Density

The scale starts with 2px and 4px to allow for finer-grained margins when necessary, and it jumps 16px between the two largest steps
Nick Babich (@101babich) 's Twitter Profile Photo

In the AI era, building products is easy. Marketing? Thatโ€™s the real challenge. When anyone can launch a product in days, attention becomes the most valuable currency.

In the AI era, building products is easy.

Marketing? Thatโ€™s the real challenge.

When anyone can launch a product in days, attention becomes the most valuable currency.
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’กWhere to put the primary button? When it comes to button order, first and foremost, you should follow platform conventions. But if youโ€™re designing for the web, there is no right or wrong answer to this question.ย Oscar Gonzalez offers a helpful cheatsheet for button placement

๐Ÿ’กWhere to put the primary button?

When it comes to button order, first and foremost, you should follow platform conventions. But if youโ€™re designing for the web, there is no right or wrong answer to this question.ย Oscar Gonzalez offers a helpful cheatsheet for button placement
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’ก UX Research Cheatsheet Common types of user research โœ… Qualitative vs. quantitative โœ… Attitudinal vs. behavioral โœ… Generative vs. evaluative With a brief description and key research methods. Nicely put together by the Maze team. ๐Ÿ‘‡

๐Ÿ’ก UX Research Cheatsheet

Common types of user research
โœ… Qualitative vs. quantitative
โœ… Attitudinal vs. behavioral
โœ… Generative vs. evaluative

With a brief description and key research methods. Nicely put together by the Maze team.

๐Ÿ‘‡
Nick Babich (@101babich) 's Twitter Profile Photo

๐ŸŽจ Design System in 90 Days Canvas This canvas will help your team get a design system up and running in 90 days. It covers all essential areas of the design system creation process, from identifying business goals to organizing the documentation figma.com/community/fileโ€ฆ

๐ŸŽจ Design System in 90 Days Canvas

This canvas will help your team get a design system up and running in 90 days. It covers all essential areas of the design system creation process, from identifying business goals to organizing the documentation

figma.com/community/fileโ€ฆ
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’ก How to craft Liquid Glass app icons You need to 1๏ธโƒฃ Create app icon layers in Figma 2๏ธโƒฃ Drag & drop layers to Icon Composer (new app released by Apple at WWDC25) Icon Composer helps adding a background, adjust layer attributes (i.e., opacity), and preview design natively

๐Ÿ’ก How to craft Liquid Glass app icons

You need to
1๏ธโƒฃ Create app icon layers in Figma
2๏ธโƒฃ Drag &amp; drop layers to Icon Composer (new app released by Apple at WWDC25)

Icon Composer helps adding a background, adjust layer attributes (i.e., opacity), and preview design natively
Nick Babich (@101babich) 's Twitter Profile Photo

๐Ÿ’Ž Design system change proposal process Great process to follow when youโ€™d like to create a new component, improve documentation, or propose a new way of working

๐Ÿ’Ž Design system change proposal process

Great process to follow when youโ€™d like to create a new component, improve documentation, or propose a new way of working