버스정보시스템(BIS)을 통해 내가 탈 버스를 마냥 기다리지 않고 언제 올지 예측할 수 있게 되면서 삶의 질이 높아졌습니다. 하지만 정작 정류장에 설치된 전광판에 내가 탈 버스 번호가 언제 나올지는 예측할 수 없습니다. 도대체 규칙을 모르겠거든요. 버스정보안내단말기(BIT)에서 내가 탈 버스 번호는 도대체 언제 나오는걸까? 지하철이나 자가용을 주로 이용하는 분들은 번호가 당연히 번호 순서대로 나오는 게 아닌가 생각할 수 있는데요. 그렇지 않습니다. 아래 사진을 보고 어떤 순서인지 생각해보세요. 버스가 많지 않은 정류장은 별로 문제 되지 않는데 버스가 많은 곳은 사정이 다릅니다. 표시할 버스는 많고 표시할 수 있는 정보량은 한정되어 있으니 페이지를 나눠 순환 표시하는데요. 규칙이 명확하면 어느 페이지에 나..

버스 도착을 확인하는데 기존의 즐겨찾기 목록이 제게는 적합하지 않아 불편했습니다. 그래서 버스 앱을 지도 기반으로 만들어 사용하고 있습니다. 맥락에 따른 버스 즐겨찾기 정보 디자인기존 버스 앱의 즐겨찾기 목록에는 출근 할때 집 앞에서 타는 버스, 갈아타는 버스, 퇴근 할때 회사 근처에서 타는 버스, 갈아타는 버스, 수영장 갔다 집에 오는 버스들이 섞여 있습니다. 각 상황에서 버스가 두 개 이상 있다보니 목록은 점점 길어집니다. 긴 목록을 스크롤 하면서 내가 지금 탈 버스를 찾다 보면 화가 납니다. 내가 탈 것도 아닌 잡음이 되는 버스 목록을 왜 보고 있어야 하지? 앱이 아닌 비서라고 생각하면 불친절하거나 센스 없는 거거든요. 폰은 지금 내가 어디 있는지, 몇 시인지를 알고 있으니 내가 어떤 버스를 타려는..

아이를 어린이집에 바래주고 출근하면서부터 지하철 대신 버스를 탑니다. 지하철에 비해 버스를 타면서는 신경 쓸 일이 많아졌습니다. 버스를 타면서 경험했던 불편과 문제 해결을 위한 디자인 과정을 공유합니다. 버스 기다리는 것도 일이다 버스는 정류장에서 버스 기다리는 것 자체가 힘든 ‘일’ 입니다. 지하철은 플랫폼에 열차가 들어 오면 아무 생각 없이 타면 됐거든요. 하지만 버스는 정류장에 정차하는 버스가 내가 탈 버스인지 아닌지 매번 번호를 확인하고 판단해야 합니다. 한적한 정류장에서는 별 일 아니지요. 그런데 제가 타는 정류장은 26개의 노선 버스가 정차하는 중앙차로 정류장입니다. 정말 끊임 없이 버스가 들어오고 나갑니다. 버스가 몰려 버스들이 꼬리를 물고 늘어서면 쏟아져 내린 인파로 금새 혼잡해집니다. 뒷..

많은 분이 애용하는 부산대학교 인공지능 연구실에서 만든 한국어 맞춤법/문법 검사기, 저도 잘 사용하고 있습니다. 사전을 기반으로 한 단순한 맞춤법 교정이 아니라 문법 규칙과 의미 분석, 오류 통계를 통해서 문맥상의 오류나 번역 투의 문체 오류까지도 잡아내어 바른 표현을 알려줍니다. 강력한 검사 기능과 더불어 충실한 도움말을 제공하여 바른 우리말 사용을 배우는 데 많은 도움을 얻고 있습니다. 이 글을 쓰면서도 맞춤법 검사기를 이용했습니다. 하지만 UI 측면에서는 아쉬운 부분이 있습니다. 개선 사항을 수정해서 스스로는 만족스럽게 사용하고 있는데요. 이런 UI 개선점을 반영해 주셔서 다른 사용자도 같이 더 편하게 쓸 수 있으면 하는 바람으로 블로깅 합니다. 한국어 맞춤법/문법 검사기에 제안한 UI를 실제로 반..

맥락 없는 디자인사용자와 사용 맥락을 이해하는 것은 UX뿐 아니라 모든 디자인에서 꼭 필요한 과정입니다. 정보를 시각화한 정보디자인의 경우 정보가 여러 겹으로 부호화되어 있어 글처럼 차례로 읽히지 않습니다. 정보 밀도가 높아 다양한 방식으로 읽힐 수 있는 건 좋지만, 사용 맥락에 따라 정보를 쉽게 찾아가도록 흐름을 만들어주어야 합니다. 네가 뭘 좋아할지 몰라서 다 넣어 보면 항상 실패합니다. 맥락을 모르고 이야기하는 사람과 대화하면 답답합니다. 그림1 - 개인이 현 위치 스티커를 붙여 놓은 현행 서울 버스 노선도일상에서 매일 만나는 정보디자인인 버스 정류장의 노선도는 이런 맥락 없는 디자인으로 우리를 피곤하게 합니다. 같은 버스 노선도라도 정류장에서 볼 때, 버스를 타고 가면서 볼 때, 인터넷으로 찾아볼..

버스 노선도 Redesign 과정과 결론이전 글에서는 해외의 사례들을 살펴봤는데요. 이번 글에서는 각 사례에서 적용 또는 참고할 수 있는 부분들을 활용하여 우리나라의 버스 노선도를 리디자인한 과정을 정리해봤습니다. 요즘에 버스 노선도를 보면 빨간 화살표 모양의 스티커를 종종 볼 수 있습니다. 놀랍게도 이는 담당 시청이 아닌 한 대학생 청년이 시작한 일이었는데요. 평소 버스 노선도에 현 위치와 방향 표시가 안 돼 있는 상황에 문제점을 느끼고 있었고, 이를 개선하기 위해 직접 스티커를 붙이고 다녔습니다. 기존의 노선도는 해당 정류장을 이용하는 사람들을 고려하지 않고 다 같은 디자인, 즉 정류장 명만 줄줄 써있는 노선도를 사용해서 문제가 됐는데 어떻게 보면 이 학생이 이 정류장을 이용객들을 위한 정류장 맞춤 ..

해외 버스 노선도 사례와 특징 이번 겨울 저는 pxd의 인턴으로서 입사하게 되었습니다. 인턴 생활을 하면서 버스 노선도 리디자인 프로젝트를 진행하게 되었는데요. 이번 글에서는 이 프로젝트의 리서치부분을 소개하려고 합니다. 이 프로젝트는 얼마 전 새로운 지역에 갔다가 집에 오는 길에 버스를 타려고 정류장에 있는 버스 노선도를 보며 내가 타야될 버스를 찾으면서 시작되었습니다. 그런데 항상 느끼는 점이지만 버스 진행 방향이 헛갈리고, 현재 정류장이 어디인지조차 찾기 힘들 정도로 노선도를 보기가 어렵다는 걸 다시 한번 느끼게 되었습니다. 또한 비슷한 경로를 가진 버스를 찾기 위해선 노선도를 하나하나 다 읽어봐야 하고, 이를 비교해서 볼 수 없다는 것이 불편하여 결국 스마트폰으로 검색을 하게 되었습니다. 이는 저..

한글날을 맞이하여 한글키보드와 관련해 사내 메일로 주고 받았던 주제들을 모아서 정리해보려고 합니다. 우선 한글 터치 키보드 디자인에 대한 얘기입니다. 터치스크린을 채용한 폰이 나오면서부터 10키에서 벗어난 새로운 한글 자판의 배열을 고민하기 시작했습니다. 자판의 여러 시안을 만들어보긴 했는데 문제는 어떤게 좋은지 평가하기가 어려웠습니다. 매번 사람들에게 테스트 해보게 할 수 도 없고, 한 두번 사용해서는 제대로된 평가를 할 수 없으니까요. 익숙한 자판이 더 편하니까 충분히 숙달 되기 전에는 비교가 어렵습니다. 그래서 자판의 효율을 간단히 평가할 수 있도록 키의 배열과 빈도를 시각화 할 수 있는 heatmap 생성 툴을 만들었습니다. 한글 자소 빈도 휴대폰 자판의 경우 새로운 방식의 한글 자판을 소개할 때..

지난주에 저희는 HCI2014 학회에 참가하였습니다. (글 쓰다가 내버려둔지 한참 됐네요. :) 학회 참가 기간 동안 몇가지 시간표들을 접하였는데요. 표의 열과 행에 빽빽하게 숫자를 나열한 익숙한 형태였지만 시간표를 활용하는 실제 사용 맥락에서는 정보를 이해하기 쉽지 않았습니다. pxd에서는 이런 경우에 사내 전체 메일로 정보디자인 퀴즈를 내고 의견을 나누곤(주로 싸웁니다) 하는데, 업무가 바빴는지 참여가 저조했습니다. 그래서 이번에는 블로그를 통해 정보디자인에 관심있는 디자이너, 학생분들과 함께 고민해보려고합니다. 우선 제가 고민했던 부분을 공유합니다. 1. 리프트권 종류가 왜 이렇게 많아? 작년 학회 참가자들에게서 하이원 슬로프가 좋다는 얘기를 많이 들어와서, 저는 학회보다 스노우보드 타는데 더 관심..

연재 순서 1. 디자인 기획 과정 속 인포그래픽 2. 디자인 기획에 필요한 인포그래픽의 유형 3. 인포그래픽을 위한 정보 시각화 방법 4. UX디자인에서의 활용 이번 블로그 연재는 '디자인 기획' 실무 과정 속에서 필요한 인포그래픽에 대한 이야기 입니다. 일반적인 인포그래픽에 대한 이야기가 아닙니다. 참고하시기 바랍니다. 연재는 다음과 같은 흐름으로 진행됩니다. 첫 번째 블로깅은 디자인 기획과 인포그래픽의 관계를 알아보는 장입니다. 인포그래픽이 어떠한 특징을 가지고 있으며 그것이 디자인 기획 과정 속에서 어떠한 역할을 하게 되는지 정리해보려고 합니다. 1. 디자인 기획 과정 속 인포그래픽 pxd 디자이너들은 UX 디자인이라는 이름으로 다양한 분야의 프로젝트를 수행합니다. 모바일 서비스 기획, 서비스 디자..

LeanUX Lab에서는 요즘 날씨앱을 만들고 있습니다. 앱스토어에 별도의 날씨 카테고리가 있을 정도로 날씨앱은 굉장히 많습니다. 만들기 쉽거든요. 시장에서 경쟁도 심하고 더 이상 새로울 것도 없는 날씨앱을 만들기로 한 건 아직 세상에 딱 맘에 드는 날씨앱이 없었기 때문입니다. P랩의 모토는 make a dent in the universe 입니다. (스티브잡스가 한 말이기도 하고 37signals의 rework 책의 한 챕터 제목이기도 합니다) 날씨앱이 세상을 바꾸지는 못하지만 우주에 작은 흠을 낼 정도의 세상에 없던 궁극의 날씨앱을 만들 수는 있을 것 같거든요. 날씨앱을 만들기로 하고 다른 프로젝트와 마찬가지로 먼저 경쟁자 분석과 사용자 조사를 함께 진행했습니다. 현재 날씨앱이 어떤 유형이 있는지 어..

정렬은 질서를 부여하여 시각적으로 아름답게(건강하게) 보이도록 하는 역할과 함께 정보를 효율적으로 전달하는데도 많은 도움을 줍니다. 미술을 공부하면서 배우는 중요한 디자인 기본 원리 중 하나이긴 하지만 정보를 어떻게 정렬해야 하는지에 대한 자료는 많지 않은 것 같습니다. 그래서인지 정보 전달이라는 관점에서 UI 디자인 시안들을 보면 정보 요소 정렬의 활용에 아쉬운 부분이 많이 보입니다. 몇 가지 단순한 정렬 규칙만 지켜도 정보 인지 비용을 줄여 사용자가 편안하게 정보를 얻을 수 있도록 UI를 개선할 수 있거든요. 정보 정렬에 관한 사례들과 유의할 점을 모아봤습니다. 사내 교육용으로 필요할 것 같아서 정리하다보니 많이 길어졌습니다. 시선의 흐름 정보 디자인에서도 흐름이 중요합니다. 정보를 펼쳐 보여주는 a..