최근 뉴욕타임스나 워싱턴 포스트와 같은 미국 언론사에서는 노코드 데이터 시각화 툴인 ‘데이터래퍼(Datawrapper)’를 많이 사용하고 있습니다. 데이터래퍼는 간단한 차트, 지도 및 표를 쉽게 만들 수 있도록 도와줍니다. 제가 워싱턴 포스트에서 그래픽 기자로 근무할 당시에도 이 툴을 자주 사용했었습니다. 데이터래퍼는 다른 노코드 데이터 시각화 툴에 비해 차트 형식, 디자인, 주석 등의 설정이 용이합니다. 이 스토리에서는 누적 영역 그래프(Stacked area chart)를 함께 만들어보려고 합니다. 무료로 제공되는 버전을 이용하여 인터랙티브 차트를 제작할 예정입니다.

서비스의 개선점을 찾거나 공유할 때, 보통 화면을 캡처하거나 최신 버전에 해당하는 기능 정의 또는 스토리보드, 와이어 프레임을 업데이트하는 경우가 많습니다. 익숙한 방법이지만 한 번의 과정이 더 추가되고, 실제 화면 기준으로 논의하기 어렵다는 한계점이 있습니다. 오늘 소개하는 ‘ruttl(루틀)’은 이러한 불편함을 해소할 수 있는 서비스입니다. 사용자가 실제 보는 화면을 기준으로 목적(다음 버전을 위한 개선사항 등)에 따라 코멘트를 남기거나, 어떻게 개선하면 좋을지 구체적인 적용 방안을 쉽게 관리할 수 있습니다.

챗GPT의 등장으로 서비스는 물론 업무 과정에도 많은 영향을 끼치고 있는데요. 특히 AI에게 정확한 명령을 내려 높은 품질의 결과를 얻기 위한 ‘프롬프트’가 핵심으로 떠오르고 있습니다. 오늘 소개할 ‘AI Colors’도 프롬프트와 깊은 연관이 있습니다. 컬러 구성과 관련된 프롬프트를 입력하면 다섯 가지 컬러를 생성해 주고, 생성된 컬러를 랜딩 페이지, 모바일 앱, 대시보드, 포트폴리오 등 네 가지 화면에서 확인할 수 있는 서비스입니다.

어릴 적 미술시간에 했던 과학 상상 그리기 기억하시나요? 아이들은 주로 미래 도시를 그렸고, 그림 속에는 날아다니는 자동차나 자율로 이동하는 운송수단을 볼 수 있었습니다. 아직 날아다니는 자동차는 볼 수 없지만 자율 주행 자동차는 접할 수 있는데요. 과거 산업혁명 시절부터 지금까지 사람들은 왜 운송수단의 변화를 꿈꾸는 걸까요? 이유는 다양하겠지만 편리하고 새로운 운송수단에 대한 수요는 여전한 것 같습니다. 이번 글에선 디자이너의 관점에서 바라본 모빌리티 시장의 UX, UI에 대해 살펴보겠습니다.

모바일 앱은 이제 쓰이지 않는 곳이 있을까? 싶을 정도로 우리의 일상 속 다양한 영역에서 밀접한 영향을 주고 있습니다. 수많은 앱이 기획, 디자인, 개발 등의 과정을 거쳐 계속해서 공개되고 있고, 모바일 앱을 만드는 툴 역시 빠르게 발전을 거듭하고 있습니다. 오늘 소개할 ‘Aaply’는 누구나 쉽게 앱을 디자인할 수 있도록 도와주는 서비스로 현재 무료 베타서비스를 제공하고 있습니다. 이번 글에서 자세히 살펴보겠습니다.

위워크(WeWork)라는 회사가 있습니다. 이름에서 유추할 수 있듯이 함께 일할 수 있는 공유오피스 공간을 제공합니다. 한때 ‘공유경제’의 대명사로 기업가치 450억 달러 이상으로 평가받던 유니콘이었으나, 2019년에는 29억 달러까지 추락한 곳이죠. 애플TV의 “우리는 폭망했다”라는 시리즈의 소재가 될 정도로 극단을 오간 기업이며 2021년에 한 벤처케피털과 합병해 뉴욕 증권거래소에 상장했습니다. 이번 글에서는 위워크가 시리즈D 투자를 유치할 당시 사용했던 2014년도 피치덱을 살펴보려고 합니다. 위워크는 이 피치덱을 이용하여 3억3천5백만 달러 (당시 환율 기준 약 3550억원)의 투자를 유치합니다.

이미지 편집은 디자이너가 아니더라도 꽤 자주 필요한 업무인데요. 저는 주로 이미지 크기, 비율을 수정하거나 일정 영역을 잘라낼 때 사용합니다. 이렇게 편집한 이미지는 문서에 삽입하거나, 피그마 등의 툴을 활용해 프로토타입을 제작할 때도 있습니다. 오늘 소개하는 ‘Edit.photo’는 무료로 이용할 수 있지만, 이미지 편집에 꼭 필요한 핵심 기능을 담고 있는 곳입니다. (저는 이곳을 알게 된 이후로 포토스케이프 사용 빈도가 줄었습니다.)

UI/UX 디자인 프로세스 중, 사용자의 경험을 한 눈에 보기 위해 정리하는 작업이 있다. 이렇게 ‘사용자 여정 지도(User Journey Map 혹은 고객 여정 지도 Customer Journey Map)’를 그리는 작업이다. 꼭 UI/UX 디자인을 하지 않아도 한 번쯤은 이렇게 생긴 표를 봤을 것이다. 서비스의 사용 흐름을 파악하기 위해 많이 활용되는 분석 기법인데, 이를 제대로 작성하려고 하면, 접점(Touch Point) 정의부터 퍼소나(Persona) 구축, 설문조사 등 굉장히 많은 단계를 거쳐야 한다. 하지만 오늘은 그 모든 과정을 노션 AI와 ChatGPT를 통해 한 번에 진행해보려고 한다.

웹 접근성은 디지털 분야에서 유니버설 디자인의 메시지를 내포하는 개념으로써, 웹사이트, 도구, 기술이 장애를 가진 사용자들도 사용할 수 있도록 만들어진 것을 말합니다. 이때 장애란 일반적으로 생각하는 신체적, 인지적 장애뿐만 아니라 웹에 접근하는 데 영향을 주는 일시적인 장애 상태, 그리고 환경적 제약을 포괄하고 있습니다. 한국형 웹 콘텐츠 접근성 지침은 크게 원칙, 지침, 검사 항목까지 3단계로 구성되어 있습니다. 구체적으로 4가지 원칙에는 인식의 용이성, 운용의 용이성, 이해의 용이성, 견고성이 있으며 이들 원칙을 준수하기 위한 14개 지침, 그리고 지침 준수를 확인하기 위한 33가지 검사 항목이 존재합니다. 지금부터 4가지 원칙과 여기에 따른 14개 지침을 하나씩 살펴보도록 하겠습니다.

‘인터랙션 디자인’이란 인간과 제품 사이 상호작용을 원활하게 돕는 디자인입니다. 인터랙션 디자인을 구성하는 많은 요소 중 움직임, 즉 모션 디자인이 적지 않게 차지하고 있습니다. 모션은 화면에 생동감을 부여하며, 사용자와 제품 사이 커뮤니케이션을 효과적으로 표현할 수 있는 도구죠. 이러한 모션 디자인은 안드로이드(Android), iOS 등 운영체제(OS)마다 지향하는 원칙이 조금씩 다릅니다. 각 운영체제에서 중요시하는 모션 디자인의 원칙은 무엇인지, 서로 무엇이 다른지 비교, 분석하고자 합니다.