UX블로그

UX라이팅

☆ 공유

전환율보다 먼저 봐야 하는 버튼 문구의 명확성

좋아 보이는 문구보다 중요한 건 클릭 이후 어떤 일이 벌어지는지 바로 이해하게 만드는 일입니다. 확인, 제출 같은 추상 문구 대신 다음 행동을 예고하는 카피가 사용자 불안을 먼저 줄입니다.

#버튼카피#전환율#마이크로카피

60초 만에 읽기 →

UX리서치

☆ 공유

인터뷰 질문 설계에서 자주 생기는 초보 실수

질문이 부드럽다고 인터뷰가 잘 되는 건 아닙니다. 경험 확인 없이 의견부터 묻거나, 맥락과 감정을 한 질문에 섞는 순간 답변의 밀도가 급격히 떨어집니다. 실제 행동을 끌어내는 순서가 핵심입니다.

#인터뷰질문#UX리서치#사용자조사

90초 만에 읽기 →

UX기획/디자인

☆ 공유

화면정의서가 예쁜데도 개발이 헷갈리는 이유

보기 좋은 정의서가 곧 좋은 정의서는 아닙니다. 상태값, 예외 흐름, 연결 규칙이 비어 있으면 디자이너와 개발자, QA가 서로 다른 화면을 상상하게 됩니다. 미감보다 기준이 먼저입니다.

#화면정의서#서비스기획#예외흐름

60초 만에 읽기 →

피그마

☆ 공유

피그마를 디자인 툴이 아니라 협업 툴로 봐야 하는 이유

피그마의 핵심은 화면을 예쁘게 만드는 데 있지 않습니다. 코멘트 흐름, 컴포넌트 기준, 버전 공유 구조가 정리될 때 팀 전체의 의사결정 속도가 함께 빨라집니다.

#피그마#협업툴#컴포넌트

90초 만에 읽기 →

AI트랜드

☆ 공유

AI UX에서 프롬프트보다 먼저 정해야 하는 기준

프롬프트를 잘 쓰는 것보다 먼저 필요한 건 문제정의와 검증 기준입니다. 어떤 장면에서 AI를 쓸지, 결과를 누가 어떤 기준으로 확인하는지 정리되지 않으면 도입은 금방 흐려집니다.

#AIUX#문제정의#검증기준

120초 만에 읽기 →

바이브코딩

☆ 공유

바이브코딩으로 프로토타입 검증 속도를 높이는 방법

완성도 높은 제품을 만들기보다 작은 인터랙션을 빨리 확인하는 데 집중하면 검증 속도가 크게 빨라집니다. 기획자와 디자이너가 직접 프로토타입을 만져보는 순간 회의 시간이 줄어듭니다.

#바이브코딩#프로토타입#검증루프

90초 만에 읽기 →

UX라이팅

☆ 공유

에러 메시지 작성 시 사용자 이탈을 막는 3가지 서술 규칙

시스템 오케스트레이션 코드 대신 사용자가 지금 무엇을 바로잡아야 하는지 친절하고 간결하게 설명할 때 탈퇴율을 극적으로 낮출 수 있습니다.

#에러메시지#UX라이팅#예외처리

90초 만에 읽기 →

UX리서치

☆ 공유

UT(사용성 테스트) 진행 시 모더레이터가 절대 하지 말아야 할 말

사용자가 헤매는 순간 '오른쪽 상단 버튼을 누르시면 됩니다'라고 힌트를 주는 순간, 테스트의 모든 데이터는 왜곡됩니다.

#사용성테스트#UT#모더레이팅

60초 만에 읽기 →

UX기획/디자인

☆ 공유

디자인 시스템 구축 시 토큰과 컴포넌트를 분리해야 하는 이유

컬러와 타이포그래피 변수(Token)를 컴포넌트 하드코딩 값과 독립시켜야 다크모드 및 모바일/데스크톱 파급 변경 시 오류가 생기지 않습니다.

#디자인시스템#디자인토큰#컴포넌트

90초 만에 읽기 →

AI트랜드

☆ 공유

생성형 AI 인터페이스의 대화형 vs 캔버스형 선택 가이드

단순 질의응답은 대화형(Chatbot)이 유리하지만, 복잡한 문서 및 디자인 편집 작업은 캔버스(Canvas) 뷰 Split 구조가 훨씬 효율적입니다.

#생성형AI#캔버스UX#AI인터페이스

90초 만에 읽기 →

피그마

☆ 공유

피그마 Auto Layout과 Component Properties로 제작속도 3배 올리기

오토 레이아웃의 Min/Max Width 설정과 컴포넌트 속성(Variant, Boolean, Instance Swap)을 정교하게 다루는 실무 테크닉.

#AutoLayout#피그마팁#생산성

60초 만에 읽기 →

바이브코딩

☆ 공유

프롬프트 기반 바이브코딩으로 10분 만에 랜딩페이지 MVP 검증하기

기획안 텍스트를 LLM 개발 프롬프트로 변환하여 실시간 브라우저 실행 코드로 구축하는 실전 절차 가이드.

#MVP#바이브코딩#프롬프트

60초 만에 읽기 →

UX라이팅

☆ 공유

온보딩 과정에서 사용자의 인지 부하를 줄이는 마이크로카피

처음 앱을 켠 사용자에게 권한 요청(알림, 위치)을 받아낼 때 명백한 이득을 제시하는 혜택 중심 서술 기법.

#온보딩#마이크로카피#UX카피

60초 만에 읽기 →

UX리서치

☆ 공유

FGI 표적집단 면접조사에서 그룹 편향을 방지하는 구조화 기술

목소리 큰 참석 한 명이 전체 분위기를 주도하는 현상을 막기 위해 사전 서면 작성과 독립 득표 방식을 병행하는 리서치 스킬.

#FGI#패널조사#리서치설계

120초 만에 읽기 →

UX기획/디자인

☆ 공유

모바일 결제 단계에서 이탈을 줄이는 1-Page Checkout 동선 설계

주소 입력, 쿠폰 적용, 결제 수단 선택을 한 페이지 안에서 아코디언 컴포넌트로 처리하여 이탈률을 24% 감소시킨 사례.

#결제동선#1PageCheckout#전환개선

90초 만에 읽기 →

AI트랜드

☆ 공유

LLM 에이전트 서비스의 로딩 대기 시간을 견디게 만드는 UI 패턴

10초 이상 소요되는 복잡한 AI 추론 과정 동안 사용자에게 단계별 진행 상태(Progress Stage)를 투명하게 시각화하기.

#LLM#로딩패턴#대기시간UX

60초 만에 읽기 →

피그마

☆ 공유

Figma Variables를 활용한 다크모드 및 다국어 스위칭 구축법

피그마 배리어블 모드를 활용해 버튼 클릭 한 번으로 국문/영문 및 라이트/다크모드 전체 시안을 전환하는 시스템 설계.

#Variables#다크모드#피그마수업

120초 만에 읽기 →

바이브코딩

☆ 공유

디자이너가 바이브코딩으로 직접 코드형 프론트엔드를 구축할 때의 Gotchas

디자인 시스템 tokens.css와 LLM 바이브코딩 프롬프트 사이의 세만틱 일관성을 유지하는 주의사항.

#프론트엔드#바이브코딩#디자이너개발

120초 만에 읽기 →

UX라이팅

☆ 공유

금융 & 커머스 앱에서 Trust(신뢰)를 구축하는 서술 톤앤매너

undefined

60초 만에 읽기 →

UX라이팅

☆ 공유

금융 & 커머스 앱에서 Trust(신뢰)를 구축하는 서술 톤앤매너

과도한 혜택 과장이나 모호한 법적 경고 문구 대신 직관적이고 솔직한 텍스트로 사용자의 신뢰감을 극대화하는 법.

#신뢰디자인#톤앤매너#금융UX

120초 만에 읽기 →