ATLASDESIGN REFERENCE GALLERY
ATLAS GALLERY / 2026.10

레퍼런스 조사·명세·QA

각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.

레퍼런스 보드 Reference Board

출처·주목 요소·활용 이유를 붙여 참고 자료를 정리한 보드.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

경쟁 제품 분석 Competitive Audit

비슷한 사용자 목표를 해결하는 제품의 구조·장단점을 비교하는 조사.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

디자인 브리프 Design Brief

목표·대상·문제·범위·제약·산출물을 합의한 초기 요구 문서.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

디자인 근거 Design Rationale

선택한 구조와 표현이 요구·증거·제약에 적합한 이유.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

저충실도 프로토타입 Low-fidelity Prototype

핵심 구조와 흐름만 빠르게 검증하는 단순 시제품.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

고충실도 프로토타입 High-fidelity Prototype

실제 외형·상호작용에 가깝게 구현한 검증용 시제품.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

인터랙션 명세 Interaction Specification

트리거·상태 전이·응답·예외·입력 규칙을 정의한 문서.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

상태 행렬 State Matrix

기본·로딩·빈 값·오류·성공 등 조합별 표현을 정리한 표.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

인수 기준 Acceptance Criteria

기능·디자인을 완료로 판단하기 위한 관찰 가능한 조건.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

시각 회귀 테스트 Visual Regression Test

변경 전후 화면 차이를 비교하여 의도하지 않은 시각 변화를 찾는 검증.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

스냅숏 테스트 Snapshot Test

결과를 기준본과 비교해 구조·출력 변화 여부를 감지하는 테스트.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

브라우저 교차 테스트 Cross-browser Test

서로 다른 브라우저에서 기능과 레이아웃 차이를 확인하는 검증.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

반응형 검수 Responsive QA

기기 폭·높이·배율·입력 방식별로 레이아웃과 기능을 확인하는 검증.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

접근성 감사 Accessibility Audit

키보드·보조기술·대비·의미 구조 등 접근성 조건을 체계적으로 점검하는 작업.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

인지 부하 Cognitive Load

과업 수행 중 사용자의 인지 자원에 요구되는 부담.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

회상보다 재인 Recognition over Recall

사용자가 기억해내기보다 눈앞의 선택지를 인식하도록 돕는 원칙.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

피츠의 법칙 Fitts's Law

목표까지 거리와 목표 크기가 포인팅 과업 시간에 영향을 준다는 모델.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

힉·하이먼 법칙 Hick–Hyman Law

선택지의 수와 정보량이 특정 선택 과업 시간에 영향을 준다는 모델.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

어포던스·시그니파이어 Affordance vs Signifier

가능한 행동 자체와 그 행동을 알아차리게 하는 단서를 구분하는 개념.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

기만적 디자인 패턴 Dark Pattern

사용자 의사나 이익에 반하는 선택을 유도하도록 설계된 인터페이스 방식.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

디자인 부채 Design Debt

단기 타협이나 불일치가 쌓여 이후 변경·사용성 비용을 높이는 상태.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

콘텐츠 모델 Content Model

콘텐츠 종류·필드·관계·검증 규칙을 구조화한 정의.

레퍼런스를 모방용 이미지가 아니라 근거·제약·검증 기준이 있는 설계 자료로 관리한다.

용례·판단과 증거를 분리한다. 사례 수집만으로 효과나 사용성을 입증했다고 보지 않는다.

참고 문서

Reference Research, Specifications & QA

Open an entry for its visual reference, comparisons and source-language text.

Reference Board 레퍼런스 보드

A board organizing references with their sources, notable features, and intended use.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Competitive Audit 경쟁 제품 분석

Research comparing the structure, strengths, and weaknesses of products serving similar user goals.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Design Brief 디자인 브리프

An initial agreement on goals, audience, problems, scope, constraints, and deliverables.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Design Rationale 디자인 근거

The reasoning showing how a design choice fits requirements, evidence, and constraints.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Low-fidelity Prototype 저충실도 프로토타입

A simple prototype for quickly testing essential structure and flows.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

High-fidelity Prototype 고충실도 프로토타입

A prototype closely approximating the final appearance and interactions for validation.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Interaction Specification 인터랙션 명세

A document defining triggers, state transitions, responses, exceptions, and input rules.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

State Matrix 상태 행렬

A table specifying presentation across combinations such as default, loading, empty, error, and success.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Acceptance Criteria 인수 기준

Observable conditions for determining whether a feature or design is complete.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Visual Regression Test 시각 회귀 테스트

Comparing screens before and after a change to detect unintended visual differences.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Snapshot Test 스냅숏 테스트

A test comparing output with a saved baseline to detect structural or output changes.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Cross-browser Test 브라우저 교차 테스트

Checking functional and layout differences across browsers.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Responsive QA 반응형 검수

Checking layout and behavior across viewport sizes, scaling levels, and input methods.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Accessibility Audit 접근성 감사

Systematically reviewing accessibility conditions such as keyboard use, assistive technology, contrast, and semantics.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Cognitive Load 인지 부하

The demand a task places on a user's cognitive resources.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Recognition over Recall 회상보다 재인

The principle of helping users recognize visible options rather than recall information from memory.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Fitts's Law 피츠의 법칙

A model relating pointing-task time to target distance and target size.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Hick–Hyman Law 힉·하이먼 법칙

A model relating the number and information content of choices to time in certain choice tasks.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Affordance vs Signifier 어포던스·시그니파이어

Distinguishing possible actions from the cues that make those actions perceptible.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Dark Pattern 기만적 디자인 패턴

An interface designed to steer users toward choices contrary to their intentions or interests.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Design Debt 디자인 부채

Accumulated compromises or inconsistencies that increase future change and usability costs.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference

Content Model 콘텐츠 모델

A structured definition of content types, fields, relationships, and validation rules.

Managing references as design evidence with constraints and validation criteria, rather than images to copy.

Separate examples, judgments, and evidence. Collecting examples does not establish effectiveness or usability.

Reference