TV Virtual Keyboard Design for less annoying too much button press Leanux lab에서 예전에 한글 자소 빈도를 고려한 자판을 만들었는데요. 모바일에서 두 손(엄지) 사용을 고려해, 자음과 모음을 왼쪽 오른쪽 양손이 분담해 교대로 입력하며 운지 거리를 줄이도록 배열해 입력 효율을 높였습니다. 그런데 몸이 불편해 한 손으로만 입력하거나 TV 환경에서 리모컨 방향키나 모션 리모컨으로 커서를 이동하는 경우 좌우를 계속 왔다 갔다 해야해 오히려 불편합니다. 아예 빈도가 높은 자소를 가운데로 몰아넣으면 이동 거리가 짧아져 입력이 편해지는데요. 자소 빈도와 더불어 각 자소쌍간의 빈도까지 고려하면 보다 효과적인 자판을 설계할 수 있습니다. 지난 여름, 미국 대학..

서울시에서 서울 생활 인구 정보를 공개하여 누구나 활용할 수 있습니다. https://data.seoul.go.kr/dataVisual/seoul/seoulLivingPopulation.do 생활 인구는 주민등록에 등록된 거주자가 아니라 특정 시간, 특정 지역에 실제 생활하는 인구입니다. 사람을 한명 한명 셀 수는 없으니 전국민이 가진 휴대폰을 이용했습니다. KT 기지국과 휴대폰 간 통신 이력을 기반으로 서울시 인구통계정보를 이용해 추계했다고 합니다. KT 고객이 아니거나 휴대폰이 꺼져있거나 휴대폰이 없는 사람(특히 미취학 아동,고연령 층)은 이력에 남지 않으니 통계적으로 추정해 보정한 데이타입니다. 원자료는 날짜, 시간, 지역(행정동), 연령, 성별 각각 인구수로 구성되어 있는데요. 통계 추정값이라 인..

다음 뉴스에는 기사를 자동 요약해 보여주는 기능이 있습니다. 예전에 야후가 summly 를 인수하면서 이런 뉴스 요약 서비스가 여러가지 의미로 화제가 되었었죠.다음 뉴스 자동 요약의 품질은 초기에는 만족스러웠던 기억이 나는데요. 오히려 최근들어 기사 앞 문장만 그대로 따오는 경우가 많아서 좀 의문이 들긴 합니다. (두괄식으로 기사를 잘 써서인지) 그럼에도 저처럼 바쁘고 게으른 사람에게는 상당히 유용한 기능입니다.다음 뉴스 자동요약 기능 버튼 누르기도 귀찮아요. 그냥 펼쳐 보여주세요.그런데 사용이 그리 편하지 않습니다. 처음에는 클릭하는 방식이었는데 번거럽다는 의견이 있었는지 그나마 현재는 마우스오버만 하면 보여집니다. 이런 기능을 쓰는 사람들 속성을 잘 모르는 것 같아요. 게을러서 버튼에 마우스 옮기는 ..

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

최근 네이버 뉴스에서는 기사에 대한 사용자 반응을 공감해요에서 감성 아이콘으로 변경했습니다. http://blog.naver.com/nvr_design/220971828846페이스북의 감정 리액션을 따라 한 것 같은데요. 참여 사용자의 수를 보면 상당히 호응이 좋은 것 같습니다. 기사라는 성격에 맞게 훈훈해요. 후속 기사 원해요 라는 선택도 적절해 보입니다.하지만 참여한 사용자들의 반응을 보여주는 방식이 아쉽습니다. 기사에 대한 독자의 주된 감정이 드러나게 하기 기사의 상단에는 최다 득표를 한 감정 아이콘 2개를 노출합니다. 하지만 그 비율이 어떤지는 알 수 없습니다. 하단의 감성 아이콘은 얼마나 많은 사용자가 반응했는지 숫자로 정보를 보여주는 기능과 아이콘을 눌러 참여하는 액션 버튼으로의 두 가지 기능..

pxd에서는 2017년을 UI 디자이너가 코딩하는 원년으로 삼기로 했습니다. 저 혼자 정한 거지만요. :) UI 디자이너가 코딩을 배워야 하는 이유에 대한 글들은 많이 보셨을 텐데요. 저는 UI 디자이너의 의도적 수련에 필요한 능력으로써 코딩을 배우면 좋겠습니다. 코딩을 배워야겠다고 생각하는 디자이너는 많아도 새로운 걸 배운다는 부담감이 커서인지 주변에서 실제 코딩을 배우는 분은 별로 없습니다. 그래서 같이 따라 하면서 실질적으로 코딩을 배울 수 있는 디자이너의 코딩 수련장(workbook) 형식으로 글을 써보려고 합니다. UI 디자이너의 의도적 수련과 피드백디자이너로서 전문성을 키우고 성장하는 데는 새로운 방법과 지식을 습득하는 것도 필요하지만 직접 디자인하고 그것에 대한 피드백을 통해 학습하는 디자인..

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

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

지난번 트위터 사용자 유형 - 데이타 기반 퍼소나 글에서 로그 데이타를 이용하여 사용자 유형을 시각화하는 방식을 소개했습니다. 사용해보고 싶어하시는 분들의 요청이 있어 데모 페이지를 만들었습니다. http://lab.pxd.co.kr/twitterpersonas/ 트위터 계정 아이디를 넣으면 최근 200개의 트윗을 시간축 상에 트윗의 특성을 시각화하여 보여줍니다. 날짜와 시간은 사용자의 거주 위치에 따라 보정하여 표시하고 있어서 정보를 정확하게 입력하지 않은 경우 시간이 밀려있을 수 있습니다. 우선 트윗을 자기가 직접 작성한 것, 리트윗한것, 인용 RT, 멘션 네가지로 색깔 별로 나뉘었습니다.페이스북에서 작성한건 진한 파랑, 인스타그램에서 작성한 건 노랑으로 표시됩니다.PC에서 작성한 것은 테두리로 표시..

트루밸런스는 인도를 기반으로 선불폰 잔액 조회를 중심으로 요금제 큐레이팅, 즉각 충전 플랫폼으로 확장하고 있는 핀테크 서비스입니다. pxd는 디자인을 통해 투자 참여를 하고 있습니다. 과제의 초기에 사용자 이해를 위해 데이타 분석했던 과정을 소개합니다. Rapid Personas 우리와는 다르게 동남아시아에서는 선불로 충전하여 통화와 데이타를 사용하는 경우가 많다고 합니다. 선불로 충전한 통화 잔액이나 데이타의 잔량을 확인하기 위해서 quick codes(USSD)라고 하는 sms와 유사한 문자기반의 잔액 조회 기능을 이용하고 있습니다. 통화 상품, 시간대, 통화상대, 프로모션에 따라 통화 요율이 달라지기 때문에 단말 단에서 잔액을 계산하는 것이 사실상 어렵기 때문에 서버에서 계산된 잔액을 요청하고 확인..

어린이집을 다니는 둘째 아이가 한글에 흥미를 보이길래, 한글 자소와 구성 원리를 놀이처럼 배우는 앱을 만들었습니다. 아이가 사용하는 걸 관찰하고 새롭게 발견한 점을 디자인에 반영하는 과정을 반복했습니다. 아이가 한글을 배우는 동안 저는 더 많이 배웠습니다. 1년 동안 아이와 함께 한글 공부용 키보드를 만들며 배운 것을 공유합니다. 우리 아이는 언제 한글을 배워야 할까? 저는 너무 일찍부터 아이에게 한글을 가르치려고 하는 게 마뜩잖아 보입니다. 예전에는 어린이집과 유치원의 교육 과정이 달라서 유치원에서는 좀 더 일찍 한글을 가르쳤다고 하는데요. 이제는 누리과정으로 일원화되면서 아이 나이에 따른 학습 발달 단계에 맞춰서, 교과 위주의 인지 학습보다는 놀이 위주로 호기심과 표현 능력, 사회성 등을 키워주는 데..

데이타 기반 퍼소나 요즘 Lean UX 같은 사용자 데이타에 기반을 둔 디자인 방법이 대세입니다. 디자이너의 경험과 감이 아니라 사용자 행동으로 나타난 실제 피드백을 근거로 하므로 보다 신뢰를 얻고 있습니다. 하지만 여기에서의 사용자는 다양한 특성을 가진 개개인으로서의 사용자라기보다는 전체로서 통계화된 대상입니다. 사용자를 이해하고 문제가 무엇인지 찾는 과정보다는 문제의 해결을 실험해보는 과정에서 주로 사용되는 방법입니다. 좋은 디자인을 위해서는 우선 누구를 대상으로 하는지, 어떤 니즈를 해결해주려고 하는지 문제를 명확히 하는 것이 중요합니다. 그래서 사용자를 모델링 하여 대상을 명확히 하는 퍼소나 방법이 이제 UI/UX 디자인에서 거의 필수적인 과정으로 자리잡았습니다. 하지만 퍼소나가 실제 사용자의 데..