얼마 전 고등학생 딸과 함께 LA를 짧게 방문했습니다. 체류하는 동안 함께 웨이모(Waymo)를 2번 타봤는데 그 경험을 공유합니다. Waymo란? 먼저 웨이모는 자율주행 차량 호출 서비스(autonomous ride-hailing service)로 현재 미국 샌프란시스코, LA, 피닉스, 오스틴, 애틀랜타(곧 운행 예정) 지역에서 운행되고 있습니다. 자세한 내용은 웨이모 홈페이지(https://waymo.com)를 참고해 보세요. 지난 글에서 웨이모 탑승 경험에 대해 소개를 했는데요, 이번 글에서는 이 과정에서 자율주행 차량 호출 서비스에서 몇 가지 생각해 볼만한 UX 포인트를 이야기해보려고 합니다. 자율주행 차량 호출 서비스 UX운전자가 없는 차량을 사용자가 타는 경우에 UX 관점에서 생각해 ..

얼마 전 고등학생 딸과 함께 LA를 짧게 방문했습니다. 체류하는 동안 함께 웨이모(Waymo)를 2번 타봤는데 그 경험을 공유합니다. Waymo란? 먼저 웨이모는 자율주행 차량 호출 서비스(autonomous ride-hailing service)로 현재 미국 샌프란시스코, LA, 피닉스, 오스틴, 애틀랜타(곧 운행 예정) 지역에서 운행되고 있습니다. 자세한 내용은 웨이모 홈페이지(https://waymo.com)를 참고해 보세요. Waymo Journey웨이모를 호출해서 탑승을 종료하기까지 다음과 같은 여정이 있었습니다. 이 저니를 바탕으로 느꼈던 경험을 하나씩 나눠 보겠습니다. ‘웨이모를 타도 될까?’ 확신 갖기 LA에 가면 ‘웨이모를 꼭 타봐야겠다’라는 생각을 했지만 불안한 마음은 있..

매일같이 집을 청소하고 관리하는 것처럼, 변화하는 환경과 사용자의 요구에 맞춰 제품과 서비스를 유지하는 업무를 ‘UX 디자인 운영 업무’ 또는 ‘UX 디자인 유지 보수’라고 합니다. 지난 글에서 고객사와 함께 이룬 결과를 바탕으로 그로스(Growth)의 관점을 더한 운영 업무를 소개했는데요. 이번 글에서는 피엑스디(pxd)가 수행했던 또 다른 운영 프로젝트 사례를 소개하고자 합니다. 복잡했던 서비스 위계를 정리하고, 고객사가 플랫폼을 운영하기 쉽도록 기반을 닦아준 프로젝트죠.규모가 큰 제조사는 필요에 따라 공장 내 조직에 적합한 업무용 서비스를 직접 만들어 쓰는 경우가 많습니다. 오랜 기간 조직별로 구축한 서비스는 겹치는 기능도 있고 그 사용 방식도 다르죠. 문제는 특정 팀이 만든 서비스를 다른 조직과 ..

들어가며사용성이 좋은 앱의 조건으로 어떤 요소가 떠오르나요? 적절한 정보 배치, 가독성, 접근성 등이 떠오르나요? 지난 프로젝트에서 우리는 '좋은 사용성'을 'Task 수행 시간'이라는 지표를 기준으로 평가해 보았습니다. 평가 목표는 주어진 시간 내에 빠르고 정확하게 태스크를 수행할 수 있는 레이아웃을 데이터 기반으로 가려내는 것이었습니다.어떤 상황에서 '빠른 수행 시간'이 곧 '좋은 사용성'이 될 수 있을까요? 티켓을 구매하는 하는 상황을 떠올려 볼까요? 좌석을 빠르게 선점하기 위해 결제 완료까지 가는 시간이 최소한으로 걸려야 하겠지요. 또는 운전 중 인포메이션 화면을 조작하는 상황을 생각해 봅시다. 전방 주시와 동시에  빠르고 정확한 화면 조작이 필요하겠죠. 이런 상황에서 좋은 사용성은 짧은 수행 시..

새로 지은 집의 청소와 관리가 제대로 이뤄지지 않는다면 어떨까요? 아마 얼마 가지 않아 집안 곳곳에는 먼지가 쌓이고 문제가 생길 겁니다. 제품과 서비스도 집과 비슷합니다. 변화하는 기술과 사용자의 요구에 맞춰 기능을 더하거나 빼는 등 주기적인 관리가 필요하죠. 서비스를 최적의 상태로 유지하는 이 업무를 ‘UX 디자인 운영 업무' 또는 ‘UX 디자인 유지 보수'라고 부르며, 피엑스디(pxd)에는 이런 업무를 전문으로 수행하는 팀이 있습니다. 이번 글에서는 피엑스디가 진행했던 운영 프로젝트 사례를 소개하며 운영 업무를 통해 이룬 새로운 가치와 안정적인 운영 업무를 위해 필요한 것을 공유하고자 합니다.협업 솔루션 A(이하 A 서비스)는 피엑스디가 7년간 운영을 담당했던 서비스로, 기업 내의 프로젝트팀 생성과 ..

그동안 소개해 드렸던 스캐폴드 디자인 시스템(Scaffold Design System, 이하 스캐폴드 시스템)은 업무의 효율성을 높이고 싶었던 구성원의 자발적인 스터디를 통해 만들어진 결과물입니다. 오늘은 하나의 목표 아래 같은 방향을 바라보며 힘을 모았던 저희의 이야기를 소개하려고 합니다. 사내에서 스터디를 운영하는 어려움과 그 극복 방안, 완성한 스캐폴드 시스템을 효과적으로 전파하기 위해 기울였던 노력을 담았죠. 하나의 제작기라고 생각해 가볍게 읽어주시면 좋겠습니다. 효과적으로 운영되는 스터디 만들기사내에서 진행하는 스터디에는 뒤따르는 어려움이 많습니다. 업무와의 우선순위를 고려하다 보면 계획대로 스터디가 이뤄지지 않을 때가 많죠. 저희도 비슷한 어려움을 겪고는 했는데요. 시행착오를 겪으며 스터디를 ..

피엑스디(pxd)는 그동안 다양한 프로젝트에서 각기 다른 규칙으로 컴포넌트를 만들어 왔습니다. 이 때문에 매번 다른 디자인 시스템 구조를 파악해야 했기에 작업 및 소통 효율이 떨어졌죠. 이를 해결하기 위한 기준 디자인 시스템인 스캐폴드 디자인 시스템(Scaffold Design System)을 구축하면서 컴포넌트를 일관된 기준으로 정리하고, 제작한 과정을 공유하고자 합니다. 반복되는 컴포넌트 제작, 서로 다른 용어프로젝트를 새로 시작하면서 디자인시스템을 만드는 작업자들과 진행 중인 프로젝트에 합류한 구성원들은 특히 컴포넌트를 새로 제작하는 데 많은 시간을 들여야 했습니다. 디자이너와 기획자, 프론트엔드 개발자까지 직군마다 아래와 같은 이유로 큰 불편함을 겪었죠.프로젝트를 시작할 때마다 수많은 컴포넌트를 ..

미리 알고 가면 좋은 개념원시 값(Raw value): #FF0000, rgb(255, 0, 0)와 같이 색상의 실제 값을 의미하며 가장 기본적인 색상 정의 방식입니다.시맨틱 컬러(Semantic color): 'text-primary', 'text-error'와 같이 색상의 용도나 의미에 따라 이름을 지은 토큰입니다. 용도에 따라 일관된 컬러를 사용하거나 접근성을 관리하기 위해 사용됩니다.스케일 컬러(Scale color): 'blue-100', 'gray-900'과 같이 색상을 일정한 단계로 나눠 지정한 토큰입니다. 일관된 색상 팔레트를 만들고 유지하는 데 사용됩니다. HSL 컬러 모델의 한계, 균일한 대비값 제작의 어려움HSL 컬러 모델에서는 Lightness(밝기) 값이 동일하더라도 Hue(색조)..

미리 알고 가면 좋은 개념원시 값(Raw value): #FF0000, rgb(255, 0, 0)와 같이 색상의 실제 값을 의미하며 가장 기본적인 색상 정의 방식입니다.시맨틱 컬러(Semantic color): 'text-primary', 'text-error'와 같이 색상의 용도나 의미에 따라 이름을 지은 토큰입니다. 용도에 따라 일관된 컬러를 사용하거나 접근성을 관리하기 위해 사용됩니다.스케일 컬러(Scale color): 'blue-100', 'gray-900'과 같이 색상을 일정한 단계로 나눠 지정한 토큰입니다. 일관된 색상 팔레트를 만들고 유지하는 데 사용됩니다.다양한 디자인 시스템의 컬러 체계 조사디자인 시스템을 만들 때 많이 참고하는 시스템은 주로 구글 머티리얼(Google Material)..

타이포그래피는 화면의 대부분을 구성하는 매우 중요한 요소로, 견고한 디자인 시스템을 위해 반드시 갖춰야 할 요소죠. 그러나 시스템 구축 초기 단계에서는 놓치기 쉬운 부분이기도 합니다. 피엑스디(pxd) 내부에서도 대규모 프로젝트를 진행하면서 텍스트 스타일 체계를 적용하는 과정에서 여러 어려움을 겪었습니다. 이러한 어려움을 어떻게 해결해 나갔는지 소개하겠습니다. 문제1. 확장성이 떨어지는 이름 규칙기존에는 Body 스타일의 이름을 지을 때 body 1, body 2와 같이 가장 큰 사이즈를 기준으로 내림차순으로 이름을 지었습니다. 프로젝트 초기에는 크게 문제가 없었지만, 운영을 하다 보면 꼭 아래와 같은 요청이 발생했습니다.큰 제목을 사용하게 되서, 더 큰 본문 텍스트가 필요해요. 18px정도면 좋을 것 ..

pxd(피엑스디)에서는 지난 2년 동안 대규모 프로젝트를 진행하면서, 과정에서 맞닥뜨린 문제들이 있었습니다. 그래서 조직 내에서 반복적으로 발생하는 문제들을 모아 해결함으로써 조직 전체의 디자인 운영 효율을 높이는 것을 목표로 사내 스터디를 시작하게 되었죠. 스터디를 23년 2월부터 약 1년 4개월간 진행해 오면서, 그동안 연구한 내용을 바탕으로 ‘다수의 프로덕트를 운영하는 조직을 위한 디자인시스템’을 제작했습니다. 해당 시리즈를 통해 그 과정과 결과를 공유하고자 합니다. 프로젝트를 하면서 느낀 문제점 모으기 앞서 말씀드린 대로 대규모 프로젝트를 진행하면서 마주친 다양한 문제들이 있었습니다. 많은 구성원들이 이를 해결하기 위한 방법이 필요하다고 생각했고, 각자 프로젝트를 하면서 느꼈던 불편한 점, 개선되..

올해 4월, 뉴욕에서 열린 “NFT.NYC 2024”에 연사로 참여했었습니다. 지난해 스포츠 NFT를 기획하며 느꼈던 UX 인사이트를 짧게 공유해 보았어요. NFT.NYC는 매년 뉴욕에서 열리는 규모가 큰 NFT 행사입니다. 우연히 Call for Speaker 공고를 보고 스피커로 지원했는데 발표를 할 수 있게 되어 굉장히 기쁜 마음으로 다녀왔습니다. 준비하면서 스트레스받고 도망가고 싶은 마음도 컸지만 막상 마치고 나니 스스로 칭찬하게 되네요. 이번 글에서는 어떻게 참여하게 되었는지, 또 그 과정과 개인적으로 느낀 점을 공유해 보려고 합니다.  Apply to speak 개인적인 얘기를 해보자면, 저는 평소에는 여러 프로젝트를 하며 크고 작은 자리에서 프리젠테이션 기회가 많고, 처음 보는 클라이언트와 ..