괜히 오류메시지를 모호하게 만드는 이유는 뭔가? (2) 2008년 7월 27일에 예전 글에도 똑같은 내용을 적었지만 다음은 참 끈덕지다. 블로그 이용자의 설정에 의한 경우 죄송합니다. 사용할 수 없는 사용자입니다. 상대 블로그가 관리>스팸 관리의 블랙리스트에 등록한 경우 나타나는 메시지입니다. 사용자 설정에 의해 차단되었습니다. 상대 블로그가 관리.. UI&사용성 이야기/UI 디테일 2008.12.02
암호 입력창의 사용성 웹서비스를 사용하면서 암호 입력할 일이 참 많다. 근데 당장 위 화면을 보라. 저게 몇글자 쓴것 같나? 당최 알수가 없다. 나는 12자리 영문/숫자 암호를 사용하는데 저것만 봐서는 내가 제대로 12자리 쓴건지 삑사리가 났는지 알 수가 없다. 그래서 나는 입력창 뒤에 4자리씩 연한 실선을 그어서 구분해.. UI&사용성 이야기/UI 디테일 2008.11.28
위젯뱅크, FF에서 1픽셀 잘림 정말 영양가 없는 포스팅입니다만, 저는 중요하게 생각하기에 올려봅니다. 현재 다음 블로그에 위젯을 적용할 경우 파이어폭스에서 좌측 1픽셀이 잘리고, IE에서는 제대로 나옵니다. 요즘에는 길이에 구애받지 않고 스무스하게 디자인하는게 대세지만, 디자이너분들은 위젯을 디자인할 때 border 처리.. UI&사용성 이야기/UI 디테일 2008.11.19
파이어폭스와 IE의 이미지 랜더링 차이 어제 올린 이미지 압축 알고리즘, 바꿀 수 있는 방법이 없을까? 라는 글에서 브라우저상에서 보이는 축소 이미지가 흐릿하게 보이는 문제에 대해 이야기했다. 근데 좀 더 살펴보니 이건 아무래도 서비스 제공 회사(다음, 네이버) 문제가 아니라 브라우저 내부에 들어있는 알고리즘 문제인것 같다. Mozill.. UI&사용성 이야기/UI 디테일 2008.10.30
이미지 압축 알고리즘, 바꿀 수 있는 방법이 없을까? 다음 블로그를 이용하면서 스크린샷을 추가할 일이 많은데, 이거 블로그 폭에 맞춰 축소되다보니 축소되었을때 화질에 민감해진다. 근데 이거 영 뿌옇게 보이는게, 아래와 같은 캡쳐 이미지에는 영 맘에 안들게 나온다. 중간은 포토샵에서 Bicubic Sharper 알고리즘으로 압축한 사진이다. 이 알고리즘을 사.. UI&사용성 이야기/UI 디테일 2008.10.29
알라딘의 멋진 주문 추가 시스템 오늘 온라인 서점 알라딘에서 책을 사는데, 아침에 책을 두권 사고 오후에 책을 한권 더 사게 되었다. 이 경우 보통 배송비 추가에 대한 걱정, 그리고 택배를 두개 받을것에 대한 귀찮은 생각들이 들게 된다. 근데 재미있게도 알라딘에서는 이전에 했던 주문이 있고, 아직 발송이 되지 않았을 경우 기존.. UI&사용성 이야기/UI 디테일 2008.10.29
비밀번호 자동완성과 입력폼 형태, 그리고 사용성 요즘 파이어폭스는 아이디와 비밀번호를 입력하면 저장해두었다가 자동완성이 되게 만든다. 오늘 블로그를 좀 써보는데, 문제점이 하나 눈에 띄었다. 위의 경우 아직 닉네임을 입력하지 않은 상태이다. 옆의 칸은 비밀번호를 입력하는 곳인데, 비밀번호 치는 곳이라는걸 표시하기 위해 ●●●● 이렇.. UI&사용성 이야기/UI 디테일 2008.10.20
어이 상실 Engadget 댓글 시스템 내가 여태까지 여러 웹서비스 쓰면서 여러번 댓글 남겨보는데, 키보드에 때묻힌 이래로 Engadget만큼 형편 없는 댓글 시스템은 처음 본다. 위는 Engadget에서 포스트 하나 봤을때 나오는 화면인데, 저 화면 아래의 2 COMMENTS 부분을 클릭하면 댓글 쓰는 창이 나온다. 근데 이거 가관이다. 위에 보면 탭이 있는.. UI&사용성 이야기/UI 디테일 2008.10.15
센스있는 버튼 배치 vs 센스없는 버튼 배치 "어려운건 나쁘다"라는 저번 포스팅에서 다음 블로그의 수정 버튼 위치에 대해 지적했는데, 어제 네이버 블로그쪽 살펴보다가 작지만 큰 차이를 하나 발견했다. 위는 다음블로그, 아래는 네이버블로그의 글쓰기 화면이다. 다음 블로그의 등록/취소 버튼 위치와 네이버 블로그의 확인/작성취고 버튼 위.. UI&사용성 이야기/UI 디테일 2008.10.14
맘에드는 페이지 이동 버튼 Digg 닷컴의 하단 페이지 이동 버튼, 정말 예쁘군요. 보시는 바와 같이 하나하나 테두리를 둘러놓고 마우스 오버 영역을 널찍하게 잡아놨습니다. 테두리가 있기에 버튼스럽게 보이고 어디까지 마우스를 올려야 클릭이 될지 짐작할 수 있지요. 마우스 올릴 경우 살짝 더 진해지는 효과로 마우스 올라간 .. UI&사용성 이야기/UI 디테일 2008.06.24