https://brunch.co.kr/@summer-bom/54
눌러보고 싶은 동그란 버튼
문제를 해결하는 디자이너 관점의 다양한 해법 | 안녕하세요. 이번에 접근성과 심미성을 놓치지 않으면서도 비즈니스 목표에 부합해 지표도 성장한 좋은 사례가 있어 과정과 결과를 소개합니
brunch.co.kr
프리즘 메인의 '배너' 영역 개선
접근성과 심미성을 놓치지 않으면서도 비즈니스 목표에 부합 지표 성장
비즈니스 목표
As Is
비즈니스 기여도가 큰 카테고리를 전략적으로 최대 2개 운영. 정성껏 준비해 잘 브랜딩 된 예시
To Be
서비스가 빠른 성장하면서 더 많은 비즈니스 접점이 생겨, 중요한 진입 경로가 필요해짐
각 카테고리를 대표하는 프로그램 쇼룸으로 이동이 가장 적합해짐. 메인에서 쇼륨으로 쉽게 진입할 수 있는 플로우 설계
어디서나 일관된 메타포(은유)
디자인 컨셉- 프로필 디자인의 메타포인 원형
원형은 서비스 어디서나 쇼룸(프로필)을 상징하고 있기 때문에 사용자가 쉽게 인지할 수 있음
조형의 기본 감각을 활용한 트랜지션(전환,움직임)
주목도를 높이기 위해 이 영역에 트랜지션으로 엣지 포인트
원형- 다양한 물리적인 특성 중 가로의 좁은 지면을 고려해 굴러들어 오는 힘 & 자연스러운 탄성 사용
정보를 복잡하지 않게 세련되게 전달하기
UI- 썸네일 하단에 설명 레이블 사용
PXD팀의 미션- 항상 요소를 뺄 수 있을 때까지 빼는 최소화 원칙
썸네일 내에서 긴 이미지가 슬라이드 애니메이션되는 방법으로 해결 (복잡함을 낮추고, 읽고 싶은 유인 요소)
500% 상승
런칭 후> 전체 CTR(클릭률) 5배 상승
메타포의 일관성과 주목성 높은 트랜지션, 또 복잡하지않고 명확한 정보를 인지시키는 슬라이드 애니메이션이 잘 어우러짐
문제를 해결하는 디자이너 관점의 다양한 해법
좋은 자리에 좋은 요소가 자리했을 때, 좋은 성과를 낼 수 있음!
디자이너는 더 깊고, 넓은 관점으로 시각화를 고민해야 함
다양한 아이디어와 표현 스킬 발휘
프리즘 앱은 '경험소비' 트렌드를 겨냥하며 차별화된 경험 제공했다고 함. 이때 차별화된 경험을 다른 숙박앱에 별로 없는 고화질의 숏폼영상을 제공한 것을 말한건가? 이 앱을 처음 접해서 잘 모르겠음.
앞으로 UXUI를 할 때 브랜드가 어떤 콘텐츠를 제공하고 있는지, 방향을 제대로 분석하고! 아이덴티티를 바탕으로 화면 구성을 어떻게 해야 사용자 경험이 높아질 것 인지 많은 고민을 해야겠다고 생각함