들어가며 지난 1편에서 타입스크립트가 어떤 언어이고 왜 쓰면 좋은지 알아보았다면 이번엔 이 정적인 언어를 어떻게 적용하는지 알아보도록 합시다. 타입스크립트 적용해 보기 지금부터 타입스크립트를 적용한 html 파일을 만들어 보겠습니다. 타입스크립트는 npm을 이용하거나 vscode를 통해서 설치할 수 있는데요, 이번에는 npm을 사용해서 타입스크립트를 전역으로 설치해 보겠습니다. 타입스크립트를 전역으로 설치하겠다는 npm 명령어를 작성해줍니다. npm install -g typescript 설치가 완료되면 tsc라는 타입스크립트 명령어를 실행할 수 있게 됩니다. tsc 명령어를 사용해 프로젝트 폴더에서 tsconfig.json 파일을 생성합니다. tsc --init //tsconfig.json 생성 명령 ..

들어가며 회사에서 들었던 웹 접근성을 고려한 콘텐츠 제작 가이드 강의에서 웹 접근성 지침 준수는 모든 웹사이트의 의무사항이라고 들었습니다. 웹 접근성 마크를 취득해야 하는 프로젝트가 아니고서야 접근성 개선 작업은 많은 시간과 노력이 필요하기 때문에 굳이 작업하지는 않습니다. 작년에 진행한 프로젝트에서 웹 접근성 작업을 어떻게 해야 할지 고민하다 WAI-ARIA를 처음 접하고 경험하게 되었습니다. 언젠가부터 React, Vue, Angular와 같은 동적 콘텐츠를 제작하는 SPA 환경 프로젝트가 점차 많아지면서 WAI-ARIA는 사용자에게는 적절한 정보를 개발자에게는 편리하게 접근성을 높일 수 있는 기술이라 생각합니다. 복잡하고 동적으로 변화하는 웹 환경에서 신체적, 환경적 조건에 차별 없이 동등하게 이용..

끝날 듯 끝나지 않는 코로나19 시기 모두 어떻게 지내고 계신가요? 저희 피엑스디도 재택근무를 기본으로 하고 꼭 만나야 할 땐 출근하며 지내고 있습니다. 재택근무 생활은 모두 어떠신가요? 저희는 지난해 Jam Live를 시작으로 다양한 이벤트를 시도 하고 있는데요, 오늘은 그중에서 데일리 체크인에 대해서 공유해 보려고 합니다. 재택근무 하면서 어떻게 의사소통하고 있나요? 이제 많은 회사들이 재택근무를 실시하고 있기 때문에 프로젝트를 진행하면서 클라이언트 분들을 거의 만나지 않고 비대면으로 프로젝트를 진행하는 경우도 있고, 프로젝트 기간 내내 팀원을 실제로 만나지 않는 프로젝트도 생겨나고 있어요. 재택근무를 하면서 출퇴근을 안 해도 되고 준비시간이 줄어들어 몸은 편한 반면에, 대면으로 만나면서 서로 부대낄..

들어가며 현재 리액트와 타입스크립트를 사용해 프로젝트를 진행하고 있습니다. 저는 타입스크립트가 처음 접하는 언어여서 시작하기 낯설고 두려웠던 경험이 있습니다. 저처럼 타입스크립트를 한 번도 경험해 보지 못해서 시작이 두려우신 분들을 위해 타입스크립트가 어떤 언어인지 가볍게 알아보는 글을 써보려고 합니다. 타입스크립트 알아보기는 1편과 2편으로 나눠 정리해 볼 예정인데 제가 아직은 완벽히 타입스크립트를 이해한 건 아니라서 진행했던 프로젝트 경험을 바탕으로 글을 써보겠습니다. 타입스크립트가 뭐지.. 자바스크립트랑 이름은 비슷한데 저는 타입스크립트라는 이름을 처음 들었을 때 '어? 이름이 자바스크립트랑 비슷한데'라고 떠올렸습니다. 저와 같이 생각한 분이 많으실 것 같은데요, 이렇게 타입스크립트라는 이름에서 유..

지난 7월 10일 토요일 노트폴리오에서 주관한 세미나 '우리는 ( )을 위해 디자인할까?'에 참여했습니다. '가치를 추구하는 디자인'이라는 주제로 세 명의 디자이너(우디, 최안나, 신인아)의 진솔한 이야기를 들었습니다. 본 세미나 중 인상 깊었던 세션과 함께 거듭 반문하게 된 몇 가지 질문을 공유하고자 합니다. 함께 고민해주세요! 시작하기에 앞서 본격적으로 세미나 후기를 전달하기에 앞서, 참여 동기를 공유하고자 합니다. 이번 세미나를 듣게 된 결정적인 이유는 강연 개요에 소개된 '주제 의식'이었습니다. - 디자이너의 사회적 책임 - 지속가능한 디자인 - 디자인 윤리 더불어 위 주제 의식에 대한 소개 중 눈에 띄는 구절이 있었습니다. "디자이너로서 특정한 가치를 추구하는 것은 중요합니다. (중략) 사회적으..

들어가며 가끔씩 '현실과 가상의 경계가 무너진다면 어떤 일이 벌어질까?' 하는 상상을 하곤 합니다. 2018년에 개봉한 영화 '레디 플레이어 원' 에서 그 모습이 잘 나타나 있는 것 같은데요. 영화 속에서는 가상 현실 오아시스(OASIS)를 통해 상상하는 모든 것을 할 수 있고, 어디든 갈 수 있죠. 작중 인물들은 디지털과 현실 양쪽에서의 경험과 정보 뿐만 아니라 자산까지도 공유되는 '메타버스' 환경에서 활동합니다. 지난 수십년간, 인터넷은 믿을 수 없는 속도로 발전했습니다. 짧은 단문의 메시지를 전송하던 시기가 있었고, 어느새 이미지를 넘어서 영상을 전송하고, 실시간으로 인터넷 안에서 새로운 '세상' 을 구축하는 것 까지 가능해진 지금. 더 이상 '레디 플레이어 원' 의 오아시스는 미디어 안에서만의 이..

들어가며, 최근 2~3년 사이에 택시 호출 서비스를 제공하는 앱이 다양해지며 사용자의 선택권도 늘어나고 있습니다. 이에 '택시 앱을 이용하는 경험의 차이를 알아보면 어떨까'라는 생각을 했고, 인턴 프로젝트로 카카오 T, UT, Uber, 타다 총 4개의 앱을 비교 분석하여 택시 호출 시 사용자가 중요하게 생각하는 경험을 알아보았습니다. 본격적인 분석에 앞서 이 글에서 분석하는 4개의 앱은 크게 두 가지 분류로 나뉩니다. 카카오 T와 UT는 일반 기사님들도 앱을 다운로드하여 사용하는 택시 호출 서비스입니다. 때문에 배차 알림이 오더라도 기사님의 선택에 따라 이를 승인할 수도 혹은 거부할 수도 있습니다. Uber와 타다는 서비스에서 관리하는 가맹 기사님의 택시만 호출하는 서비스입니다. 때문에 기사님의 동의와..

들어가며 경험리서치팀에서는 최근 Rosenfeld Media가 주최한 Advancing Research 2021 콘퍼런스에 참석했습니다. UX 분야에서 리서치가 갖는 역할을 정의하고 발전시킬 수 있는 방법을 다양한 관점과 사례의 소개로 살펴볼 수 있었습니다. 그중 인상 깊었던 두 세션을 통해 리서치의 잠재적인 임팩트를 극대화하는 방법에 대해 배운 점을 공유합니다. # 리서처의 역할 명확히 하기 요약 “Get the Most out of Stakeholder Collaboration” by Anna Poznyakov & Richa Prajapati Salesforce의 두 리드/시니어 리서처 Anna Poznyakov와 Richa Prajapati는 기업의 중요한 의사결정에 있어 리서치팀이 신뢰받는 조직으..

이 책은 녹색 배경의 오리가 그려져 있던 그 시절 처음 접하게 되었다. (Designing interface, 2007년) 바야흐로 데스크톱과 웹 사이트가 범람하던 시절이었다. 당시 다양한 패턴의 용어와 사용 방식에 대해 이렇게까지 상세하게 다룬 책은 없었다. 그 당시에도 꽤 훌륭했었는데, 한참이 지난 지금 왜 이 책이 다시 나왔을까? 그동안 인터페이스를 보면 많은 것들이 변화했다. 아이폰의 등장으로 인해 디스플레이는 점점 작아지고 세분화되었다. 오늘날 작은 디스플레이에서 또 조금씩 커지고, 패드라던가, 워치라던가, 키오스크 같은 큰 디바이스까지 그 영역이 촘촘히 확장되고 있는 상황이다. 급변하는 환경 속에서 이 책은 어떤 목적을 가진 사람들을 위해 디자인이 필요하고, 그 목적에 따른 다양한 패턴과 본질..

들어가며 최근 맥킨지(McKinsey)가 2020년 10월에 경영진을 대상으로 조사한 자료에 따르면 51%의 응답자가 코로나-19 이후 기업들의 생산성 증가를 가능하게 한 요인으로 디지털 기술을 기반으로 한 프로세스의 자동화를 선정하였으며, 기업은 이전보다 20-25배 빠르게 디지털화를 진행하였다고 응답하였습니다. 많은 기업이 디지털 기술을 활용하여 피보팅(Pivoting) 하였다고 볼 수 있는데요. 디지털 전환 본질은 디지털 기술을 활용한 비즈니스 피보팅(Business Pivotting)으로 볼 수 있을 것 같습니다. 비즈니스 피보팅을 위해서는 많은 데이터의 보관 및 이를 처리할 수 있는 여러 서비스들의 사용이 요구되는데요. 이러한 디지털 전환의 중심에는 클라우드가 있다고 할 수 있습니다. 이글에서는..

들어가며 주변에서 스마프폰을 꺼내 사진을 찍을 때, 무의식적으로 본인의 스마트폰을 꺼내 사진을 찍은 경험이 있을 것입니다. 과연 '무의식'이었을까요? 이 글에서는 오늘날 어떤 요소들이 사람의 행동 그리고 습관을 만들 수 있는지. 그리고 왜 디자이너가 이것을 알면 좋은지에 대해서 이야기하고자 합니다. 사람들의 행동을 어떻게 만들 수 있을까? 오늘날 많은 서비스들이 고객 그러니까 사람을 중심으로 이루어짐에 따라, 디자이너가 사람을 설득하기도 행동동을 만드는 것을 넘어 습관을 형성하기도 합니다. 사람들의 행동은 쉽게 만들어지지는 않습니다. 새로운 정보를 입력받았을 때 그에 대한 신뢰성, 공감, 정신적 자세를 통해 액션을 취하게 됩니다. 이는 무의식적으로 만들어지는 경우가 많으며 액션을 취했다고 하더라도 이것이..

UX리서치에 대한 수요가 증가하고 있습니다. 비즈니스 기획, 프로덕트 디자인과 개발팀의 협업에 단단한 근거를 더하는 것은 물론, 새로운 비즈니스의 기회를 사용자 관점에서 찾는 것이 중요하기 때문일 것입니다. pxd에서는 그간 다양한 스펙트럼의 리서치 과제를 진행해 왔고, 올해부터는 리서치 분야의 전문성 강화를 위한 다양한 노력을 하고 있습니다. 그간 진행했던 수 건의 리서치 프로젝트를 바탕으로 리서치의 범위, 방법, 해석 등에 대한 생각을 소개해 보려고 합니다. 들어가며 비즈니스, 서비스, 프로덕트의 방향성을 탐구하고 검증하는 것을 리서치라고 합니다. 그중 UX리서치는 사용자 관점에서의 탐구와 검증을 위한 과정입니다. 그간 여러 스펙트럼의 리서치 프로젝트를 진행해 왔지만, 각각의 리서치가 클라이언트의 비..