본문 바로가기

ux13

화면설계(Wireframe)이전에 스케치를 먼저 하는 것이 중요한 이유 이 글은 UX Movement가 선정한 2012년 UX 컬럼 Best 5 중 "Why it's important to sketch before you wireframe"을 한글로 번역한 것입니다. 왜 화면설계 이전에 스케치를 먼저 하는 것이 중요한가. 웹사이트 혹은 어플리케이션에 대한 아이디어를 떠올려본 적이 있는가? 아이디어를 생각해내는 것은 쉽지만, 정작 어려운 부분은 그 아이디어가 어떻게 사용자 인터페이스로 자리잡을지를 이해하는 것이다. 바로 이 지점에 스케치가 유용하다. 스케치는 창의성과 건설과 연관있는 많은 직업에서 이뤄진다. 심지어 레오나르도 다빈치도 그의 발명품을 만들기 전에 스케치를 했다. 당신이 얼마나 똑똑하든지 간에 머리 속에 있는 단순한 아이디어를 정리하지 않고 바로 구현하는 것은 불.. 2013.01.08
왜 스크롤이 새로운 클릭인가 이 글은 UX Movement가 선정한 2012년 UX관련 컬럼 베스트 중 하나인 "Why scrolling is the new click"를 한글로 번역한 것입니다. 어느쪽이 사용자에게 더 좋을까? 스크롤하기? 혹은 클릭하기? 이것은 페이지 흐름을 디자인할 때 반드시 생각해봐야할 질문이다. 클릭은 사용자에게 새로운 페이지로 이동하는 링크를 제공한다. 스크롤은 모든 컨텐츠를 다른 영역으로 나누어 한 페이지에 담아 제공한다. 여러 해 전에는 클릭이 이 질문에 대한 간단한 해답이었다. 만약 한 페이지를 너무 길게 만든다면 사용자는 위쪽 절반만 보고, 읽은 뒤 아래쪽 절반은 스쳐가듯 보거나 무시한다는 게 일반적인 생각이었다. 오늘날은 많은 것이 변했다. 많은 사용자들이 화면 맨 아래까지 스크롤해서 내려가고, .. 2013.01.07
왜 '여기를 클릭하세요'라고 링크를 지정하면 안되는가 이 글은 UX Movement가 선정한 2012년 UX관련 컬럼 베스트 중 하나인 "Why your links should never say "Click Here""를 한글로 요약한 것입니다. "클릭"은 마우스에 너무 초점을 맞춘다. "클릭"이라는 단어를 사용하는 순간 사용자의 관심은 인터페이스에서 마우스로 옮겨간다. 링크를 클릭할 때 전혀 불필요한 주의를 불러일으키는 셈. 인터페이스와 컨텐츠에 초점을 맞춰야할 순간에 사용자 스스로, 그리고 사용자의 마우스로 주의를 옮길 뿐 아니라, 사용자가 링크가 뭔지 모르거나 마우스를 사용할 줄 모른다는 느낌을 준다. "클릭" 대신 사용자의 과업(task)과 연결된 동사를 사용하라. "클릭"을 사용하면 사용자는 마우스를 생각하지만, 과업과 연결된 동사를 사용하면 사용.. 2013.01.04
입력항목 중 잘못된 항목이 있을 경우, 그 항목만 보여주자는 의견 스매싱 매거진에 실린 영문 컬럼입니다. http://uxdesign.smashingmagazine.com/2012/06/27/form-field-validation-errors-only-approach/본문을 굳이 읽어보지 않아도 되고(저도 정작 본문은 대충 읽어봤고요), 포함된 이미지만 봐도 그 의도가 명백하게 드러납니다. 사용자가 입력해야 할 항목이 아주 많은 화면이 있는 경우, 그 중 한 두개를 잘못 입력하면 피드백을 주죠. 최악은, 알럿창을 띄워서 '틀린 항목이 있으니 다시 입력하삼' 하고 알럿창 닫으면 입력한 데이터를 초기화해버리는 거고. (요즘은 액티브엑스를 설치해야 하는 관공서 웹사이트를 제외하면 이런 경운 드물죠), 그 다음은 입력한 데이터를 날리지는 않지만 뭘 잘못 입력했는지는 안 알려주.. 2012.07.02