Product and design
How the field of a UX/UI Designer got here: the sourced milestones from every published course of this career, on one axis.
1963 to 2024
165 milestones across 20 courses
The axis stretches toward recent years, where most milestones fall. Bars count milestones per year; dots are single milestones.
18 milestones
1963
Ivan Sutherland's Sketchpad thesis demonstrated direct manipulation of graphical objects with a light pen. It established an early model for interacting with visible objects rather than entering only textual commands.
1968 Dec
Douglas Engelbart's demonstration combined mouse input, hypertext, collaborative editing, and videoconferencing. It made interactive work with information visible to a wider computing audience.
1973
The Xerox Alto used a bitmap display, mouse, windows, and menus in one personal computing system. These elements became a durable reference point for graphical interaction.
1975
The term framed making complex information understandable. It supplied a name later adopted for organizing digital information environments.
1976
Richard Saul Wurman used Information Architect in connection with the Architecture of Information conference. His usage centered on making information understandable.
1981 Apr
The commercial system applied a consistent graphical interface with icons, windows, menus, and mouse-driven actions. Its design principles treated familiar behavior and transfer of learning as system-wide concerns.
1982
The conference that became CHI brought human factors and computing researchers into a recurring forum. It gave empirical study of interactive systems a durable professional venue.
1983
ACM's Special Interest Group on Computer-Human Interaction took on the conference series. The community connected research, education, and practical applications of human-computer interaction.
1983
Ben Shneiderman's Direct Manipulation publication described continuous object representation, physical actions, reversible operations, and visible effects. The framing connected interface behavior to controllability and feedback.
1983
Ben Shneiderman described continuous representation, physical actions, reversible incremental operations, and immediately visible effects. These properties became a foundation for visible state and feedback in graphical interaction.
1983
Stuart Card, Thomas Moran, and Allen Newell presented predictive models of skilled interaction, including GOMS and keystroke-level analysis. User behavior became something designers could study and model systematically.
1983
Card, Moran, and Newell described a cognitive framework for studying people using interactive systems. It helped establish human performance as an engineering concern in interface design.
1984
The Macintosh made a mouse-driven graphical interface commercially prominent, including MacPaint and MacWrite. It brought direct manipulation patterns into everyday personal-computing practice.
1984 Jan
G. Lynn Shostack presents service blueprinting as a way to design and control service delivery in Harvard Business Review.
1984 Mar
Ericsson and Simon published a method for treating verbal reports as data. Think-aloud practice in usability sessions draws on this methodological foundation.
1985
Their paper stated early and continual focus on users, empirical measurement, and iterative design. These principles linked direct user evidence to repeated changes in a system.
1986
John Brooke created the ten-item System Usability Scale. It gave teams a compact post-test measure for comparing perceived system usability.
1987 Nov
Apple collected interface conventions into guidance for consistent desktop applications. Pattern behavior became a documented platform concern rather than an isolated product decision.
20 milestones
1991
The original fifty-member association created a professional home for people who researched, designed, and evaluated product usability. It later became UXPA International.
1993
Nielsen and Landauer published a mathematical model for the number of usability problems found as participants are added. The model informed small iterative qualitative-study practice.
1994
Argus brought library and information-science methods to early Internet and web projects. Its practitioners used architecture to emphasize structure and organization in digital information environments.
1994 Nov 11
Jakob Nielsen's book documented usability methods including heuristic evaluation. Visibility of status, consistency, user control, and error recovery became repeatable review criteria for interface behavior.
1995
Birgit Mager receives the first professorship for Service Design at the Technical University in Cologne, Germany (KISD).
1995 Mar 1
The OCLC and NCSA workshop brought together librarians and technologists to define core semantics for describing web resources. Its work established the foundation of the Dublin Core Metadata Initiative.
1996
Wurman's book presented work by people shaping complex information into understandable forms. It also made his earlier use of the Information Architect label visible to web practitioners.
1996 Dec 17
CSS established a standard way to separate document structure from presentation. Its device-independent model gave later responsive techniques a common styling foundation.
1997
NIST began work with suppliers and purchasers on a common format for sharing usability test results. The effort shifted attention from isolated findings to interpretable reports.
1997 Sep 18
NIST and ACM SIGCHI convened industry participants to work on common usability testing and reporting practices. The effort made comparable study reporting an explicit industry problem.
1998
ISO 9241-11 framed usability through effectiveness, efficiency, and satisfaction for specified users, goals, and contexts. This made context of use part of the evaluation model.
1998
Don Norman and Jakob Nielsen formed a consultancy centered on user experience and usability. The firm helped carry research methods and usability guidance into product organizations.
1998 Feb
Rosenfeld and Morville’s first edition applied architecture and library-science principles to web sites and intranets. It made hierarchy, navigation, and search a recognizable web-practice concern.
1998 Feb
O'Reilly published Information Architecture for the World Wide Web by Louis Rosenfeld and Peter Morville. The book organized web IA around systems for finding and understanding information.
1998 May 12
CSS2 let authors tailor presentation for media such as screens, print, speech, and handheld devices. This made presentation conditions part of standardized CSS.
1998 Sep
The original metadata element set was formalized as an IETF standard. Shared names for resource properties became available beyond individual content systems.
1998 Sep
The second Industry Usability Workshop reached consensus on a shared format for usability reports and explanatory documents. Structured reporting helped preserve study context, measures, and results for product teams.
1999 Feb 24
RDF supplied a common model for defining and organizing web metadata. Later vocabulary standards could express resources and relationships on that foundation.
1999 May
WCAG 1.0 was published as a W3C Recommendation. It formalized web accessibility guidance for interaction and content.
1999 May 5
W3C published fourteen guidelines with checkpoints and priority levels for accessible web content. Authors gained a common reference for alternatives, structure, navigation, and presentation.
21 milestones
2000 Apr
ASIS organized the first summit after recognizing overlap between practical web IA and information-science research. The event established a recurring professional gathering for the field.
2001 Apr 4
The Media Queries draft extended CSS media handling with expressions about output-device features. Width and other conditions could now select styles without changing document content.
2001 Sep
The Dublin Core element set became a United States standard. Content systems could align basic descriptive fields with a maintained cross-domain vocabulary.
2001 Dec
ANSI approved the Common Industry Format for usability test reports. It specified how results could be reported for professional interpretation and comparison.
2002 Nov
The Asilomar Institute for Information Architecture launched as a professional organization. Its mission focused on advancing the design of shared information environments and connecting the global community.
2002 Nov
The Asilomar Institute for Information Architecture launched to advance the field. The organization created a professional home for information-architecture practice and discussion.
2003
The Design Council developed the Double Diamond as a representation of Discover, Define, Develop, and Deliver. It expressed design work as alternating divergent and convergent activity.
2003 Feb
The core metadata element set became an international standard. Its generic properties supported interoperable resource descriptions across systems and countries.
2004
Birgit Mager co-founds the Service Design Network to promote a service design mindset across practitioners and institutions.
2004
The Usability Professionals Association established an annual international event around usable products and services. The event extended professional attention beyond specialist teams.
2004 Feb
Early SKOS work defined an RDF vocabulary for representing concepts and controlled vocabularies. Taxonomy data gained a web-oriented exchange model built on stable identifiers and relationships.
2005
The Design Council popularizes the Double Diamond process model of Discover, Define, Develop, and Deliver.
2005
ISO/IEC 25062 published an international Common Industry Format for usability test reports. It extended a shared reporting structure beyond the earlier national standard.
2006 Nov
The third edition documented the discipline for intermediate and advanced practitioners. Its publication reflected a maturing practice beyond early website navigation.
2007 Jan
Apple introduced the iPhone with a finger-operated multi-touch interface and device sensors. This made touch interaction a mainstream design concern for mobile products.
2007 Jan 9
The iPhone replaced many hardware controls with finger-driven software interactions on a large multi-touch display. Touch target, gesture, sensor, and direct-feedback behavior became central mobile design concerns.
2008 Dec
WCAG 2.0 established a stable accessibility standard for web content. Information architectures increasingly needed to support accessible orientation and finding routes.
2008 Dec
WCAG 2.0 was published as a technology-independent and testable W3C Recommendation. Its success criteria gave teams a more durable basis for evaluating accessible web interaction.
2008 Dec 11
WCAG moved to technology-neutral principles and testable success criteria at three conformance levels. Web teams could apply one requirement model across changing web technologies.
2009 Jul 23
The Flexbox draft introduced a layout model for distributing and aligning items along an axis. Flexible item sizing later became a core responsive-layout tool.
2009 Aug 18
The SKOS Reference reached Recommendation status. Preferred labels, alternative labels, concept schemes, semantic relationships, collections, and mapping properties gained a normative standard.
74 milestones
2010
ISO 9241-210 published requirements and guidance for human-centred design of interactive systems. It placed usability and human factors in a lifecycle context.
2010
ISO 9241-210 revised ISO 13407 and described human-centred design principles and activities across an interactive system's life cycle. Usability testing became one activity within a broader design process.
2010 May 25
Ethan Marcotte joined fluid grids, flexible images, and media queries under the term responsive web design. The article framed adaptation as one flexible experience rather than device-specific pages by default.
2011 Apr 7
The Grid draft began standardizing two-dimensional page layout in CSS. Grid tracks and intrinsic sizing later reduced dependence on rigid framework grids.
2011 Jun
Schema.org introduced shared types and properties for describing entities on web pages. Publishers gained a widely consumed external vocabulary alongside their internal content models.
2012
The association changed its name from the Usability Professionals Association to the User Experience Professionals Association. The change reflected a professional scope broader than interface usability alone.
2012 Feb 11
The IA Institute hosted a one-day event across 14 cities under the theme Designing Structures for Understanding. The event created a distributed format for practice and education.
2012 Jun 19
Media query syntax and common features reached Recommendation status. Width-based breakpoints became a standardized foundation for responsive stylesheets.
2012 Aug
The book collects service-design thinking, methods, and case material for a wider practitioner audience.
2013 Jun
Dan Saffer's book organized focused interactions around triggers, rules, feedback, loops, and modes. It gave small state-change behaviors a practical design and documentation vocabulary.
2013 Sep 5
W3C publishes authoritative guidance on applying WCAG 2.0 to non-web technologies, including the native application class mobile teams ship.
2014
Reusable sources and instances made repeated controls easier to update across the screens of a prototype.
2014 Jan 16
JSON-LD provided a JSON-based syntax for linked data. Structured content and taxonomy identifiers could move through web APIs without requiring an XML serialization.
2014 Feb
The salesforce-ux organization created the Theo repository and published its first npm release, a tool for transforming and formatting design tokens from one source into outputs such as Sass.
2014 Mar 20
WAI-ARIA standardized roles, states, and properties for interface semantics that host languages could not express. Custom web controls gained a shared vocabulary for accessibility APIs.
2014 Jun
Google presented Material Design as a new consistent design approach for Android. It established a widely visible model for shared visual and interaction decisions across products.
2014 Jun 25
Google presented a consistent design approach intended to span screens and devices. Motion and transition rules became part of a widely distributed platform design system.
2014 Jul 10
The methodology defined a repeatable process for scoping, exploring, sampling, evaluating, and reporting on websites. Teams gained a structured bridge from page checks to site-level evaluation.
2015 Feb 26
W3C publishes informative guidance on how WCAG 2.0 applies to mobile web, hybrid, and native apps, covering small screens, touch, and gestures.
2015 Mar
GOV.UK documented a review of its browse structure, including duplicate categories, uneven content, taxonomy relationships, and publisher tagging. The work showed IA as continuing operational maintenance rather than a launch artifact.
2015 Jul 21
User Agent Accessibility Guidelines 2.0 finalize expectations for browsers and media players, including mobile user agents that render accessible content.
2015 Aug
Salesforce introduced Lightning with a design system in its product direction. This connected a large enterprise platform to shared experience assets.
2015 Aug
Salesforce introduced Lightning with the Lightning Design System, components, and an application builder. The release connected a shared visual language to implementation assets for enterprise applications.
2015 Sep
Information Architecture for the Web and Beyond added cross-channel design, mobile, meaning-making, system design, and context. The title change reflected architecture across connected information environments.
2015 Sep 24
Authoring Tool Accessibility Guidelines 2.0 address accessible editors and the production of accessible content, including mobile authoring contexts.
2015 Dec 3
A browser-based interface tool made sharing and feedback part of the same online design surface used to build prototype frames.
2015 Dec 3
Figma introduced browser-based collaborative interface design in a preview release. Teams could begin evaluating the shared design environment.
2015 Dec 7
Figma presented professional interface design as a browser-based cloud service, making the file available without a desktop-only document path.
2016 Mar 14
Adobe released a combined interface-design and prototyping application for mobile and web experiences.
2016 Apr
Kadira released React Storybook as an open-source component workshop with a commercial hosted offering planned beside it.
2016 Apr 13
Sketch made Symbol instances mirror a central source and added nested reuse plus clearer text and image overrides.
2016 Sep
The 2.0 release emphasized documentation, extensibility, and a paid hosted service while usage grew beyond the first React wave.
2016 Sep 28
Multiple people could edit the same file live, shortening the loop between prototype construction, review, and revision.
2016 Sep 28
The public release opened signup and introduced simultaneous editing. Multiple people could work in the same design file.
2016 Sep 28
Figma opened public signup and shipped live multi-editor collaboration, establishing the shared current file as its core workflow model.
2016 Dec
The original commercial steward closed, and Storybook maintenance stalled even though teams continued to depend on the tool.
2016 Dec 8
Components brought reusable main objects and instances into Figma, creating the update relationship used by collaborative design systems.
2016 Dec 8
Components brought composition, inheritance, instances, and overrides into Figma's reusable design model.
2017
Shopify made Polaris available to partners with a style guide, component library, and design kit. The release showed a system being distributed beyond its originating product team.
2017 Jan 18
The United States Access Board refreshed federal information and communication technology requirements and aligned web requirements with WCAG. Federal web delivery adopted a standards-based accessibility baseline.
2017 Feb 1
Lottie enabled animations authored in After Effects to render in native and web interfaces from exported data. The workflow reduced manual recreation between motion design and implementation.
2017 Feb 15
The Team Libraries beta made shared components available across project files and turned component maintenance into a team-level release task.
2017 Feb 15
Shared components could be reused across files. Library definitions gave repeated elements a common source.
2017 Mar
Style Dictionary, a build system that turns token files into platform code for web, iOS and Android, published its first release to npm.
2017 Apr
Shopify made the Polaris style guide, component library, and user-interface kit available to partners. The system gave partner applications a shared set of product-interface assets and guidance.
2017 May
Volunteers shipped the first community-driven major release after the project moved to collective maintenance, including a monorepo restructure and Webpack 2 support.
2017 May 15
WebKit exposed a user motion preference to CSS and JavaScript. Web interactions could provide alternate animation while preserving function and meaning for people affected by motion.
2017 Jul 25
Prototypes became live views of the design file, while view-only developer inspection added measurements, platform data, and assets.
2017 Jul 25
Figma added connected prototype flows within the design environment. Review no longer required exporting every screen to a separate prototyping tool.
2017 Dec 14
Grid's mature track sizing and placement model gave authors a standard two-dimensional layout system. Responsive layouts could increasingly let available space determine tracks.
2018 Jan
This Is Service Design Doing extends the field with practical methods and facilitation material for real-world projects.
2018 Feb 28
Links and transitions connected artboards into previewable flows without a separate prototyping application.
2018 May
Google introduced Material Theming and open-source Material Components. Teams could customize color, shape, and type while using coded components across product interfaces.
2018 Jun
Government Digital Service made the GOV.UK Design System ready for government teams. It gathered styles, components, patterns, and contribution work that had been spread across separate resources.
2018 Jun
GOV.UK introduced a system of styles, components, and patterns with contribution work. Contribution became part of a public-system operating model rather than a private library maintenance task.
2018 Jun
WCAG 2.1 became a W3C Recommendation with additional success criteria beyond WCAG 2.0. The update expanded the guidance relevant to contemporary device input and accessibility needs.
2018 Jun
WCAG 2.1 added success criteria while retaining the earlier standard’s requirements. Accessibility guidance remained a durable constraint on how people locate and use content.
2018 Jun 5
Success criterion 2.5.5 Target Size sets an AAA pointer-target requirement that many mobile teams tracked before a tighter AA floor existed.
2018 Jun 5
The update added success criteria addressing mobile use, low vision, and cognitive and learning disabilities. Existing WCAG 2.0 practices could extend into these additional needs.
2018 Jun 5
New success criteria such as Orientation, Reflow, Pointer Gestures, Pointer Cancellation, and Motion Actuation encode mobile interaction problems directly.
2019
The second part covered the additional properties and classes added to DCMI namespaces since 1999. Application profiles could draw on a broader standardized metadata vocabulary.
2019 Jan
Reeves published an ethnographic study of usability testing in a design consultancy. It showed that findings emerge through collaborative observer work, not as automatic readings of a session.
2019 May
The Service Manual describes joining up a user's journey across services and organizations, including service landscapes.
2019 Jul
The W3C Design Tokens Community Group launched to develop standards that products and design tools could use to share stylistic pieces of a design system at scale.
2019 Jul
W3C published the call for participation in the Design Tokens Community Group, formed to provide standards that products and design tools can rely on for sharing design system styles.
2019 Jul 29
Storybook 5.2 introduced CSF as an ES-module authoring standard so stories could stay portable outside Storybook's internal APIs.
2019 Aug 1
Public plugins let teams automate design tasks and connect external data and services to the shared file through a supported extension model.
2019 Sep
The IA Institute voted to dissolve, and World IA Day formed a separate nonprofit organization. Community activity continued under a new governing body.
2019 Sep 17
Official Docs support landed so teams could generate living component documentation from the same stories used in development.
2019 Oct 31
The format standardized how accessibility test rules document applicability, expectations, assumptions, and examples. Tool and methodology authors gained a common structure for comparable checks.
2019 Nov
Figma introduced analytics for design-system libraries. Adoption and component use became measurable signals that maintainers could investigate alongside qualitative evidence.
2019 Dec 5
Auto Layout introduced content-driven sizing, padding, spacing, and nesting that made reusable interface components respond to their content.
2019 Dec 5
Content-driven layout brought padding and nested arrangements to frames. Editing a label could resize its button.
2019 Dec 5
Content-responsive frames represented padding, spacing, and resizing rules inside interface and prototype components.
32 milestones
2020 May
The repository for the Figma plugin now called Tokens Studio was created, bringing token sets and themes into the Figma editor before Figma had native variables.
2020 Sep
The guide sets out purpose, form, resources, first draft, and next actions for iterative service mapping.
2020 Oct 28
Named component properties grouped related control states and supported interactions between variants.
2020 Oct 28
Variants combined related component forms into one component set and mapped design properties more closely to implementation concepts.
2020 Oct 28
Related component configurations gained a component-set structure. Named properties made switching between configurations more explicit.
2021 Apr
The group shared its first Editor’s Draft with design-tool vendors. The draft moved token interchange from common practice toward a coordinated specification effort.
2021 Apr 21
Figma separated brainstorming and mapping into a multiplayer whiteboard while keeping it connected to detailed interface work.
2021 Apr 21
FigJam created a separate multiplayer space for brainstorming, mapping, and workshops before work moves into detailed interface design.
2021 Apr 21
A separate online whiteboard provided space for brainstorming and collaborative exploration. Interface design and early ideation gained distinct surfaces.
2021 Apr 27
Branches let teams explore away from a main file and merge accepted work back, adding a controlled path for high-impact shared-file changes.
2021 May
Style Dictionary released its third major version, the last major line that used only its own `value` and `type` keys.
2021 Jul
CSF 3 cut story boilerplate and improved reuse of story objects, preparing the format Storybook 7 later made the default.
2021 Sep
The Design Tokens Community Group published its first Editors' Draft. Teams gained an early shared reference for token naming and exchange discussions.
2021 Sep 23
The community group invited public feedback on the first public draft of the Format Module, written with design tool vendors over the preceding months.
2021 Nov
GOV.UK described changes aimed at making government information and services easier to find after identifying a confusing information architecture. The release paired global navigation with page-level routes such as breadcrumbs and related content.
2022 Jun 14
The second draft prefixed every format property with `$`, renamed types such as `font` to `fontFamily`, added composite types, and for the first time asked tool makers to implement the format.
2023 Feb 14
Container size queries became available across the major browser engines. Components could respond to their local container instead of relying only on viewport breakpoints.
2023 Apr
Storybook 7 shipped first-class Vite support, a Frameworks API for Next.js and SvelteKit, MDX2 docs changes, and CSF 3 as the default authoring format.
2023 Jun
Figma introduced variables and Dev Mode. Variables provided reusable values, aliases, modes, and APIs that design-system teams could use for themes and token-oriented workflows.
2023 Jun 21
Dev Mode brought ready status, design inspection, version comparison, variables, integrations, and code-oriented context into the handoff path.
2023 Jun 21
A developer-focused mode added inspection and integration capabilities. Developers gained a dedicated view of design files during implementation.
2023 Jun 21
Stored values, expressions, and conditions allowed prototype paths to change without duplicating every state as a separate frame.
2023 Jun 21
Named reusable values, advanced prototype logic, and a developer-focused inspection workspace tightened the path from system design to handoff.
2023 Jun 21
At Config 2023, Figma introduced color, number, text and boolean variables with aliasing, scoping and modes, a built-in way to represent tokens and themes in the design tool.
2023 Jun 21
Reusable contextual values and modes supported design tokens and theming. Values could be referenced across design properties and prototype behavior.
2023 Oct
WCAG 2.2 became a W3C Recommendation with additional success criteria. Design-system component contracts need to account for the resulting focus, target-size, and accessible-authentication requirements where applicable.
2023 Oct
WCAG 2.2 added further success criteria and remained backward compatible with WCAG 2.0 and 2.1. IA work continued to sit alongside evolving accessibility requirements for navigable content.
2023 Oct 5
Success criterion 2.5.8 makes a 24 by 24 CSS pixel minimum target size a Level AA requirement, shifting touch-target sizing into mainstream conformance.
2023 Oct 5
WCAG 2.2 added nine success criteria concerning visual, physical, and cognitive accessibility. The conformance model retained the four WCAG 2 principles while expanding current requirements.
2023 Oct 5
WCAG 2.2 extends 2.1 with additional criteria used heavily on touch UIs, while remaining backward compatible with earlier 2.x conformance claims.
2024 Mar
Storybook 8 brought the Visual Tests addon, Vitest-oriented testing packages, faster test builds, and broader framework polishing across React, Vue, Angular, Svelte, and Web Components.
2024 Jun 28
Version 4 added support for the `$value`, `$type` and `$description` properties from the DTCG draft, converted the project to ES modules and made the API asynchronous.