Tables
Tables are a common way to organize and present structured data in a tabular format using rows and columns, where each row represents a record or data entry, and each column represents a specific attribute or data field.
Followed by 31 others
Recommended resources
Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.
Course
UI Components I
Learn to create user-friendly interfaces using core UI components, building a solid foundation for designing intuitive and efficient digital products.
Course
Color Psychology
Learn how color influences perception, emotion, and behavior. Discover how to apply color psychology to design more impactful and engaging experiences.
Course
Common Design Patterns
Learn design patterns most valued in product development to create intuitive, visually compelling experiences that seamlessly blend form and function.
Course
Accessibility Foundations
Learn the fundamentals of digital accessibility and how to create inclusive experiences for all users. Explore key principles, tools, and best practices.
Course
Wireframing
Learn to create effective wireframes that seamlessly integrate into your design workflows, improving communication and driving better design outcomes.
Course
UI Components II
Learn advanced techniques to design dynamic, scalable interfaces using optimized UI components and streamlined navigation for better user experiences.
Course
Design Composition
Learn the fundamental principles of visual layout, balance, and structure to create compelling and effective design compositions that engage and intrigue users.
Course
Mobile Design
Learn mobile UI/UX patterns, workflows, and platform-specific strategies to create exceptional, user-friendly mobile experiences across different devices.
Course
Typography
Learn typography fundamentals, from typeface and font selection to layout and spatial arrangement, to create captivating designs that communicate powerfully.
Course
UX Design Patterns with Checklist Design
Learn common UX design patterns and how to apply them with practical checklists, ensuring the creation of intuitive, user-friendly, and exceptional interfaces.
Course
HTML Foundations
Learn the fundamentals of HTML, from basic formatting and structure to advanced elements and best practices, to create accessible and responsive web pages.
Course
Enhancing UX Workflow with AI
Learn how to integrate AI into UX design to create smarter, more personalized user experiences. Explore tools, trends, and best practices in AI-driven design.
Course
CSS Foundations
Learn the basics of CSS, including the box model, element style, and content positioning, to improve communication, design handoff, and web decision-making.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
3D Design Foundations
Learn essential 3D design principles, from spatial thinking and dimensional relationships to form, lighting, and texture, for a solid foundation in the field.
Course
Information Architecture
Learn the basics of organizing, structuring, and labeling content to design clear, user-friendly information systems that enhance usability and navigation.
Course
Apple Human Interface Guidelines
Learn Apple’s Human Interface Guidelines to design modern, high-performing apps, focusing on UI principles and best practices for creating effective interfaces.
Course
Introduction to Design Audits
Learn the art of systematic design evaluation to improve consistency, effectiveness, and create more user-centered products that meet user expectations.
Lessons
Lesson
Tables & Lists Accessibility
Discover how to effectively organize information in tables and lists without causing overwhelm
Lesson
Intro to Tables in UI
Understand the anatomy of a table to make it functional, legible, and scannable
Lesson
Best Practices for Designing Tables
Explore the best practices for designing tables that elevate the overall user experience
Lesson
HTML Tables
Learn the best practices to organize and present tabular data in a structured manner on your web pages with HTML
Exercises
Projects
Project
yofleet - SaaS Pricing Page
Overview Yofleet is a SaaS platform simplifying fleet management for businesses with tools for real-time tracking, maintenance scheduling, d
Project
SaaS Platform Pricing Page
Uses the primary button on the most popular pricing option to streamline user decision-making. When users select the monthly option, they w
Project
Checklist for Tables - Experiment
Requisitos básicos para criar uma tabela minimamente acessível. Para aplicar estes requisitos com sucesso, é necessário que todos os respons
Project
Order Management for a restaurant
Orbitc’s Order Management app design provides a clean interface for managing orders, with essential details and a detailed breakdown of each
Project
Document Formatting
FAQs
What is a table?
In design, a table is a structured layout that organizes data or information into rows and columns, presenting it in a clear and systematic format. Tables are used to display data in a tabular form, making it easier for users to compare, analyze, and understand relationships between different pieces of information.
How are tables used in design?
Tables are commonly used in various design applications, such as web design, data visualization, user interfaces, and print materials. They are particularly useful for presenting data sets, financial information, schedules, pricing lists, and any other content that requires a structured, grid-like representation.
What are some best practices for designing tables?
When designing tables, consider the following best practices to enhance readability and usability:
- Keep it simple: Avoid overcrowding the table with excessive data or unnecessary columns. Present only the most relevant information to avoid overwhelming users and maintain a clean design.
- Use clear headings: Provide clear and descriptive column headings to help users understand the data presented in each column. Meaningful headings facilitate quick scanning and make the table more accessible to users.
- Alternate row shading: Consider using alternating row colors to improve visual distinction between rows. This can enhance readability and make it easier for users to follow data across the table.
- Responsive design: Ensure that tables are designed to be responsive and adapt to different screen sizes and devices. Tables should remain legible and usable on various platforms, including desktops, tablets, and smartphones.
- Consider accessibility: Make tables accessible to all users, including those with visual impairments. Use appropriate markup, provide table summaries, and ensure that screen readers can navigate and interpret the table's content effectively.
Learn more about designing effective tables in our Intro to Tables and Tables Best Practices lessons.