본문 바로가기

전체 글134

성공적인 '구매 버튼'을 디자인하는 5가지 팁 hongkiat.com에 올라온 5 Tips to Designing a Winning “Buy Button”을 번역한 글. 아주 기초적인 내용인데, 의외로 '버튼'의 기능이나 의미를 생각하지 않고 디자인하는 경우가 종종 있다. 특히 쇼핑몰을 디자인한다면 기본 원칙으로 꼭 염두에 둘만한 내용. 만약 당신이 디자이너거나 온라인 마케터 혹은 어쩌다보니 어떤 시점에 어떤 물건을 팔아야 하는 웹사이트를 소유하게 되었다면, 적합한 '구매 버튼'을 디자인할 필요성이 생긴다. 그러고 나면, '지금 구매' 텍스트를 푸른색 사각형 안에 넣는 것만으로는 기대하는 좋은 결과를 얻지 못한다는 사실을 금방 알아챌 것이다. 다행히도, 적합한 '구매 버튼'을 디자인하는 일은 일단 기본 지식만 알고 나면 그다지 어렵지 않다. 시작해볼.. 2012. 3. 7.
직원을 채용할 때 매번 묻는 질문은? 원문은 'UX디자이너를 채용하는 방법(How to recruit a UX designer)'. 이 글을 쓰기 위해 인터뷰한 전문가들에게 질문한 것들 중 하나인데, 꽤 인상적이라 소개한다. 모든 (채용)후보들에게 하는 질문이 있다면? (What one question do you ask every candidate?) 프로젝트가 심하게 잘못되었을 때를 설명해 주세요. 왜 잘못되었는지, 그로부터 배운 것은 무엇인지? : 후보자가 실패에 대처하는 방법을 이해할 수 있다. 후보자가 겸손한지, 실패를 통해 그의 전문적인 능력을 더 발전시켰는지를 알아볼 수 있다. 이번 달에 인터넷에서 본 가장 멋진 것은 뭔가요? : 후보자가 흥미를 가지고 있다고 말한 것에 실제로 흥미를 가지고 있는지를 알아볼 수 있다. 팀과 프로.. 2012. 2. 20.
모서리가 둥근 사각형이 각진 사각형보다 좋은 이유 UX Movement 블로그에 실린 글 중 2011년 한 해 가장 많이 읽힌 글, 첫 번째. 간략히 핵심만 간추렸다. 자세히 보고 싶은 분은 이곳을 방문해서 전문을 보기를 권장. 요약본만 보더라도 글을 읽은 후, 원문에 있는 예시 이미지를 보면 이해하기 더 쉽다. 아이폰을 처음 개발할 때 스티브 잡스가 엔지니어의 반대에도 불구하고 아이콘의 모서리를 둥글게 만들어야 한다고 했다는데, 그냥 고집이 아니라 근거가 있다. 출처; http://uxmovement.com/thinking/why-rounded-corners-are-easier-on-the-eyes/ 1. 둥근 모서리는 받아들이기 더 쉽다. 뾰족뾰족한 모서리보다 둥근 모서리가 뇌가 정보를 처리하는데 더 쉽다. 모서리가 날카로울수록 밝게 느껴지고, 밝게.. 2012. 1. 18.
모바일 먼저! 스마트폰만 있을 때는 그나마 덜했는데, 아이패드를 비롯한 다양한 기기들이 쏟아져나오면서 웹 디자인 업계에 있는 사람들은 여러 모로 골치가 아프다. 스마트폰은 아예 화면이나 작지, 타블렛은 화면 크기는 큰데, 작동은 터치로 한다. 그러니 모바일 사이트를 만들어서 그대로 적용하기도 어렵고, 그렇다고 전통적인 방식대로 데스크탑 사이트를 만들어놓고 타블렛 기기를 맞이할 수도 없다. 진퇴양난? 물론 답은 있다. 최근에 개편한 트위터를 보면 알 수 있는데, 각 요소들을 큼직 큼직하게 만들고(애플이 권장하는 터치 포인팅 영역의 크기는 44x44픽셀이다. 트위터는 딱 여기에 맞췄다), 롤오버 이벤트를 사용하지 않고 모두 '클릭' 기반으로 만드는 등의 디자인 개편을 통해 타블렛에도 잘 대응하도록 만들었다. 그 외에도 각.. 2012. 1. 18.
모바일웹 디자인을 할 때 반드시 갖춰야할 5가지 최근 온라인 서비스를 기획하면서 데스크탑 버전을 먼저 시작해서, 지금은 모바일 버전을 구성 중이다. 아이폰을 쓰면서 나름대로 모바일에 익숙해졌다고 생각했는데, 천만에, 모바일 버전을 만들다보니 곳곳에 암초와 함정이 깔렸다. 그 와중에 구독하는 블로그에 등장한 반가운 칼럼. 다시 한 번 되짚어 보는 계기로 삼아보자. 언제나 그렇듯 번역 품질을 장담할 수 없으므로, 원본을 읽으시길 권장. 원본: http://tympanus.net/codrops/2012/01/12/5-things-every-mobile-design-should-have/ 그렇다, 이러한 모바일 웹 유행이 가까운 시일 내에 사라질 것 같지는 않다. 보다 모바일에 친화적인 웹사이트를 만들어야 한다는 생각이 슬슬 들고 있다. 모바일 웹 디자인이 .. 2012. 1. 13.
브레인스토밍의 장애물 뛰어넘기 브레인스토밍의 단점을 지적하는 사람도 많습니다만(가장 대표적인 경우가 '집단사고'로 들어가버리는 거죠. 한 명의 의견에 매몰되거나, 획일화되는 것을 말합니다), 여전히 브레인스토밍을 장려하는 사람들이 많고 또 장려할만 합니다. 특히 IDEO 같은 회사에서는 브레인스토밍을 아주 중요시하고, 강조한다더군요. (이 회사에서 출판한 책도 있습니다) 구독하는 블로그에 브레인스토밍에 대한 글이 올라와서 간략히 정리해봅니다. 전체 원문은 이곳에서 읽을 수 있습니다. 브레인스토밍의 장애물 뛰어넘기(Jumping the hurdles of Brainstorming) 작성자 Patrick Cox 해결해야 할 문제를 반복해서 적으라: 브레인스토밍을 시작하기 전, 시작한 이후 문제를 반복해서 종이에 적으라. 브레인스토밍을 진.. 2012. 1. 6.
쉬운 것이 더 좋은 것보다 낫다 오역이 수두룩할 겁니다만, 원문을 읽는 것보단 오역 가득한 한글이 낫다는 분만 읽으세요. ^^; 원문: http://www.smashingmagazine.com/2011/11/28/easier-is-better-than-better/ Barry Schwartz는 그의 책 '선택의 패러독스'에서 인간의 선택에 대한 흥미로운 결론을 내놨다. 사람들은 무엇이 가장 중요한지를 판단해서 선택하는 것이 아니라, 가장 평가하기 쉬운 것을 선택한다. 상식적으론 당신이 선택지를 받아들면 당신에게 가장 중요한 것을 선택하는 것이 맞겠지만, 실제 사람들은 가장 이해하기 쉽고, 평가하기 쉬운 것을 선택하곤 한다. 우리는 아주 자주 그러곤 하는데, 왜냐하면 주어진 선택지를 들고 무엇이 필요한지를 찾아볼만한 시간이 없기 때문이다.. 2011. 11. 29.
프로토타입과 페이퍼 목업을 만드는 이유 제가 다니는 회사 블로그에 기록하는 개발일기입니다. 원문은 여기. 참고로 이 글은 별도 CCL을 적용합니다. 지난 글에 서 왜 우리가 폭포수 방식을 버리고, 다른 방식을 선택하기로 마음 먹었는지, 그 이유를 적었습니다. 그 때 폭포수 방식이 가진 중대한 결점을 하나 언급했죠. 바로 '프로토타입의 부재'입니다. 어떤 분들은 디자인 시안을 프로토타입이라 생각하기도 합니다. 제가 가진 지식이 많이 모자라서 디자인 시안도 프로토타입으로 봐야 하는지는 잘 모르겠습니다만, 우리가 추구하고 말하는 프로토타입은 '작동하는' 프로토타입니다. 이 단어가 핵심입니다. 작동하는. 웹은 인터랙티브(interactive)한 매체입니다. 사용자와 상호작용을 한다는 얘깁니다. 링크를 클릭하면 화면이 이동하고, 뭔가 버튼을 누르면 글.. 2011. 11. 24.
웹 개발 프로젝트는 왜 실패하나, 두 번째 글 이 글은 회사 블로그에 등록한 글입니다. 개발 일기는 계속... 참고로 이 글은 별도의 CCL을 적용합니다. 지난 글에 이어. 지난 글에서 기존의 웹 개발 방식이 포드식 대량생산방식과 일맥상통하는 면이 있으며, 포드식 대량생산방식이 완전해지기 위해서는 어떤 조건이 필요한지를 얘기했습니다. 웹 개발 프로젝트에서 기존의 방식을 유지하기 위해서는 설계 단계에서의 완벽성이 보장되어야 합니다. 그러나 이 점이 큰 함정입니다. 웹 개발 프로젝트에서 그 사이트의 최종 결과물을 그려내는 사람은 기획자입니다. 고객(내부고객이든 외부고객이든)의 요구사항을 받아 그것을 (흔히 스토리보드라고 부르는)화면설계로 구체화합니다. 그 다음 이걸 기준으로 고객의 승인을 받죠. 고객 승인이 끝났다는 말은 이 화면설계대로 개발하기만 하면.. 2011. 11. 7.

티스토리툴바