사용성을 지키면서 광고 매출 극대화하기, 가능할까요?
배달 앱에 외부 광고를 도입하면서 사용성과 매출의 균형을 맞춘 사례를 다뤘습니다. 타겟팅 광고와 UI/UX 개선, A/B 테스트로 eCPM과 매출을 높였습니다.
#광고#A/B 테스트
3500
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
![[미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1](https://static.toss.im/illusts/img-tech-thumbnail-mdc1.png)
[미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1
모바일 선택 화면에서 라디오 버튼 대신 다른 UI를 써도 되는지 UT로 검증했습니다.사용자는 모양보다 질문 맥락에 따라 선택했고, 친절한 안내가 더 중요했습니다.
#UI/UX#모바일
5400
토스 피플: 비전공자에서 디자인 리드가 되기까지
비전공자 출신 디자인 리드의 커리어 성장과 토스 쇼핑에서의 도전 과정을 인터뷰로 소개했습니다. 현재 맡은 일을 꾸준히 해내며 무기를 쌓는 태도의 중요성을 강조했습니다.
#UI/UX#design
4100
당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기
0.5인 리소스로 디자인 시스템을 운영한 사례와 전략을 정리했습니다. 어드민과 대고객 서비스에 서로 다른 도구를 적용하고, 피드백·자동화·히스토리 관리로 운영 효율을 높였습니다.
#UI/UX#디자인패턴
11300
디자이너의 눈으로 본 Figma Slides, 도입해도 될까?
Figma Slides를 디자이너 관점에서 테스트하며 팀 도입 가능성을 살펴보았습니다. 기존 툴의 한계를 보완하면서 협업과 수정 효율을 높일 수 있다는 점이 인상적이었습니다.
#Figma#UI/UX
2400
시각장애인을 위해 모달 컴포넌트 접근성 개선하기
시각장애인의 웹 탐색 방식에 맞춰 모달 접근성을 개선하는 방법을 소개했습니다. aria 속성, ESC 닫기, 포커스 트랩으로 키보드 탐색 경험을 보완했습니다.
#React#UI/UX
5200
Vue.js 환경에서 페이지 이탈 방지 팝업 구현하기
Vue.js SPA에서 가입 중 입력 정보 유실 문제를 막기 위해 이탈 방지 팝업을 구현했습니다. beforeunload와 onBeforeRouteLeave를 조합해 라우터 이동과 외부 이동을 함께 대응했습니다.
#Vue.js#JavaScript
5000
회원가입, 더 쉽게할 수 없을까?
회원가입 플로우를 전면 개선해 불필요한 클릭과 입력을 줄였습니다. 그 결과 소요 시간은 26% 감소하고 완료율과 VOC 지표도 개선됐습니다.
#UI/UX#회원가입
4200
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
웹 접근성을 지켜라
웹 접근성의 기본 개념과 접근성 트리, ARIA 활용법을 정리했습니다. 또한 Radix UI Dialog 예시로 포커스 관리와 상태 전달 방식을 살펴보았습니다.
#웹 접근성#ARIA
3500
PM이 비즈니스 문제를 제품과 유저의 교집합으로 푸는 방법
PM이 비즈니스 문제를 제품과 유저의 교집합으로 푸는 방법
유저의 대출 전환 지점을 세분화해 승인과 실행 저하 원인을 나눠 보았습니다.\n적절한 시점에 승인 정보와 더 나은 조건을 제시해 전환율을 개선했습니다.
#PM#UI/UX
600
PM이 비즈니스 문제를 제품과 유저의 교집합으로 푸는 방법 (1)
사업 목표를 유저 전환과 제품 흐름에 연결해 대출 승인율과 실행율을 높인 사례를 다루었습니다.\n페르소나 분류와 단계별 화면 개편으로 전환율 4.5%, 실행율 5% 개선을 만들었습니다.
#PM#mobile
1800
PM이 비즈니스 문제를 제품과 유저의 교집합으로 푸는 방법 (1)
비즈니스 목표와 유저 니즈가 만나는 지점을 찾아 대출 전환율을 높인 사례를 정리했습니다. 승인 가능성 정보와 더 나은 조건 노출로 신청·실행 이탈을 줄였습니다.
#PM#mobile
2300
Part 1. 여기어때 디자인 시스템 기반 커스텀 SnackBar 개발기
여기어때 디자인 시스템 YDS 6.0 기반 커스텀 SnackBar 개발 과정을 소개했습니다. 상태 관리, 애니메이션, 드래그 제스처를 통합해 재사용성과 확장성을 높였습니다.
#Android#Jetpack Compose
4200
더 나은 유저 몰입감을 위해서는 Edge-to-edge 적용은 필수
Android Compose에서 Edge-to-edge 적용 방법과 API별 동작 차이를 정리했습니다. WindowInsets와 padding으로 시스템 UI 겹침을 조정하는 실무 포인트도 설명했습니다.
#Android#Jetpack Compose
7900