사내시스템을 개발하고있는데 연말부터해서 ux를 바꿔보고 있는 중이다.
참 어려운일..ㅎ 그중 조회항목이나 설치입력폼에 입력필드가 너무 많다.. 익숙하지않은 사람이 사용할때 당연 뭘 어떻게 입력하라는건지, 내가 맞게 넣은건지 , 입력폼의 타이틀읽는게 더 시간이 걸린다고 충분히 생각할수 있겠지..
어떻게하면 가독성 쉽고 내용전달을 충분히 할수있을까 고민하다 보게된책이다.
예를 들면 나의경우 조회입력폼필드가 8개요소로 이뤄져있다. 항목타이틀은 좌측정렬이고, 조회요소들은 3x3으로 되어있다.
죄측>우측>상향정렬순으로 사용자의 입력폼기입시간이 빠르다고한다. 그이유는 사람이 시선을 고정하는것과 관계가있다. 그리고 항목타이틀과 입력폼이 근접해있을수록 빠르게 입력을 마친다는것이다.
또한 상향정렬의 경우 다국어를 지원하는 사이트의 경우 항목타이틀부분이 길어지는것을 유연하게 대처할수있는 장점이있다.
여기서. 잠깐, 항목타이틀은 짧고간결한게 좋으나 사용자에게 혼동을 줄 소지가 있다고 하는경우 대화식이 좋다고 한다.
예를들어 prefer content 보다는 i prefered content from 으로 제공하는것이다.
다시 돌아와서..
우측정렬 역시 타이틀과 입력폼이 근접해있어 입력이 빠르다고 한다. 수직공간이 적은경우 우측정렬이 유리할것같다.
그럼 좌측정렬은? 고급설정처럼 신중히 입력을 해야하는곳이 적합하다고 한다. 타이틀과 폼이 근접성이 낮다고 해서 문제가되진 않는다 다만 입력시간이 좀 더디다는점.
placeholder로 입력필드안에 타이틀을 넣는경우. 익숙하지않은 경우거나 질문이 명확하지않다면 사용자는 타이틀을 참고할수 없으므로 주소처럼 익숙한곳이 적절하다고 한다.
조회폼은 뭐..지금도 괜찮은거같다. 약간 아쉬운건 입력폼을 만들지말고 select쿼리를 전송할수있게 만들어둘걸..
여튼 분명한건 내시스템에 설치입력폼은 개선이 필요할것같다..
'이것저것(독후감같은거)' 카테고리의 다른 글
cytoscape.js : 시각화 관련된 js 트래킹 (0) | 2015.11.10 |
---|---|
http error code (0) | 2015.11.10 |
perl 쓰레드와 fork를 테스트한 스크립트 블로깅.. (0) | 2015.11.10 |
rundeck 사용해보기 (14년6월) (0) | 2015.11.10 |
PhantomJS 란? PhantomJS 설치. 그리고 quick-start (SCREEN CAPTURE , HEADLESS WEBSITE TESTING) (0) | 2015.11.10 |