본문 바로가기

ui10

입력항목 중 잘못된 항목이 있을 경우, 그 항목만 보여주자는 의견 스매싱 매거진에 실린 영문 컬럼입니다. http://uxdesign.smashingmagazine.com/2012/06/27/form-field-validation-errors-only-approach/본문을 굳이 읽어보지 않아도 되고(저도 정작 본문은 대충 읽어봤고요), 포함된 이미지만 봐도 그 의도가 명백하게 드러납니다. 사용자가 입력해야 할 항목이 아주 많은 화면이 있는 경우, 그 중 한 두개를 잘못 입력하면 피드백을 주죠. 최악은, 알럿창을 띄워서 '틀린 항목이 있으니 다시 입력하삼' 하고 알럿창 닫으면 입력한 데이터를 초기화해버리는 거고. (요즘은 액티브엑스를 설치해야 하는 관공서 웹사이트를 제외하면 이런 경운 드물죠), 그 다음은 입력한 데이터를 날리지는 않지만 뭘 잘못 입력했는지는 안 알려주.. 2012.07.02
성공적인 '구매 버튼'을 디자인하는 5가지 팁 hongkiat.com에 올라온 5 Tips to Designing a Winning “Buy Button”을 번역한 글. 아주 기초적인 내용인데, 의외로 '버튼'의 기능이나 의미를 생각하지 않고 디자인하는 경우가 종종 있다. 특히 쇼핑몰을 디자인한다면 기본 원칙으로 꼭 염두에 둘만한 내용. 만약 당신이 디자이너거나 온라인 마케터 혹은 어쩌다보니 어떤 시점에 어떤 물건을 팔아야 하는 웹사이트를 소유하게 되었다면, 적합한 '구매 버튼'을 디자인할 필요성이 생긴다. 그러고 나면, '지금 구매' 텍스트를 푸른색 사각형 안에 넣는 것만으로는 기대하는 좋은 결과를 얻지 못한다는 사실을 금방 알아챌 것이다. 다행히도, 적합한 '구매 버튼'을 디자인하는 일은 일단 기본 지식만 알고 나면 그다지 어렵지 않다. 시작해볼.. 2012.03.07
모서리가 둥근 사각형이 각진 사각형보다 좋은 이유 UX Movement 블로그에 실린 글 중 2011년 한 해 가장 많이 읽힌 글, 첫 번째. 간략히 핵심만 간추렸다. 자세히 보고 싶은 분은 이곳을 방문해서 전문을 보기를 권장. 요약본만 보더라도 글을 읽은 후, 원문에 있는 예시 이미지를 보면 이해하기 더 쉽다. 아이폰을 처음 개발할 때 스티브 잡스가 엔지니어의 반대에도 불구하고 아이콘의 모서리를 둥글게 만들어야 한다고 했다는데, 그냥 고집이 아니라 근거가 있다. 출처; http://uxmovement.com/thinking/why-rounded-corners-are-easier-on-the-eyes/ 1. 둥근 모서리는 받아들이기 더 쉽다. 뾰족뾰족한 모서리보다 둥근 모서리가 뇌가 정보를 처리하는데 더 쉽다. 모서리가 날카로울수록 밝게 느껴지고, 밝게.. 2012.01.18
모바일웹 디자인을 할 때 반드시 갖춰야할 5가지 최근 온라인 서비스를 기획하면서 데스크탑 버전을 먼저 시작해서, 지금은 모바일 버전을 구성 중이다. 아이폰을 쓰면서 나름대로 모바일에 익숙해졌다고 생각했는데, 천만에, 모바일 버전을 만들다보니 곳곳에 암초와 함정이 깔렸다. 그 와중에 구독하는 블로그에 등장한 반가운 칼럼. 다시 한 번 되짚어 보는 계기로 삼아보자. 언제나 그렇듯 번역 품질을 장담할 수 없으므로, 원본을 읽으시길 권장. 원본: http://tympanus.net/codrops/2012/01/12/5-things-every-mobile-design-should-have/ 그렇다, 이러한 모바일 웹 유행이 가까운 시일 내에 사라질 것 같지는 않다. 보다 모바일에 친화적인 웹사이트를 만들어야 한다는 생각이 슬슬 들고 있다. 모바일 웹 디자인이 .. 2012.01.13