UX Methods

Overview

UX Methods is a content-first Jamstack website built with Sanity and Gatsby, aiming to document and interconnect the practices and techniques of user experience design. It also explores the possibilities of “boutique” knowledge graphs. The repository consists of three main parts: content management, web application, and continuous integration.

Features

• Content Management: UX Methods is built as a content-first resource, prioritizing user and organization needs over web page requirements. It utilizes the Sanity headless CMS to structure, produce, and distribute content.
• Progressive Web App: The website is published as a progressive web app using Gatsby, a React-based static site generator. This allows for content findability, interoperability, and reuse. The content is also published as Linked Data (JSON-LD) alongside HTML pages.
• Knowledge Graph Integration and Continuous Integration Workflows: GitHub Actions workflows automate the building and publishing of updates to the UX Methods PWA whenever content is added or updated. Additionally, a custom RDF-Transform GitHub Action and workflow transform content data from the Sanity headless CMS into RDF triples. These triples are then uploaded to the UX Methods dataset on Data.world, which is queried during the PWA build workflow for content recommendations and prioritization.

Installation

To install UX Methods, follow these steps:

1. Clone the repository:

   git clone [repository-url]
   

2. Navigate to the cloned repository:

   cd [repository-folder]
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Access UX Methods in your browser at http://localhost:8000.

Summary

UX Methods is a content-focused Jamstack website that utilizes Sanity and Gatsby to provide a comprehensive resource on user experience design. It emphasizes a content-first approach and utilizes progressive web app technology to ensure content findability and interoperability. The integration of a custom knowledge graph and continuous integration workflows enhances the user experience by providing relevant content recommendations and prioritization.