들어가며 최근 진행했던 프로젝트는 폐쇄적인 환경 특성상 IE 테스트의 제약이 없었습니다. 크롬 엔진 기반의 웹뷰어가 탑재된 웹 애플리케이션 환경이었는데, 아시다시피 크롬 엔진은 최신 CSS3 명세를 적극 지원하고 있기 때문에 다양하고 새로운 CSS3 속성을 마음껏 활용해 볼 수 있는 장점이 있었습니다. 국내 웹 환경은 아직은 IE에서 온전히 해방되지 못했기 때문에 평소 활용하기 어려웠던 CSS3 grid 속성을 사용해 본 경험을 바탕으로 간단하게 소개해 볼까 합니다. 선언 간단한 사용법부터 알아보겠습니다. 부모 엘리먼트에 grid 속성을 선언해 주면서 시작합니다. .container { display: grid; } grid-template-columns, grid-template-rows 다음처럼 gr..

코로나19 이후 재택과 원격 근무가 잦아지면서 매일 마주하던 동료의 얼굴을 보는 횟수가 줄었습니다. 개인 작업이라면 집중력을 더욱 발휘하여 퍼포먼스를 유지하겠지만, 업무 특성상 여러 사람과 팀으로 진행하기 때문에 나 혼자 집중한다고 되는 것이 아님을 깨닫는 데는 그리 오랜 시간이 걸리지 않았습니다. 무엇인가 더 필요했습니다. 이 글은 현재의 상황을 인정하고 극복하기 위해 고군분투하며, PM으로써 내부 커뮤니케이션과 리딩을 위해 고민하고 시도한 저의 방법을 공유하는 글입니다. 1. 온라인 프로스펙티브와 레트로스펙티브 진행 *프로스펙티브와 *레트로스펙티브는 프로젝트와 관련된 사람끼리 진행할 수 있는 특수한 활동입니다. 프로스펙티브는 프로젝트 시작 전에 서로가 알아야 할 점과 기대사항, 우려점 등을 밝혀 보는..

들어가며 처음 PL을 하게 되었을 때, 무엇을 체크해야 하고 무엇을 챙겨야 하는지 몰라 막막했었던 기억이 있습니다. 그럴 때 참고할 수 있는 체크 리스트를 작성해 보았습니다. 꼭 PL이 아니더라도 작업자가 작업 들어가기 전에 체크해야 할 사항이기도 하니 한 번쯤 읽어보고 참고하면 좋을 것 같습니다. 이 글은 제 개인적 경험을 바탕으로 작성했으며, 프로젝트 경험이 쌓일 때마다 메모해둔 내용을 정리하는 것이니, 본인 프로젝트와 연관된 내용만 참고하셔도 됩니다. 기본적인 체크 리스트 서포트 브라우저 범위 PC : IE(IE를 포함한다면 버전까지), safari, chrome 등 Mobile : 대응 기기(플립, 폴드, iPhone SE 등 해상도 특이 케이스) 및 버전 (iOS, Android), 대응 인앱 ..

들어가며 회사에서 OKR을 도입하였으나 매번 OKR을 선정할 때마다 고생한 기억이 있었다. 그 때문에 앞으로는 OKR을 제대로 알고 활용해 보자는 취지에 그룹 내 매니저들과 책(OKR 실천편)을 선정하여 독서 모임을 시작하였고, 이 책의 내용을 정리해보고자 한다. OKR의 기본 OKR이 주목받는 이유 OKR은 확실한 성과가 나오기 때문이다. OKR을 사용하기만 하면 반드시 뛰어난 성과가 나온다고는 할 수 없지만 가장 유명한 사례인 Google, Facebook, Youtube에서 OKR을 채택하고 있는 것은 사실이어서 이들 기업의 지명도와 더불어 주목받고 있다. OKR은 무엇인가 OKR은 ’Objective’와 ’Key Result’라는 두 단어의 첫 글자를 딴 용어로 조직이나 팀, 개인의 이상적인 상태..

들어가며 연간 한일을 정리하다 보니 올해도 회사 블로그에 글을 많이 쓴 저자 중 한 명이 되었습니다. 한국에 돌아와 첫해에 만든 취미 중 하나가 글쓰기였는데, 3년 내내 글을 나름대로 꾸준히 써오고 있어서 많은 분들이 어디서 아이디어를 얻는지? 어떻게 글을 쓰는지? 글을 쓰는 이점은 무엇이 있는지? 에 대한 질문을 많이 주십니다. 이에 대해서 짧게나마 글을 써서 공유하고자 합니다. 어디서 아이디어를 얻는지? 먼저 저의 글쓰기의 목적 자체가 회사생활에서 얻은 것들을 혼자서만 알기보다 많은 동료들에게 공유하고 싶은 마음에 시작하였습니다. 따라서 글쓰기의 아이디어를 얻는 방식이 일에 한정되어 있을 수 있습니다. 1. 에이전시에서 업무를 하면 다양한 산업 클라이언트, 프로젝트에 대한 정보를 얻을 수 있는 장점이..

Day 1. Designing for digital inclusion in government 해당 글은 UXMasterclass 2021 컨퍼런스 첫날, Namahn의 디자이너 Yalenka Mariën의 프로젝트 내용을 기반으로 작성하였습니다. 들어가며, UX alliance와 Usaria가 준비한 이번 UXMC 컨퍼런스는 ‘Design for the Future, Design for All’이라는 주제를 중심으로 총 3일 동안 진행되었습니다. 디지털 트랜스포메이션이 수많은 사람에게 긍정적인 영향을 미치는 것은 사실이나, 반면 그로 인해 생기는 디지털 격차는 소외된 사용자들을 만들기도 합니다. 이러한 사용자들을 모두 포용하기 위해 생겨난 개념인 인클루시브 디자인이 이번 UXMC 컨퍼런스 첫날의 주제로..

들어가며 IA는 우리가 사용하는 모든 서비스가 가지고 있습니다. 그래서 새로운 서비스를 만들거나 기존 서비스를 개선할 때에도 중요한 부분인데요. 올 한 해 다양한 서비스의 IA를 설계하고 개선하는 프로젝트를 진행해 볼 수 있었습니다. 그동안 알게 된 것과 이해한 내용을 바탕으로 IA 설계를 시작하는 신입 디자이너에게 도움이 될 만한 내용을 정리해보려 합니다. IA란 무엇인가요? Information Architecture는 서비스의 전체 구조를 지탱하는 뼈대와 같습니다. 이를 정확히 이해하기 위해 잠깐 짚고 넘어가야 할 것이 있는데요. IA와 Navigation의 구분입니다. 처음 IA 설계를 시작할 때 가장 헷갈렸던 부분이기도 해요. 사실 많은 곳에서 이 두 개념을 동일하게 사용하고 있는데요. 아마 두..

UXMC 2021 - Day 3. ResearchOps * 해당 글은 UXMC(UX Masterclass) 2021 마지막 날의 세션 내용을 기반으로 작성하였습니다. 최근 한국에서 쿠팡, 토스 등의 IT업계를 중심으로 UX Research(er)에 대한 관심이 점점 더 많아지고 있는데요. 해외에서는 꽤 오래 전부터 해당 직무 및 분야가 UX/디자인 프로젝트에서 중요한 부분을 차지했고, 이제는 개념이나 중요성에 대한 이야기를 넘어서 UX Research 전반의 질을 높이고, 효율적으로 리서치하는 방법에 대한 고민과 사례들이 공유되고 있습니다. 또한 그간 UX Research에서 상당 부분 차지했던 대면/현장 리서치가 펜데믹의 영향으로 디지털로 전환해 시도되기 시작하자, 비교적 간접적이지만 더 확장성 있는 ..

들어가며 아직도 css 레이아웃을 float를 사용해서 정리하고 있으신가요? 오늘은 이름도 Flexible-box!! 레이아웃을 정말 간단하게, 유연하게 정리할 수 있는 display:flex에 대해 알아보겠습니다. flexbox의 구성 flex box의 구성은 크게 2가지! flex-container와 그의 자식 요소인 flex-item으로 구성되어 있습니다. flex-container를 먼저 만들어 볼까요?? flex-container를 만드는 방법은 매우 간단합니다! 정렬하려는 요소들의 상위 요소에 display:flex 속성을 선언해 주시면 끝! /* 원하는 요소에 display:flex 속성값을 추가 */ div { display: flex; } 선언해 주시게 되면 자동으로 flex-contai..

망막의 중심부 시야와 달리 주변의 시야는 해상도가 낮기 때문에, 작은 마우스 커서가 어디에 있는지 찾으려면 눈동자를 열심히 움직이며 화면을 뒤져야 합니다. 하지만 사람들은 눈동자 대신 손을 움직여서 커서를 흔들곤 합니다. 주변시는 움직임을 감지하는 능력이 탁월하기 때문에, 움직이는 커서는 비교적 쉽게 찾을 수 있습니다. 사람들은 눈의 구조, 안구 이동, 뇌의 시각 경로가 작동하는 방식을 따로 공부하지 않아도 자연스럽게 이런 일을 해냅니다. 커서를 찾으려고 마우스를 흔드는 사람이 하도 많으니 macOS에서는 마우스를 빠르게 흔들면 커서를 크게 키워주는 기능을 구현해버렸습니다. 작았던 커서가 커지는 변화 자체가 또다른 움직임이기도 하고, 큰 물체는 주변시로도 잘 볼 수 있으니 더욱 찾기가 쉬워집니다. 생태적..

UXMC 2021: Day 2 Sustainability · circular design · social design · gender * 해당 글은 UXMC(UX Masterclass) 2021 둘째 날의 세션 내용을 기반으로 작성하였습니다. 올해 UX Masterclass 컨퍼런스는 해결이 긴급한 글로벌 도전 과제들, 그리고 강한 의식을 갖고 움직이는 현대 소비자들이 늘어남에 따라 UX 전문가들이 가져야 할 책임에 대해 탐구합니다. 디지털 서비스에서 배제되는 시민들을 위해 정부기관과 협력한 프로젝트를 소개한 지난 글에 이어, 이번 글에서도 Inclusive Design(포용 디자인)의 활용으로 고차적 변화를 만드는데 진전을 이룬 사례부터 살펴보겠습니다. The Story of Developing San..

들어가며 최근 소셜 네트워크에서의 사용자들의 움직임이 심상치가 않습니다. 텍스트 기반의 소셜 네트워크에서 이미지 그리고 비디오를 넘어 이제는 음성으로 서로의 생각을 공유하고 더욱 많은 사람들과 자유롭게 의견을 공유하고 나누고 있습니다. 이는 기술의 발전과 함께 팬데믹 상황에서 사람들이 더욱더 많은 사람들과 소통하고 싶은 니즈가 아닐까 하는 생각이 듭니다. 최근에 페이스북 CEO 마크 주커버그는 향후 페이스북을 '메타버스(Metaverse)'기업으로 전환하겠다는 비전을 공개하였습니다(이 글을 작성하는 도중에 Meta로 사명을 변경하면서 메타버스 기업으로써의 시작을 알렸습니다). 또한 마이크로소프트의 CEO 사티아 나델라도 게임이 메타버스 경제로 진화하고 있으며, 마이크로소프트의 플랫폼에서 창작물을 판매할 ..