Material Design
A design language developed by Google that uses shadow, depth, and motion to create a realistic and intuitive user interface. Crucial for creating modern, consistent, and user-friendly interfaces.
123 topics found for:
“web design”
RWD
Responsive Web Design (RWD) is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes. Essential for creating flexible, adaptive web experiences that maintain functionality and aesthetics across different platforms and devices.
Grid System
A framework used in graphic and web design to organize content in a structured and consistent manner. Essential for creating balanced and readable layouts.
Jakob’s Law
A principle stating that users spend most of their time on other websites and prefer your site to work the same way as all the other sites they already know. Crucial for designing user-friendly and familiar interfaces.
Aria Roles
Specific roles assigned to HTML elements to define their purpose and behavior in an accessible manner. Crucial for improving the accessibility and usability of web applications.
UCD
User-Centered Design (UCD) is an iterative design approach that focuses on understanding users' needs, preferences, and limitations throughout the design process. Crucial for creating products that are intuitive, efficient, and satisfying for the intended users.
W3C
World Wide Web Consortium (W3C) is an international community that develops open standards to ensure the long-term growth of the Web. Essential for creating and maintaining protocols and guidelines that enable the Web to function and evolve.
ARIA
Accessible Rich Internet Applications (ARIA) is a set of attributes that enhance the accessibility of web content for people with disabilities. Essential for making web applications more usable and inclusive.
Ajax
A technique for creating interactive web applications by exchanging data with the server in the background without reloading the entire page. Essential for enhancing user experience by making web applications more dynamic and responsive.
ARIA Attributes
Specific attributes used to enhance the accessibility of web content and applications by providing additional information to assistive technologies. Crucial for making dynamic web content more accessible to users with disabilities.
WAI
Web Accessibility Initiative (WAI) is a program developed by W3C to improve web accessibility. Essential for creating guidelines and resources to help make the web accessible to people with disabilities.
F Pattern
A common pattern of eye movement where users scan web content in an "F" shape, focusing on the top and left side of the page. Crucial for designing web content that aligns with natural reading patterns to improve engagement.
Skeuomorphism
A design concept where digital interfaces incorporate elements that resemble their real-world counterparts to make them more intuitive and familiar to users. Important for creating intuitive and user-friendly interfaces by leveraging familiar real-world cues.
IxD
Interaction Design (IxD) focuses on creating engaging interfaces with well-thought-out behaviors. Crucial for ensuring intuitive and effective user interactions.
WCAG
Web Content Accessibility Guidelines (WCAG) are a set of guidelines developed by WAI to make web content more accessible. Essential for ensuring that websites are usable by individuals with disabilities, thereby promoting inclusivity and compliance with accessibility standards.
Minimalism
A design approach that emphasizes simplicity, using only the necessary elements to create a clean and uncluttered look. Essential for creating intuitive and user-friendly interfaces.
Breakpoint System
A structured set of breakpoints used to create responsive designs that work seamlessly across multiple devices. Important for maintaining consistency and usability in responsive design.
Right Rail Blindness
A specific form of banner blindness where users ignore content placed in the right-hand rail of a web page. Important for optimizing web page layouts and placing critical information where it will be seen.
Responsive Pattern
Design patterns that adapt to different screen sizes and devices, ensuring a consistent user experience. Crucial for creating designs that work well across a variety of devices.
Wireframing
The process of creating a simplified visual guide or blueprint for the layout and structure of a webpage or app, focusing on functionality and content placement. Crucial for planning and communicating design structure before full development.
RIA
Rich Internet Application (RIA) is a web application that offers interactive and engaging user experiences similar to desktop applications. Essential for providing enhanced functionality and better user interfaces on the web.
Front-End Framework
A collection of pre-written code and tools that provide a foundation for building the front end of websites and applications, such as Bootstrap or React. Crucial for streamlining the development process and ensuring consistency.
a11y
Numeronym for the word "Accessibility" (A + 11 letters + Y), designing for ease of use by all people, ensuring equal access to those with disabilities. Crucial for ensuring inclusivity and compliance with accessibility standards.
Banner Blindness
A phenomenon where users consciously or subconsciously ignore banner-like information or advertisements on websites. Important for designing effective web content that captures user attention.
Page Parking
The practice of keeping multiple web pages open in browser tabs for future reference or action. Important for understanding user behavior and designing for multi-tab usage.
Content-First Design
An approach to design where content is prioritized and designed before other elements like layout and visual design. Crucial for ensuring that the design supports and enhances the content.
Semantic Web Technology
Technologies that enable machines to understand and interpret data on the web in a human-like manner, enhancing connectivity and usability of information. Essential for improving data interoperability and accessibility on the web.
Information Design
The practice of presenting information in a way that is clear, accessible, and useful to the user. Essential for creating effective and user-friendly interfaces and communications.
ARIA Properties
ARIA attributes that define additional characteristics of elements, such as roles and relationships. Important for enhancing the accessibility and usability of web applications.
Vertical Rhythm
The consistent spacing of text and elements in a design to create a harmonious and readable layout. Crucial for improving readability and visual appeal in design.
Uniform Connectedness
A Gestalt principle stating that elements that are visually connected are perceived as more related than elements with no connection. Essential for creating designs that effectively group related elements.
Graceful Degradation
A design principle that ensures a system continues to function at a reduced level rather than completely failing when some part of it goes wrong. Crucial for enhancing system reliability and user experience in adverse conditions.
WAI-ARIA
Web Accessibility Initiative รป Accessible Rich Internet Applications (WAI-ARIA) is a set of guidelines for making web content and applications accessible. Essential for ensuring web accessibility and inclusivity for people with disabilities.
Gutenberg Diagram
A design principle that suggests a pattern for how people read a webpage, dividing it into four quadrants and emphasizing the importance of the top-left and bottom-right areas. Essential for creating effective layouts that align with natural reading patterns.
Screen Physical Width
The actual width of a screen, typically measured in inches or millimeters, impacting the layout and design of user interfaces. Important for designing interfaces that fit different screen sizes.
REST
Representational State Transfer (REST) is an architectural style for designing networked applications based on stateless, client-server communication. Essential for building scalable and efficient web services.
POUR
Perceivable, Operable, Understandable, and Robust (POUR) are the four main principles of web accessibility. These principles are essential for creating inclusive digital experiences that can be accessed and used by people with a wide range of abilities and disabilities.
Flexible Ratio
A dynamic aspect ratio that adjusts based on the container or screen size. Important for responsive design, ensuring elements remain proportional across devices.
False Bottom
A design flaw where users mistakenly believe they have reached the end of the content due to a misleading visual cue. Crucial for ensuring content is properly signposted to avoid user confusion and ensure thorough exploration.
Entry Point
The first interaction or touchpoint a user has with a product or service, crucial for making a strong first impression. Crucial for designing engaging and intuitive initial user experiences.
Keyboard Navigation
The ability to navigate through a web page or application using keyboard keys instead of a mouse. Important for enhancing accessibility and providing an alternative way to interact with content.
Continuity
A Gestalt principle that describes the tendency of the human visual system to perceive lines or patterns that follow a smooth, continuous path rather than a disjointed or abrupt one. Essential for creating designs that guide the user's eye smoothly and logically.
Attention Ratio
The ratio of interactive elements (links, buttons) to the number of goals on a landing page. Important for optimizing landing page design to improve conversion rates.
Scanning Pattern
Common reading patterns users follow when scanning web content, such as the F-pattern, where users read across the top and then scan down the left side. Important for designing layouts that align with natural reading behaviors, improving content engagement and usability.
Above The Fold
The concept in web design referring to the portion of a webpage that is visible without scrolling, with content placed above the fold being more immediately visible. Important for optimizing the placement of key content to ensure it captures user attention.
Obfuscated Options
A dark pattern where options to opt out or cancel services are deliberately hidden or made difficult to find. It's essential to avoid hiding options and provide clear, accessible choices for users to manage their preferences.
ARIA States
ARIA attributes that describe the current state of an element, such as whether it is selected or expanded. Crucial for providing context and improving navigation for users with disabilities.
Layer Cake Pattern
A reading pattern where users scan a page in horizontal stripes, focusing on headings and subheadings. Important for structuring content in a way that facilitates quick scanning and information retrieval.
Landing Page
A standalone web page created specifically for a marketing or advertising campaign, where visitors land after clicking on a link. Crucial for converting visitors into leads or customers.
Component Adaptation
The ability of a UI component to adjust its appearance and behavior based on different contexts or devices. Crucial for responsive design and ensuring a consistent user experience.
Exit Modal
A pop-up dialog that appears when a user attempts to leave a page or application, which can be used to prevent loss of progress or data, or to confirm user intent. While it can be used ethically to prevent data loss or confirm actions, designers must avoid using it to deceive, delay, block, or interfere with the user's intent, thus ensuring it does not become a dark pattern.
Progressive Enhancement
A design approach that focuses on building a robust core experience first, then adding more advanced features and capabilities for users with more capable browsers or devices. Essential for ensuring a consistent and accessible user experience across different devices and browsers.
Client-Side
Operations and processes that occur on the user's computer rather than on a server. Crucial for creating responsive and interactive web experiences that leverage the user's device.
Clickability
The perceived affordance of an element to be clickable, indicating that it can be interacted with. Essential for improving user interface design and guiding user actions.
Scannability
The ease with which users can quickly find and understand information on a webpage or document, often enhanced by design elements like headings, bullet points, and short paragraphs. Crucial for improving user experience and ensuring that content is accessible and easy to navigate.
Information Hierarchy
The arrangement of information in a way that prioritizes the most important content, guiding users through the information in a logical order. Crucial for creating clear and navigable interfaces that enhance user experience.
Persuasion Architecture
A strategic framework that designs user experiences to guide behavior and decisions towards desired outcomes. Crucial for creating effective and ethical influence in digital interfaces.
Visual Cueing
The use of visual elements to draw attention to important information or guide user actions. Important for enhancing user experience and ensuring key information is noticed.
Bypassing Pattern
A reading pattern where users skip over certain sections of content, often due to a lack of perceived relevance. Crucial for designing content that is engaging and relevant to prevent users from bypassing important information.
MVC
Model-View-Controller (MVC) is an architectural pattern that separates an application into three main logical components: the Model (data), the View (user interface), and the Controller (processes that handle input). Essential for creating modular, maintainable, and scalable software applications by promoting separation of concerns.