[프로그래밍] 윈도우 사용자 인터페이스를 만들고 계시나요?
"텍스트 박스의 길이는 어느정도로 하는 것이 좋을까?"
"정렬은 어떻게 시키는 것이 좋을까?"
저도 회사에서 관리자 프로그램을 만들면서 이런 고민을 좀 했었는데, 마이크로 소프트의 MSDN 사이트에서 좋은 아티클을 발견해서 함께 공유하려고 합니다.
응용 프로그램을 위한 최상의 사용자 환경을 만드는 방법(Windows 사용자 인터페이스 기술 문서)
본문에 있는 내용을 짧게 소개해 드리자면, 아주 쉽게 잘못 설계된 예와 올바르게 설계된 예를 보여주고 있습니다.
그림 1. 잘못 설계된 폼
그림 2. 올바르게 설계된 폼
그림으로 너무 잘 설명되어 있어서 굳이 설명이 필요 없을 정도죠^^?
그림 3. 단추 크기 비교
또 다른 예로 단추(Button을 단추로 번역하니까 느낌이 참 이상하네요^^;) 크기같은 작은 것도 놓치지 않고 설명하고 있습니다.
버튼 이름이 참 마음을 아프게 하네요. 예전에 저도 저렇게 큰 버튼 만든적이 있는 것 같은데...다른 직업을 찾으라니...ㅠ.ㅠ
그림 4. LinkLabel과 쌍을 이루어 사용하면 단추에 주의가 더 집중됩니다.
첫 번째 트릭은 중요하지 않은 단추를 LinkLable로 변환하는 것입니다. 이렇게 하면 사용자는 이러한 링크가 작업을 수행하게 된다는 것을 알게 되므로 표준 디자인 지침을 위반하지 않고도 먼저 눈에 띄는 단추로 주의를 돌리게 됩니다.
그림 5. 왼쪽에서 오른쪽으로 읽는 습관으로 인해 맨 왼쪽의 단추가 가장 먼저 눈에 띕니다.
"표준 디자인 지침"... 이 단어가 이 문서를 100% 표현해 주고 있는 것 같습니다.
이 문서는 윈도우 사용자 인터페이스 구현에 있어서 "표준 디자인 지침"의 역할을 하는 문서라고 생각하시면 됩니다.
아티클을 읽어보시면 아주 쉽게 설명을 하고 있으면 쉽게 이해하시리라 생각합니다.
사실 이 문서가 모든 분들의 가려운 부분들을 전부 해결해 주지는 못합니다.문서 자체가 짧은 아티클 형식의 문서이고, 번호도 20번까지 밖에 없습니다.
윈도우 사용자 인터페이스가 얼마나 방대한데, 이걸로는 힘들겠죠.
그래서!!! 마지막 부분에 나오는 "참조 및 자료"를 추천합니다.
---------------------------------------------------------------------
참조 및 자료
훌륭한 사용자 환경 설계를 위한 기타 다양한 측면에 대해서 알아보려면 아래 나온 자료를 읽어 보는 것이 좋습니다.
- The Human Factor (영문) 약간 오래되기는 했으나 Scott Berkun이 MSDN에 기고한 이 컬럼은 소프트웨어 및 웹 디자인에 대해 매우 통찰력 있게 접근합니다.
- Windows Vista User Experience Guidelines (영문) 준비 단계에 있는 경우라도 이 지침을 참조하면 Windows Vista는 물론 일반적인 응용 프로그램을 훌륭하게 설계하는 데 도움이 됩니다.
- Windows XP Design Guidelines (영문) Windows Vista가 출시될 때까지는 일반적으로 이 지침을 따르는 것이 가장 좋습니다.
- Tablet PC Documentation (영문) 이 문서 집합에는 훌륭한 Tablet PC 호환 문서를 계획하는 데 필요한 모든 내용이 수록되어 있습니다.
또한 사용자 인터페이스 디자인 및 사용자 환경 디자인에 대한 MSDN Library의 기사도 계속해서 확인하시기 바랍니다.
---------------------------------------------------------------------
"표준"이라는 것이 인간의 창의성을 꽁공 얽매기도 하지만, 때로는 꼭 필요한 부분이라는 생각을 합니다.
예를 들어, 제가 예전에 번역했던 Java Code Convention 같은 것도 어떻게 보면 이 "표준"이라는 범주에 속하겠죠.
"어떻게 윈도우 사용자 인터페이스를 잘 구현할 수 있을까?" 고민하시고 계신 분이시라면 꼭 한번 읽어보세요!!!!
