웹기획6 모서리가 둥근 사각형이 각진 사각형보다 좋은 이유 UX Movement 블로그에 실린 글 중 2011년 한 해 가장 많이 읽힌 글, 첫 번째. 간략히 핵심만 간추렸다. 자세히 보고 싶은 분은 이곳을 방문해서 전문을 보기를 권장. 요약본만 보더라도 글을 읽은 후, 원문에 있는 예시 이미지를 보면 이해하기 더 쉽다. 아이폰을 처음 개발할 때 스티브 잡스가 엔지니어의 반대에도 불구하고 아이콘의 모서리를 둥글게 만들어야 한다고 했다는데, 그냥 고집이 아니라 근거가 있다. 출처; http://uxmovement.com/thinking/why-rounded-corners-are-easier-on-the-eyes/ 1. 둥근 모서리는 받아들이기 더 쉽다. 뾰족뾰족한 모서리보다 둥근 모서리가 뇌가 정보를 처리하는데 더 쉽다. 모서리가 날카로울수록 밝게 느껴지고, 밝게.. 2012. 1. 18. 모바일웹 디자인을 할 때 반드시 갖춰야할 5가지 최근 온라인 서비스를 기획하면서 데스크탑 버전을 먼저 시작해서, 지금은 모바일 버전을 구성 중이다. 아이폰을 쓰면서 나름대로 모바일에 익숙해졌다고 생각했는데, 천만에, 모바일 버전을 만들다보니 곳곳에 암초와 함정이 깔렸다. 그 와중에 구독하는 블로그에 등장한 반가운 칼럼. 다시 한 번 되짚어 보는 계기로 삼아보자. 언제나 그렇듯 번역 품질을 장담할 수 없으므로, 원본을 읽으시길 권장. 원본: http://tympanus.net/codrops/2012/01/12/5-things-every-mobile-design-should-have/ 그렇다, 이러한 모바일 웹 유행이 가까운 시일 내에 사라질 것 같지는 않다. 보다 모바일에 친화적인 웹사이트를 만들어야 한다는 생각이 슬슬 들고 있다. 모바일 웹 디자인이 .. 2012. 1. 13. 웹사이트의 우편번호 입력 방식을 개선해보자 예전에 트위터 누군가 올려준 블로그 포스트 하나를 보고 큰 충격을 받았다. '밀피유의 이야기'라는 블로그의 '웹의 사소한 곳도 2011년에 맞도록'이라는 글이다. 혹시 본인의 직업이 웹 기획자, 웹 디자이너 하여간 웹사이트를 기획하거나 운영하거나 만드는 분야에 속하는 분이라면 꼭 한 번 읽어볼 것을 권한다. 이 글에 아래와 같은 대목이 나온다. 그런데 저는 지금도 우편번호 버튼을 누르고 배송지의 동 이름을 입력해 우편번호를 찾고 있는 겁니다. 안 이상합니까? 지금쯤 되면 주말에 출입국관리소를 통해 화성에 갈 수 있지는 않더라도 적어도 우편번호 입력은 주소를 다다닥~ 타이핑하고 있으면 알아서 내가 입력하는 주소를 서버와 주고받아 자동으로 띄워 주고 이메일 입력은 네띠앙이 맨 위에 있는 콤보박스 맨 아래에 .. 2011. 4. 5. 남자의 자격을 보고 부끄러워진 웹기획자 어제 방송한 남자의 자격을 보고 너무도 부끄러웠다. 국내 웹사이트의 잘못된 UI 설계를 너무도 생생하게 까발려주고 있어서이다. 나도 저런 사이트, 저런 화면을 만드는데 일조했구나 싶어 안타까운 마음이 밀려왔다. 아무 생각 없이 입력하도록 한 개인 정보, 너무나 많은 입력 항목, 사용자에게 잘못된 방식으로 피드백을 전달하는 화면. 잘못 설계한 웹페이지의 전형을 보는 듯 했다. 방송에서 이경규, 김태원, 김국진 이 세 분의 OB가 가장 많이 헤맨 지점을 되짚어보자. 1. 아이디를 꼭 받아야 하나? 회원 가입 페이지를 설계하려면 이것부터 물어봐야 한다. 우리 사이트에서 아이디를 꼭 받아야 하나? 어떤 이유로 아이디가 필요한가? 아이디를 받으면 그 정보를 어디에 쓸 건가? 아이디를 안받으면 어떤 문제가 생길까?.. 2010. 11. 1. 사용자를 배려한 회원정보 입력폼 웹사이트에 회원가입을 할 때 빠지지 않는 정보가 바로 전화번호와 생년월일이다. 난 여전히 웹사이트에서 이 두 정보를 받는 이유를 모르겠다. 서비스 공급자의 입장 말고, 회원 입장에서 말이다. 이유야 어찌 됐건 나같은 일개 웹기획자가 아무리 떠들어봐야 별로 달라지는 것은 없을테니, 어차피 받아야할 정보라면 이왕이면 사용자를 덜 불편하게 하는 방법을 생각해보자. 1. 옥션의 경우 예시1) 옥션의 전화번호 입력폼 위 화면은 옥션의 전화번호 입력폼이다. 맨 앞자리 번호는 모두 풀다운 메뉴로 입력하게 되어 있다. 이렇게 할 때의 장점은 사용자가 직접 키보드를 타이핑하는 일을 줄여주고, 더불어 정확한 데이터를 받을 수 있다는 거다. 물론 뒷자리 번호는 검증이 불가능하니 (고작해야 자리수 체크가 할 수 있는 전부다).. 2010. 3. 24. 좋은 제품은 빼기의 결과이다 유정식 님의 포스트 '아이팟은 어떻게 아이리버를 이겼나'의 한 대목. 타업체들은 뛰어난 부가기능을 부각시켰습니다. 음악재생 이외에 보이스 레코딩, 동영상 재생, 게임, 인터넷 접속 등의 부가기능을 결합한 제품에 초점을 맞추었지요. 그래서 MP3 플레이어라기 보다는 PMP(Portable Multimedia Player)나 PDA에 가까운 제품에 집중했습니다. 반면 애플의 아이팟은 기본기능인 음악재생만 충실히 하고 몇 개를 제외한 대부분의 부가기능을 과감히 삭제했지요. 아이팟 셔플이 대표적인 예입니다. 위 문장과 이어지는 맥락에서 내가 좋아하는 문장이 하나 있다. 완전함이란 더 이상 보탤 것이 없는 상태가 아니라 더 이상 뺄 것이 없는 상태를 말한다. 나같은 웹기획자가 프로젝트를 할 때 어려움을 겪는 때는.. 2010. 3. 5. 이전 1 다음
