The most detailed UX Design guide for Tables you'll ever find #figmatutorial #uxdesign #uidesign
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 ❤️
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 ❤️