앞의 이재용님의 UI, UX 차이에 대한 글들과 그 안에 인용된 글들을 보면서 혼동할 여지가 있는 부분이 있어서 글을 추가하려고 합니다. UX와 UX디자인을 혼용하는게 문제 UI와 UX의 차이가 뭔지 헷갈리게 만드는 이유는 사람들이 UI,UX라는 용어를 사용할때 "UI", "UX" 자체와 "UI 디자인","UX 디자인" 을 혼용하기 때문입니다. 하나의 용어를 서로 다른 의미로 사용하고 있어서 비슷한 말을 하지만 뭔가 조금씩 다른 얘기를 하는 것 같고, 다 맞는말 같기는 한데 그래서 UI,UX가 뭔지 더 애매해지고 명확히 정리가 되지 않습니다. 이들을 구분하여 사용하면 용어를 처음 접하는 학생이나 일반인이 용어를 이해하는데 좀 더 수월할 것 같습니다 . 논의의 핵심이 어디에 있는지도 이해하기도 쉬워지고요...

앞의 세 글에서는 다소 논리적으로 기존 개념에 대해 반대하는 부분을 넣다 보니 내용이 어려워진 듯 하다. 그래서 최대한 쉽게 설명해보려고 한다. *참고글 UX란 무엇인가? (User Experience,사용자 경험) UI와 UX 인식 차이에 관한 조사 UI와 UX의 차이 분석 (User Interfaces & User Experience) UX란? 사용자 경험의 핵심은 "느낌, 태도, 행동" UI는 인터페이스, 즉 정보기기나 소프트웨어의 화면 등 사람과 접하는 면을 말한다. 반면 UX는 경험이다. 경험은 무엇인가? 소프트웨어를 사용하는 사용자의 "느낌, 태도, 행동"을 말한다. 경험을 설계한다는 말은 사용자의 "느낌, 태도, 행동"을 설계한다는 말이다. 좋은 건강 관리 소프트웨어를 써 보면 느낌이 다르고..

카카오톡에서 최근 사진기반 SNS인 '카카오스토리'를 런칭했습니다. 카카오스토리를 사용하는 한 명의 유저로써 본 포스팅을 통해 카카오스토리를 UI / GUI 관점에서 살펴보고 주로 아쉬웠던 점을 기술하였습니다. * 본 포스팅은 아이폰 앱 0.7 버전 기준으로 작성되었습니다. UI의 아쉬움 1. 내 히스토리를 보기 힘듭니다. 카카오스토리는 사진과 글을 같이 올렸을 경우 미리보기가 힘듭니다. 또한 상세 사진으로 접근했을 때에는 다시 원래 화면으로 돌아온 뒤 이미지를 탐색하는 구조를 사용하고 있습니다. 물론 본 UI의 경우 많은 사진을 훓어보기에 적합한 UI입니다. 하지만 글과 이미지를 같이 미리본다는 관점에서는 적합하지 않은 UI로 보여집니다. 또한 하나의 이미지를 확인 한 뒤에는 다시 '이전' 버튼을 눌러..

주제 : 에이전시에서 UX 디자인 하기 발표자 : 민영삼대표님 The DNA HCI연구회 4월 세미나를 다녀왔습니다. 전반적으로 UI / UX에 대한 업계 동향 같은 것 보다는 UI / UX 디자인 10년 차 선배의 노하우 전수를 받는 느낌이라서 더욱 좋았던 것 같습니다. 벚꽃 구경을 가도 시원찮을 봄 날 우리는 왜 세미나를 듣고 있었을까요? 비록 벚꽃 구경은 못갔지만...(!) 생각할 거리가 많은 세미나였습니다. 느낀 점 및 인상깊은 내용 위주로 공유합니다. 나는 10년 동안 이 업계에서 어떻게 버틸 수 있을까? 1. 초심을 잃지 말자. > 초심! 안녕하십니까? 항상 초심을 잃지 않도록 해야겠습니다. 2. 개인적인 목표를 설정하자. 구체적으로 설정하지 않아도 된다. 열심히 하다 보면 된다. > 마침 송..

pxd에서는 매주 수요일마다 사내 UI 스터디를 진행하고 있습니다. 올해 상반기에는 총 3권의 책에 대한 스터디가 계획되어 있습니다. 그 중 3월 한달간 공부했던 책, '컨텍스트를 생각하는 디자인'에서 배운 내용을 실제로 경험해 볼 수 있는 사내 워크샵 시간을 가졌습니다. 워크샵 일정은 책의 3~6장에 해당하는 내용에 따라 순서대로 진행하였습니다.3장 : 컨텍스추얼 인터뷰 계획하기 4장 : 컨텍스추얼 인터뷰 하기 5장 : 컨텍스추얼 인터뷰 해석 세션 6장 : 업무 모델링 4명씩 총 4팀으로 구성하여 주제당 2팀씩 할당한 후 워크샵을 진행하였으며, 주제는 다음과 같습니다. 1. 사내 프로젝트룸 효과적으로 활용하기 2. UI팀/GUX센터간의 협업 방식 및 형태 개선하기약 5시간동안 점심식사도 걸러가며 열심히..

SNS 관련 프로젝트를 통해 댓글 네비게이션 구조를 어떻게 설계하면 좋을지에 대해 고민할 시간이 있었습니다. 본 블로깅을 통해 그러한 고민을 정리하고 공유하도록 하겠습니다. 1. SNS에서 최근 쓴 댓글은 위쪽에 보여져야 할까? 아래 쪽에 보여져야 할까? SNS 댓글 UI 설계 시 가장 고민했던 부분이 바로 이 점 이었습니다. 당시로서는 판단의 근거가 없었기 때문에 타 SNS 들이 어떻게 UI를 설계하고 있는지 벤치마킹을 했습니다. 하지만 벤치마킹으로는 고민의 결과밖에 확인 할 수 밖에 없기 때문에 왜 이렇게 UI가 설계되었는지에 대해서는 별도의 고민을 해야 했습니다. 동료들과 대화하던 차에 SNS형 구조에서 댓글은 '대화의 흐름(히스토리)'이 중요하다는 사실을 알 수 있었습니다. 또한 대화의 흐름(히스..

모든 기획자와 디자이너가 알아야 할 사람에 대한 100가지 사실 100 Things Every Designer Needs to Konw About People 수잔 웨인쉔크(Susan M. Weinschenk) 지음, 이재명,이예나 옮김. 그러니까 이 책에 대한 나의 한줄평은 다음과 같다. 책 제목대로, "모든 디자이너가 읽어야 한다" 디자이너들은 대개 자신의 주장을 논리적으로 전개하고, 의미있는 근거를 제시하는데 서투르다. 그래서 자기가 주장하는 것에 대한 근거가 될 만한 것들을 평소에 좀 알고 있어야 한다. 책을 한 번 읽고, 책꽂이에 꽂아 두었다가 때때로 사용할 수 있으면 좋을 것이다. 호평은 여기까지. 그럼 이 책을 보면서 우려되는 몇 가지 점을 추가하고 싶다. 1. 목차만 보고 '당연한 이야기 ..

1. 팀블로그 1차주소 변경 pxd 팀블로그는 story.pxd.co.kr 로 접속하실 수 있습니다. 또한 pxdstory.tistory.com 으로도 접속하실 수 있습니다. 기존에 사용하고 있던 pxdux.tistory.com은 pxdstory.tistory.com으로 변경하였으니, 이용하시는데 착오없으시길 바랍니다. 2. 팀블로그는 다음 세 곳으로 발행하고 있습니다. 다음 SNS들을 'Following', '좋아요!', '친구신청' 하시면 pxd 팀블로그를 구독할 수 있는 효과를 얻으실 수 있습니다. 앞으로는 빠르게 팀블로그 소식을 접해보세요! twitter | http://twitter.com/pxdstory facebook | http://www.facebook.com/pxdstory me2day..

정보디자인 - 하이브리드 이미지검색 에서 소개한 이미지 검색 UI 의 데모 페이지를 열어두었습니다. 특징은 1. 썸네일 방식과 미리보기(큰 이미지)를 결합한 UI를 사용합니다. 특정 이미지를 찾아내려는 것 보다는 빠르게 검토해 보려는 사용 패턴에는 썸네일과 원본 이미지를 왔다갔다하는 번거러운 pogosticking 이 빈번합니다. 썸네일과 함께 적당히 큰 원본 이미지를 한꺼번에 보여줘서 빠르게 훑어볼 수 있도록 하였습니다. 개인적으로는 이런 행태의 이미지 검색을 더 많이 하고 있습니다. 2. 그리드 방식이 아닌 타일 방식의 이미지 정렬을 사용합니다. 이미지간의 여백을 줄여 시선의 움직임을 최소화하여 눈의 피로를 줄이도록 하였습니다. 3. auto paging을 사용합니다. 다음 페이지 버튼을 누르지 않고..

'Crowd and Cloud : 경험의 새 지평' 이라는 주제로 1월 11일 부터 13일 까지 3일동안 진행된 HCI학회에 다녀왔습니다. 공학, 디자인, 인문사회 등 여러 분야의 산업체, 업계 종사자, 연구자들이 한 해 동안 연구 결과를 발표하고, 기술을 공유하는 유익한 자리였습니다. pxd에서는 '터치폰에 최적화된 한글 자판 설계(한상택 無異)' 워크샵과 'UX 및 서비스 디자인 프로젝트에서 persona 제대로 활용하기(전성진)'라는 주제로 튜토리얼을 진행했습니다. 터치폰에 최적화된 한글 자판 설계 먼저, 터치폰에 최적화된 한글 자판 설계 워크샵에서는 현재 터치폰에서 사용되고 있는 자판의 문제점을 발견하고 입력 효율을 최대화 하는 방법을 찾아내는 것을 목표로 진행되었습니다. 현재 가장 보편적으로 사..