시리즈는 DeFi(Decentralized Finance) 플랫폼의 스왑 서비스를 사례로 UX 디자이너가 데이터를 이해하고 활용하는 방법에 대해 이야기합니다. 첫 번째 편에서는 이용자를 종합적으로 이해하는 과정을, 두 번째 편에서는 이용자 유형을 분류하는 과정을 소개했습니다. 마지막인 이번 편에서는 이용자의 서비스 이용 방식과 그에 기반한 서비스 개선 과정을 살펴보겠습니다. 서비스 이용 방식 파악하기 프로덕트 팀이 파악한 스왑 서비스 이용자가 서비스를 이용하는 방식은 크게 세 가지입니다. 첫 번째 유형은 토큰즈 페이지를 여러 차례 방문해 상당 시간 머무른 뒤 스왑 거래를 했습니다. 두 번째 유형은 스왑 페이지에서 ‘코인 Exchange’ 버튼을 반복해서 눌러 지불 코인과 수령 코인을 변경해 가며 거래했습..

프로덕트팀의 목표는 데이터를 활용해 이용자에게 최적의 서비스 경험을 제공하는 것입니다. 하지만 1편에서 말한 대로 블록체인 기반 서비스의 로그 데이터(사용 기록)는 이용자를 특정하기 어렵습니다. 이 때문에 프로덕트팀은 DeFi(Decentralized Finance) 플랫폼의 방대한 데이터 가운데 필요한 것만 모아 확인하고 가공해 플랫폼에 최적화된 데이터를 추적하고 모니터링합니다. 프로덕트팀은 수많은 데이터 중에 어떤 데이터를 활용할까요? 플랫폼 관련 데이터 모니터링은 기본 우선, 프로덕트팀은 DAU(Daily Active Users), 신규 방문자 수 등 기본적으로 모니터링해야 하는 데이터를 확인합니다. 여기에 TVL(Total Value Locked), 거래량, 각 상품의 예치 수량, 플랫폼에서 거래..

UX 디자이너가 데이터를 보는 이유 UX 디자이너는 서비스를 설계하고, 구현해 내기 때문에 서비스의 의도를 누구보다 명확하게 파악하고 있습니다. 이용자들이 디자인 의도대로 서비스를 사용하고 있는지, 그렇지 않은지 가장 먼저 알아챌 수 있죠. 따라서 디자인이 제대로 작동하지 않을 경우, 빠르게 개선안을 제시할 수 있습니다. 이것이 프로덕트팀이 데이터를 들여다보는 이유이자 배경입니다. 데이터 기반으로 서비스 설계를 검토하고, 이용자 행동 방식을 이해해 실제 서비스 운영에 활용하는 것이죠. 데이터 분석의 세 가지 목적 1. 이용자 이해 2. 이용자의 서비스 이용 방식 파악 및 유형 구분 3. 서비스 개선 및 디자인 의사 결정 이러한 목적을 달성하기 위해 프로덕트팀은 정량적 사고와 경험을 바탕으로 데이터 기반의..

들어가며 안녕하세요, pxd XE 그룹에서 프론트엔드 개발을 하고 있는 김동규입니다. 서비스에 열심히 투자하고 런칭했으나 검색 결과에 노출이 되지 않거나 낮은 순위로 노출되고 사용자 유입이 절대적으로 적은 경우, 사용자 경험이 좋지 않아 지속적으로 사용자 이용이 되지 않는 경우, 비즈니스 관점에서 엄청난 손실을 볼 수 있겠죠. 이런 상황들을 파훼하기 위해 우리가 꼭 알아야 할 Core Web Vital에 대해 알아보겠습니다.​ 성능은 회사의 수익에 직접적인 영향을 미쳤습니다. Performance has directly impacted the company’s bottom line. Pinterest Core Web Vitals 웹 바이탈(Web Vitals)은 웹에서 최종 사용자 페이지 경험을 측정하기..

pxd talks는 여러 분야의 연사님을 초빙해 인사이트를 나누는 시간입니다. pxd 구성원들이 더 넓은 시야로 무언가를 새롭게 발견하거나 자신을 성장시킬 수 있는 기회를 얻을 수 있도록 말이죠. 그리고 그 경험은 [pxd talks] 아티클로 기록합니다. pxd 구성원들이 함께 보고 듣고 느끼고 배운 것들이 사라지지 않고 pxd story에 남아 더 넓은 세상으로 뻗어갈 수 있기를 바랍니다. 2023년의 마지막 달 다시금 pxd talks가 열렸습니다. 다가오는 새해를 준비하며 연례행사처럼 다이어리를 구매하는 분들이 있죠? 그런 분들을 위해 이번 pxd talks에서는 북 바인딩으로 다이어리를 제작해보는 시간을 가졌는데요. 바인딩이란 속지와 커버를 엮어 책을 만드는 공예이며 각각의 재료에 따라 다양한 ..

들어가며 블록체인 기술 적용으로 여러 산업에서 일어날 변화를 그려보면 마치 딴 세상 같습니다. 분야를 불문하고 업무상의 비효율, 정보의 비대칭성 및 불투명성, 지속적인 보안 강화와 같이 지금도 좀처럼 처리하기 어려운 문제들이 해결될 뿐만 아니라 새로운 가치가 창출되기도 하니까요. 하지만 대개 신기술을 적용하다 보면 극복해야 하는 장애물이 등장합니다. 블록체인의 경우는 기술로 인한 혜택이 빛을 발하려면 현실의 데이터를 활용해야 하는데, 기술 특성상 이를 자동으로 가져오거나 보낼 수 없다는 것이죠. 이러한 어려움을 ‘Oracle(오라클)의 문제’라고 하는데요. 본래 ‘Oracle’은 신들의 대답을 전달하는 사제를 뜻합니다. 블록체인 세계에서는 신탁을 전하는 역이라는 점에서 영감을 받아 현실의 데이터를 블록체..

WEMIX CHAMPIONSHIP(위믹스 챔피언십)은 골프 경기에 블록체인을 결합해 새로운 형태의 참여형 스포츠 문화를 제안하는 프로젝트입니다. KLPGA 2023시즌의 정규투어를 아우르는 'Race to WEMIX CHAMPIONSHIP’을 거쳐, 왕중왕전인 ’WEMIX CHAMPIONSHIP 2023’으로 진행됐습니다. WEMIX3.0의 첫 번째 리얼 월드 이벤트, WEMIX CHAMPIONSHIP에 대해 알아보겠습니다. 블록체인에 기록하고 NFT로 구현한 KLPGA 2023시즌 KLPGA 2023시즌에는 블록체인 기반의 'Race to WEMIX CHAMPIONSHIP(이하 RWC)'이 도입됐습니다. 시즌 정규투어에 WEMIX 포인트 시스템을 적용해 대회 결과에 따라 선수들에게 점수와 순위를 부여하..

들어가며 SASS(Syntactically Awesome Style Sheets) 전처리기 환경에서 자주 쓰이는 기능 중 various, mixin을 이용해 코드를 모듈화하여 코드의 생산성, 재활용성을 높여 편리하게 사용할 수 있습니다. 프로젝트에 공통으로 자주 쓰이는 mixin을 정리해보았습니다. 아이콘 CSS로 그리기 프로젝트 디자인 파일에서 X, | , ▲, ⌃ 아이콘들의 집합체를 보신 적 있으신가요? 이런 아이콘을 볼 때 크기, 색상별로 구분하다가 눈으로 확연히 보이지도 않고, 중간에 생겨나는 애매한 크기들로 이름 규칙에 혼란이 생기기도 하고 이미지 리소스 관리나 사용적인 면도 어려움이 생깁니다. (분명히 없을 것 같지만, 1px ~ 2px씩 아이콘이 커진다든지 아이콘 컬러들이 전체적으로 톤업/톤..

블록체인 지갑, 몇 개나 갖고 있으신가요? 가방 속 지갑은 하나인데 블록체인 지갑은 왜 여러 개여야만 할까, 의문이 들었던 때가 있진 않으신가요. 네트워크 하나하나 다른 지갑을 사용하다 지치거나, 이용 방법이 너무 복잡해 ‘OO 지갑에서 토큰 보내는 법’을 검색하는 데에 시간을 쏟았던 때도요. 하지만 이젠 걱정하지 마세요. 더 이상 “블록체인 지갑은 원래 그런 거니까.”라며 불편을 감수할 필요가 없습니다. 즐거운 블록체인 생활, una Wallet(우나 월렛) 하나면 충분하니까요. 지갑 하나로 충분해진 디지털 자산 관리 블록체인 시장의 코인과 토큰은 다양한 네트워크 종류만큼이나 제각기 다른 가치를 갖기 때문에 이용자 입장에서는 ‘내 자산이 얼마인지’ 곧바로 파악하기가 어려운데요. Arbitrum(아비트럼..

‘벽을 눕히면 다리가 된다.’라는 말이 있습니다. 지금은 우리를 가로막고 있는 하나의 벽일지라도, 이 벽을 눕히는 데 성공한다면 더 큰 가능성으로 향하는 다리가 되어줄 수 있다는 의미입니다. 블록체인 생태계에도 벽은 존재합니다. 생태계 속 각각의 블록체인은 독자적인 네트워크를 구축하고 있고, 이 네트워크들 사이의 자산의 이동이나 데이터의 교류가 어렵다는 점이 바로 블록체인 생태계에 놓인 하나의 벽입니다. 지금까지 체인과 체인 사이를 연결해 보려는 움직임이 없었던 것은 아닙니다. 브릿지로 대표되는 크로스 체인 기술이 있고 지금도 사용되고 있죠. 하지만 이용자의 관점에서 바라볼 때 완전하게 체인 간의 연결을 이뤄냈다고 말하기는 어렵습니다. 체인 간의 토큰을 교환할 수 있는 활동 정도에 그칠뿐더러 이용 과정이..

pxd talks는 여러 분야의 연사님을 초빙해 인사이트를 나누는 시간입니다. pxd 구성원들이 더 넓은 시야로 무언가를 새롭게 발견하거나 자신을 성장시킬 수 있는 기회를 얻을 수 있도록 말이죠. 그리고 그 경험은 [pxd talks] 아티클로 기록합니다. pxd 구성원들이 함께 보고 듣고 느끼고 배운 것들이 사라지지 않고 pxd story에 남아 더 넓은 세상으로 뻗어갈 수 있기를 바랍니다. 들어가며 지난 9월 토스의 프로덕트 브랜드 디자이너 김지윤 연사님을 통해 인하우스에서 BX 디자이너가 일하는 방법을 주제로 pxd talks를 진행했습니다. 본 글에서는 pxd talks의 강연 내용 중 토스의 브랜드 자산 운용과 인지 전략, 프로덕트와 브랜딩 간의 상관관계를 전달해 보려 합니다. 브랜드 자산 운용..

들어가며 얼마 전 사파리 브라우저에서 레이어 팝업 창을 닫을 때 바닥화면의 스크롤이 예상치 못하게 튕기는 현상을 발견하여 이게 무슨 일인가 싶어 원인 파악을 해봤습니다. 원인은 레이어 팝업이 닫힐 때 클릭했던 요소에 포커스를 옮겨주는 기능으로 인해 발행하였던 문제였는데요. 사파리 브라우저에서는 이 포커스가 클릭했던 요소가 아닌 부모의 요소에 포커스가 되고 있어 스크롤이 상단으로 튕겨지는 문제였는데요. 이 과정에서의 원인 파악과 문제를 해결한 내용에 대해 작성하였습니다. 포커스를 옮겨주는 기능이 꼭 필요한가? 우선 포커스를 클릭했던 요소에 옮겨주는 기능은 웹 접근성 및 사용자 경험 향상에 있어 중요한 요소입니다. 포커스를 옮겨줘야 하는 이유 또한 매우 명확하고 납득이 가능한데, 다음과 같습니다. 사용자 경..