1"use strict";(self.webpackChunktheuxshop=self.webpackChunktheuxshop||[]).push([[6664],{6759:(e,i,s)=>{s.r(i),s.d(i,{assets:()=>u,contentTitle:()=>l,default:()=>p,frontMatter:()=>d,metadata:()=>t,toc:()=>h});const t=JSON.parse('{"id":"guides/index","title":"Guides","description":"Comprehensive UX guides covering fundamentals, research, accessibility, and design techniques.","source":"@site/.tmp/docs-published/guides/index.mdx","sourceDirName":"guides","slug":"/guides","permalink":"/guides","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"id":"index","title":"Guides","description":"Comprehensive UX guides covering fundamentals, research, accessibility, and design techniques.","slug":"/guides","sidebar_position":1},"sidebar":"guidesSidebar","next":{"title":"UX Basics","permalink":"/guides/ux-basics"}}');var n=s(4848),r=s(8453),a=s(7474),c=s(5170),o=s(9176);const d={id:"index",title:"Guides",description:"Comprehensive UX guides covering fundamentals, research, accessibility, and design techniques.",slug:"/guides",sidebar_position:1},l="Guides",u={},h=[{value:"Getting started",id:"getting-started",level:2},{value:"Research & testing",id:"research--testing",level:2},{value:"Accessibility",id:"accessibility",level:2},{value:"Implementation",id:"implementation",level:2},{value:"About our guides",id:"about-our-guides",level:2}];function g(e){const i={a:"a",em:"em",h1:"h1",h2:"h2",header:"header",hr:"hr",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.header,{children:(0,n.jsx)(i.h1,{id:"guides",children:"Guides"})}),"\n",(0,n.jsx)(i.p,{children:"Practical guides on UX fundamentals, research methods, and design techniques. Each guide aims to be immediately useful - read one, apply it to your work today."}),"\n",(0,n.jsx)(i.h2,{id:"getting-started",children:"Getting started"}),"\n",(0,n.jsx)(i.p,{children:"If you're new to UX or looking for a refresher, start here:"}),"\n",(0,n.jsxs)(c.A,{children:[(0,n.jsx)(a.A,{title:"UX Basics",description:"Core concepts: user goals, constraints, feedback loops, and the iterative design process.",to:"/guides/ux-basics"}),(0,n.jsx)(a.A,{title:"Research Planning",description:"How to plan and scope user research that fits your timeline and resources.",to:"/guides/research-planning"})]}),"\n",(0,n.jsx)(i.h2,{id:"research--testing",children:"Research & testing"}),"\n",(0,n.jsx)(c.A,{children:(0,n.jsx)(a.A,{title:"Usability Testing Quickstart",description:"Run your first usability test: recruitment, task design, facilitation, and analysis.",to:"/guides/usability-testing-quickstart"})}),"\n",(0,n.jsx)(i.h2,{id:"accessibility",children:"Accessibility"}),"\n",(0,n.jsx)(c.A,{children:(0,n.jsx)(a.A,{title:"Accessibility Checklist",description:"A practical checklist organized by WCAG principles with testing steps you can follow today.",to:"/guides/accessibility-checklist"})}),"\n",(0,n.jsx)(i.h2,{id:"implementation",children:"Implementation"}),"\n",(0,n.jsxs)(c.A,{children:[(0,n.jsx)(a.A,{title:"CSS Sizing & Spacing",description:"A designer's guide to CSS units, spacing systems, and responsive layout considerations.",to:"/guides/css-sizing-spacing"}),(0,n.jsx)(a.A,{title:"Performance for Designers",description:"How design decisions affect performance and what you can do about it.",to:"/guides/performance-for-designers"})]}),"\n",(0,n.jsx)(o.A,{variant:"tip",title:"How to use these guides",children:(0,n.jsx)(i.p,{children:'Each guide is self-contained - you can read them in any order based on what you need. Look for the "Related resources" section at the end of each guide for connected topics.'})}),"\n",(0,n.jsx)(i.h2,{id:"about-our-guides",children:"About our guides"}),"\n",(0,n.jsx)(i.p,{children:"These guides are written for practitioners who need to apply concepts quickly. We focus on:"}),"\n",(0,n.jsxs)(i.ul,{children:["\n",(0,n.jsxs)(i.li,{children:[(0,n.jsx)(i.strong,{children:"Practical steps"}),": What to actually do, not just theory"]}),"\n",(0,n.jsxs)(i.li,{children:[(0,n.jsx)(i.strong,{children:"Real constraints"}),": Acknowledging time and resource limitations"]}),"\n",(0,n.jsxs)(i.li,{children:[(0,n.jsx)(i.strong,{children:"Foundational concepts"}),": Things that remain useful over time"]}),"\n"]}),"\n",(0,n.jsx)(i.p,{children:"Guides are reviewed and updated periodically. The changelog notes significant revisions."}),"\n",(0,n.jsx)(i.hr,{}),"\n",(0,n.jsx)(i.p,{children:(0,n.jsxs)(i.em,{children:["Looking for something specific? Check our ",(0,n.jsx)(i.a,{href:"/patterns",children:"patterns library"})," for interaction patterns or ",(0,n.jsx)(i.a,{href:"/tools",children:"tools"})," for checklists and templates."]})})]})}function p(e={}){const{wrapper:i}={...(0,r.R)(),...e.components};return i?(0,n.jsx)(i,{...e,children:(0,n.jsx)(g,{...e})}):g(e)}},9176:(e,i,s)=>{s.d(i,{A:()=>r});s(6540);var t=s(4164),n=s(4848);function r({variant:e="default",title:i,children:s}){return(0,n.jsxs)("div",{className:(0,t.A)("ux-callout","default"!==e&&`ux-callout--${e}`),children:[(0,n.jsx)("div",{className:"ux-callout__title",children:i||{default:"Note",tip:"Tip",warning:"Warning",note:"Field Note"}[e]}),(0,n.jsx)("div",{className:"ux-callout__content",children:s})]})}},7474:(e,i,s)=>{s.d(i,{A:()=>r});s(6540);var t=s(6289),n=s(4848);function r({title:e,description:i,to:s,linkText:r="Learn more \u2192"}){return(0,n.jsxs)("div",{className:"ux-card",children:[(0,n.jsx)("h3",{className:"ux-card__title",children:e}),(0,n.jsx)("p",{className:"ux-card__description",children:i}),(0,n.jsx)(t.A,{to:s,className:"ux-card__link",children:r})]})}},5170:(e,i,s)=>{s.d(i,{A:()=>n});s(6540);var t=s(4848);function n({children:e}){return(0,t.jsx)("div",{className:"ux-card-grid",children:e})}},8453:(e,i,s)=>{s.d(i,{R:()=>a,x:()=>c});var t=s(6540);const n={},r=t.createContext(n);function a(e){const i=t.useContext(r);return t.useMemo(function(){return"function"==typeof e?e(i):{...i,...e}},[i,e])}function c(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),t.createElement(r.Provider,{value:i},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.