UIUX 3

클로드 코드로 가상 사용자 A/B 테스트 Skill 만들기

1. 문제 정의: 왜 필요한가기존 A/B 테스트의 한계는 명확하다.개발 리소스 필요 (배포 비용 발생)트래픽이 있어야 결과 해석 가능테스트 전에 방향 검증 불가이 때문에 실무에서는 다음과 같은 의사결정이 반복된다.“이게 더 좋아 보인다”“직관적으로 이게 맞는 것 같다”즉, 정량적 근거 없이 UI를 결정하는 구조다.이 문제를 해결하기 위해 실험 이전 단계에서 검증 가능한 구조가 있으면 도움이 되겠다는 생각을 했다.더불어 기획, 개발 경계가 많이 무너진 시점에 UI를 구성해야 하는 사람들에게도 도움이 되면 좋겠다. 2. 해결 방식: 시뮬레이션 기반 A/B 테스트이 스킬은 A/B 테스트를 실험이 아니라'행동 시뮬레이션'으로 접근한다.핵심은 다음이다.실제 사용자 데이터 대신사용자 행동 패턴을 모델링하여선택 ..

Claude Code 2026.03.20

UI/UX 용어정리 (2)컴포넌트

이번엔 컴포넌트 위주의 용어를 정리해 나갈 예정이다.컴포넌트, 엘리먼트 혼용되어 있으나 UI에 사용되는 요소라는 측면에서 간단하게 컴포넌트라고 칭하고 분류하였다.UI 구조 측면에서 정리한 용어는 지난 1편(https://tamisandbox.tistory.com/3)에 작성해 두었다. 1. 텍스트박스 (Text Box)텍스트 입력 필드(Text Input Field), 인풋박스라고도 많이 사용된다.사용자가 직접 텍스트를 입력하는 박스를 말하며 검색바, ID/PW를 입력바 모두 텍스트박스다.텍스트박스의 짝꿍처럼 붙어있는 요소로 플레이스홀더(Placeholder)가 있다.이 곳에 어떤 텍스트를 입력해야 하는지 가이드를 주기 위한 UX적 요소로텍스트박스에 아무것도 입력하지 않은 상태에서 보이는 연한 가이드..

UXUI 2026.03.05

UI/UX 용어정리 (1)UI 구조중심

UI/UX 용어를 내 언어로 한 번쯤 정리하고 싶었다.용어는 프로젝트 마다, 함께 소통하는 사람들이 조금씩 조정해 가며 맞춰가야 하는 부분이 있기에나의 기준을 명료하게 정리하고자 이 글을 작성했다.해당 글은 시리즈로 작성해 나갈 예정이다. 1. UI/UX포털에 검색하면 나오는 용어 개념은 다음과 같다.- UI(User Interface) : 사용자 인터페이스- UX(User eXperience) : 사용자 경험UX는 사용자가 접하고 이용하면서 느끼는 모든 행동, 감정, 습관, 심리 등이며 이것을 고려하여 UI로 화면, 버튼, 아이콘 등 시각적 요소를 활용하여 표현하는 것이다.실예로 나는 버튼위치, 디자인적 의사결정에서 '이러이러한 UX를 고려하여 UI에 반영하였다'는 표현을 자주 사용하곤 했다. ..

UXUI 2025.12.08