Design (23) 썸네일형 리스트형 [Android] 알림 배지 벤치마킹(카카오톡, 갤럭시S4) 테스트환경: 삼성 갤럭시S4 LTE-A (SHV-E330S)OS: Android 4.4.2 (KitKat) 알림 배지를 만들다보면, 숫자를 얼마까지 표시를 할지에 대해 간과하기 쉽다.그럴일은 없겠지만 대화를 읽지 않았는데 1000건 이상이 표시가 된다면 가로 길이가 엄청 길어질 것이다. 테스트한 앱으로는 카카오톡을 선택했다. 바탕화면: 원형 유지, 3자리까지 테스트 카카오톡: 가로의 길이가 조금씩 넓어지고 채팅방 당 알람이 300개 초과시 300+로 표시가 된다. 다른 채팅방에서 알람이 있었을 경우에는 합산이 된다. [HTML/JS] 터치, 클릭 이벤트들 테스트 해볼 수 있는 좋은 사이트가 있다.http://hammerjs.github.io/ 컴퓨터라면 클릭, 드래그앤 드롭, 더블클릭 정도밖에 효과를 볼 수 없지만,스마트폰이라면 줌인/아웃도 가능하다. [UX] 암호입력시 한글 키보드를 보여준다 얼마 전에 암호 입력시에 소프트 키보드에 한글표시를 같이 할 수 있느냐는 질문을 받았다.내 추측으로는 암호를 설정할 때 영문 키보드로 넣고 한글 연상 단어를 입력하기 때문에 그렇지 않나 생각이 들었다.전에 스마트 폰 어플에 그런 것이 적용되어 있는 것을 본 적이 있어, 시중 4개사 은행 스마트폰 어플로 확인을 해보았다.공인 인증서 암호를 치는 화면은 아래와 같았다. 금융 감독원 같은 기관에서 가이드라인을 내린 것 같이 모두 모두 영문 아래 한글 자음과 모음이 표시되어 있었다. [ux] 크롬브라우저 - 소리 재생 표시 아이콘 싸이월드에 블로그가 있어서 글을 썼는데, 관련 글을 따라가다 보니 다른 사람 블로그에 들어가게 되었다.http://blog.cyworld.com/kimbotong/7672598http://blog.cyworld.com/kimbotong/7721748 그런데 BGM이 나오는 블로그라서 음악이 나오는데 탭에 보니 아이콘이 달려있는 것이었다. 그래서 다른 브라우저도 테스트를 해보았더니, 파이어폭스는 재생은 되는데 아이콘 등의 피드백은 없었고, 사파리는 재생 조차 되지 않았다. 소리를 멈추어 보니 아이콘이 사라졌다. "너 크롬. 사용자경험(ux) 좀 신경쓰는데?!!" [ux] 사용자의 집중을 방해하는 요소들 회사에서 블루투스 마우스 붐이 일어서 5명{기성, 자은, 성웅, 나, 민상}이 같은 마우스를 사용하게 되었다.그중에 3명은 {자은,민상,나} 마우스가 노트북과 연결이 끊기는 일이 발생했다. 연결이 끊기면 포인터를 움직일 수 없어 불편하는데 민상의 경우는 유선 마우스를 별도로 달아(하지만 얼마 안 있어 신입사원 입사로 인해 뺏겨서 난감하다는 말을 했다.) 대체를 하는데 사용을 한다고 했다. 원인은 마우스쪽이 아닌 노트북쪽으로 보였는데, 나의 윈도우의 블루투스 서비스창이 잠깐 나왔다 사라질 때 발생했다.일에 집중하지 않고 쉬는 시간일 때면 상관없지만 업무에 몰두해서 한창 개발중 이면 짜증이 에베레스트 산까지 치솟는다.왜냐하면 작업의 몰입을 방해하기 때문이다. 그러면서 유사한 것을 생각해 보았는데, 지우개 달.. [ux] 재부팅을 요구하는 설치 아이리버 H10 를 지인에게 기증을 하려고 준비하다가 iriver plus라는 애플리케이션을 설치하게 되었다.설치 막바지에 아래와 같은 창이 뜬다. 물론 사용자는 '재부팅'여부에 대한 선택에 대한 옵션이 있다.하지만 인스톨러가 재부팅을 요구하는데 하지 않기는 어렵다.=>대안 : 자세한 정보를 알려준다. - 재부팅을 하는 이유와 하지 않을 경우 발생할 일들(예를 들면 XXX 기능을 사용하지 못한다. 프로그램 실행이 안된다?! 등)을 알려준다. 재부팅이 안좋은 이유는 앞으로 글을 쓸 "사용자의 집중을 방해하는 요소들"이라는 글을 참고하면 될 것 같다. [ux] 추가 내용 있음 알림 너무 많은 데이터를 사람에게 한 번에 보여주려면 뇌에 과부하가 걸리게 된다.이럴 때 나오는 반응은 1. 하품 / 그리고 2. 취침이다.이런 것을 인지부하이론에서는 인지 과부하 (Cognitive overhead)라고 부른다. UX 디자이너들은 그래서 '점진적인 표시'라는 개념을 사용한다.즉 지금 즉시 필요한 것만 보여주고, 사용자가 인터랙티브하게 더 보거나 안 보는 선택을 할 수 있게 해주는 것이다.개발자에게 늦은 적재(lazy load)와 비슷한 개념이다. 아마존: http://www.amazon.com/CLR-via-C-Developer-Reference/dp/0735667454북 세부정보(Book Description)을 보면 아래 회색으로 흐려지는 부분이 있고, 아래 "더 보기(Show more).. 이전 1 2 3 다음
