The most detailed UX Design guide for Tables you'll ever find #figmatutorial #uxdesign #uidesign
字幕
选择会记住;翻译由 YouTube 自动生成

The most detailed UX Design guide for Tables you'll ever find #figmatutorial #uxdesign #uidesign

Nolan Perkins 3.7万 位订阅者
1.5万 次观看 · 2024-08-14 交互设计
Tables are harddddd to work with in Figma and even harder to design properly. The data in the tables you design needs to tell a story and guide users to action.

In this video, I show you the approach I take when designing tables, processing data in a hierarchical way, and how to work with responsive. It's a big big topic so it's my longest video yet haha

Make sure to save this for later when you’re designing your next product!

Table inspiration used: https://www.behance.net/gallery/105773549/Customer-Intelligence-Marketing-Analytics-platform

Find me on socials:
https://instagram.com/_radnolan/reels
https://tiktok.com/@radnolan
https://linkedin.com/in/nolanperk

Join the community: https://bit.ly/rad-makers

------

Chapters:
0:40 Table Design References
4:45 Navigation Setup
14:23 Table Groups
20:10 Table Header
26:03 Data Columns
32:20 Flexible Columns
43:31 Component Cells
54:33 Responsive Tables!
57:40 Grid vs Table?
1:07:35 Easier responsive workflow

You're Rad ❤️