새로운 디바이스가 출시되거나 OS가 버전업되면 GUI가 어떻게 바뀌었는지 살펴 보아야 한다. 눈에 보이는 변화 말고도 스크린이펙트에서부터 리스트 높이의 변화 등을 꼼꼼하게 보려고 애쓴다. '나도 한 번 템플릿을 만들어 봐?' 라고 머리 속에서만 열정을 불태울 뿐, 결국 PSD템플릿을 무료로 다운받을 수 있도록 사이트에 올려 놓은 대인배들을 찾게 된다. 매번 필요할 때마다 찾는 수고를 덜고자 윤서현 주임과 함께 템플렛 PSD Freebie들을 모아 보았다. 사용할 때 출처를 밝혀야 하거나, PSD파일에 레이어들이 합쳐져 있을 수도 있으니 참고하길 바란다. 리스트를 지속적으로 추가해가며 업데이트 할 계획이다. :Device iPhone5 Device PSD Format http://www.psdgraphic..

pxd 웹사이트를 개편했습니다. 사실 UX 에이전시가 자신의 웹사이트를 디자인하는 것은 쉽지 않은 일입니다. 만족스러운 UX 회사 홈페이지를 찾기도 힘들지만, 스스로도 만족하는 경우가 거의 없기 때문이죠. 어쩌면 불가능해 보이기도 하고요. 어쨌든, 아직 완성되지는 않았지만 창립 기념일을 맞아 공개합니다. www.pxd.co.kr 많은 고객사와 일을 하다보니 내부적인 일에 조금 소홀해져서 많이 늦어졌습니다. 그동안의 우여곡절 스토리는 따로 블로깅으로 남기기로 하고요 웹사이트 개편 내용을 잠시 소개드리기로 하겠습니다. 그동안의 피엑스디 홈페이지는 플래시 기반의 웹사이트였는데, 이를 새로운 web 트렌드인 RWD(Responsive Web Design, 반응형 웹디자인)를 적용하여 개편하였습니다. 기존의 플래..

본 내용은 위키피디아의 내용 일부를 토대로 작성되었습니다. 1. 정의 Parallax Scrolling : 모니터상에서 화면이 (상하좌우)스크롤될 때, 배경 이미지들과 오브젝트 이미지들간 시차가 발생하여 스크롤되도록 하는 기법. Parallax : 시차, 관찰 위치에 의한 대상물의 변위 [관련 참고 용어] Belt Scrolling 화면상의 특정 오브젝트를 조작하여 그 오브젝트 움직임의 양과 방향에 따라 화면이 스크롤되도록 하는 기법. 게이머의 컨트롤에 의해 주인공 캐릭터(오브젝트)가 상하좌우 돌아다니면 그 방향의 새로운 배경과 오브젝트들이 스크롤되어 나타나 주어진 임무를 수행하는 아케이드게임에서 많이 사용하는 방식이다. 플래쉬 사이트에서 사용자가 조작하는 마우스 포인터의 움직임에 따라 화면이 스크롤되어..

메타포는 잘 사용하면 사람들이 쉽게 인터페이스를 익힐 수 있지만, 잘못 (혹은 과도하게) 사용하면 사용성도 떨어뜨리면서 학습성마저 해칠 수 있다. (자세한 장단점 비교는 스큐어모피즘 참고) 90년대에는 유명 회사들도 이런 황당 시도를 많이 했는데, 덕분에 많은 UI 디자이너들이 배웠다. 기억나는 3대 황당 메타포 실패 사례 소개. 1. IBM Real Thing Series 1997 1997년부터 1998년까지 IBM에서는 일련의 Real 시리즈를 내놓았는데 Real Phone, Real CD 등이 있었다. Real Phone:http://hallofshame.gp.co.at/phone.htm IBM측의 소개를 보자. welcome to the future; one without distracting w..

10월 26일 새벽 Windows OS의 새 버전인 Windows 8이 전 세계에 동시 출시되었습니다. 그 동안 Preview버전을 통해서 미리 맛을 볼 수 있었는데요, 사용하면서 느낀 점들을 공유하고, UI부분이 얼마나 달라졌는지 살펴보고자 합니다. 글을 들어가기 전에... - 이 글의 모든 내용은 Preview 버전을 바탕으로 작성되었으므로, 정식배포버전과는 차이가 있을 수 있습니다. - 글에서 Modern UI App이라고 명칭한 것은 공식적으로는 Windows Store App이라고 부릅니다. 그렇지만 글의 내용에 의미가 더 맞는 것 같아서 이 글에서는 Modern UI App이라고 표현했습니다. 1. Modern UI 기존 Windows 시리즈와 비교해서 가장 크게 바뀐 부분이죠. 이전에는 Me..

스큐어모피즘에 대한 이야기는 이미 pxd블로그(http://story.pxd.co.kr/577)에서 다룬 바 있다. 본 내용은 위키피디아(http://en.wikipedia.org/wiki/Skeuomorph)의 내용을 기반으로 인터넷에 흩어진 기사들을 참고하여 필자의 의견을 덧붙인 글이다. 1. 용어 정의 : Skeuomorphism(스큐어모피즘) 또는 Skeuomorph(스큐어모프) 그리스어로 Skeuos는 Vessel(용기) or Tool(도구), morphe는 Shape(형태)을 의미한다. '어떤 도구의 형태,형식'이라는 뜻으로 '스큐어모피즘'을 의역해 보면 '원래 도구의 형태를 그대로 따라가는 양식' 정도의 풀이가 가능하겠다. 쓰임새 또는 재료에 따라 자연스럽게 발전한 도구의 형태와 요소들이, ..

pxd배 'AMAZING'한 사생대회, 드디어 대상이 결정 되었습니다. 댓글수 100%로 진행된 이번 투표에 많은 분들이 참여해 주셨는데요, 여러분 덕분에 즐거운 이벤트가 될 수 있었습니다. 이 자리를 빌어 다시한번 감사의 말씀 드립니다! 이제 대상을 소개합니다~ 열띤 경쟁을 제치고 대상을 차지한 작품은 바로바로!!! 다이나믹 싱글 작품번호[5] 다이나믹 싱글 ::제작기기.iPad [총 32표] 작품설명 :: 다들 치열하게 사투를 벌이면서 고생하고 있는 싱글팀 1. 댓글 달아주신 분들 중 3분을 추첨하여 스타벅스 기프티콘을 드릴 예정입니다. - 경품추첨도 AMAZING.하게 준비중이오니 조금만 기다려 주세요! 2. 각 작품의 개별 투표갯수는 아래 작품 들을 확인해 주세요~ - 댓글 중, 투표 마감(10/..

2010년경 고객으로부터 당시 고객 회사에서 사용하고 있는 방법론에 대해 소개를 받을 기회가 생겼다. 이른바 Jobs to be done 이라는 방법으로서 하버드 경영대학원 교수인 클레이튼 크리스텐슨(Clayton Christensen)의 일련의 저서에서 비롯된 것으로, The Innovator’s Dilemma (1997, 혁신기업의 딜레마... 성공기업의 딜레마라는 번역서도 있는데 번역이 안 좋다고 함) The Innovator’s Solution (2003, 성장과 혁신) Seeing What's Next (2004, 미래기업의 조건) 등 3권이 가장 유명한 저서이다. 이 사람의 가장 유명한 말은 파괴적 혁신(disruptive innovation)인데 이 개념도 매우 흥미롭다. 이것은 따로 소개하..

지난 10월 11일에는 nhn에서 근무하시는 우상훈님께서 '성공하는 제품 디자인을 위한 비밀 무기'라는 주제로 강의를 해주셨습니다. 약 15년 간 프로그램 개발과 UI디자인을 모두 경험해보신 강사님의 이력답게 디자이너와 개발자가 어떻게 상생할 수 있는지와 디자이너의 전문성을 기르는 원칙에 대해서 깊이 있는 내용을 들을 수 있었습니다. 강의는 다음과 같은 순서로 진행되었습니다. 1. Understanding - 개발자를 이해하기 2. Turn the tables - 프로젝트에서 인터랙션 디자이너의 역할 3. Storyboard - 의사소통의 도구 1. Understanding 인터넷 유머 중에 디자이너가 엄청 혁신적인 제품의 컨셉을 보여주자 엔지니어가 '와 멋진데? 그거 원리가 뭐야?' 라고 물어보니, 디..

디자인 씽킹 The Design of Business 로저 마틴 지음 / 이건식 옮김 2009 디자인 씽킹이란? 경영자적 마인드와 반짝이는 아이디어가 공존하는 생각의 최고지점. 생각의 가장 완벽한 방식은 분석적 사고에 기반을 둔 논리와 직관적 사고에 근거한 크리에이티브가 역동적으로 상호작용하면서 균형을 이루는 것.(표지) 사실 디자인 사고(design thinking. 디자인 씽킹, 디자인적 사고 등 다양한 말이 있으나 이 말로 통일하겠다)에 대한 다양한 견해 가운데 대부분은 동어반복적 논리이다. 예를 들면 디자인 사고는 디자이너가 사고하는 방식이라든지, 아니면 혁신적 결과가 나온 것은 모두 디자인 사고라든지 하는 설명이다. 이 책도 그 범주에서 크게 벗어나지는 않는다. 다만, 책을 전개하는 과정에서 그..

나무에 붙은 매미와 땅바닥에 떨어진 매미껍데기를 신기하게 바라보는 5살 딸아이에게 나는 얘기한다 "저기 우는 매미는 남자야. 여자를 부르는 거야. 작지만 너보다 나이가 많아. 7년을 땅속에 있었으니까.. 매미오빠~~ 해봐 ㅋㅋ" 아이가 커갈수록 아이에게 알려주고 싶은 게 많아진다. 그림책을 보여 주면서 내가 가장 많이 하는 말은 “ 와~ oo가 XX로 변했네~”이다. 아이들은 그런 변화에 신기해하고 집중한다. 그런 변화를 쉽고 재밌게 보여줄 수 있는 폰app이나 패드app이 있으면 좋겠다는 생각을 했다. 아래 이미지와 같이 슬라이드바를 움직이면 해당 동식물 곤충류 들이 날마다 밤과 낮 배경이 바뀌면서 성장해 간다. 성장과정의 트랜지션을 재미있게 만들어 준다.(이게 포인트임) 목표는 재미와 학습효과 시리즈..

제목: 기획에서 마케팅까지 디자인에 집중하라: IDEO처럼 생각하고 IDEO처럼 경영하라 원제: Change by Design: How Design Thinking Transforms Organizations and Inspires Innovation 저자: 팀 브라운 Tim Brown 번역: 고성연, 2009 번역자의 가장 큰 실수는 원제에 있는 "Design Thinking"을 우리말 제목에 넣지 않은 것이다. 이 책은 디자인 사고(Design Thinking)에 관한 책이다. 처음부터 끝까지.(필자는 보통 '적'을 빼고 디자인 사고라고 부르는데, 이 책에서 디자인적 사고라고 해서 인용할 때는 모두 디자인적 사고라고 적을테니 다소 혼란스러워도 양해 부탁드린다) 이 책의 내용을 한 번에 설명하려면 아래..