UI 디자인을 위한 체크리스트 (Checklist for UI design)

2011. 5. 15. 14:46for UX&UI


UI 디자인을 위한 체크리스트 (Checklist for UI design)

1. 가능하다면 프레임(Frame)을 사용하지 않는다.

2. 개인 서비스를 위한 섹션은 지양하라.

3. 컨텐츠가 많으면 검색 기능을 추가하라.

4. 같은 페이지내에서 그림자 효과의 방향은 일정하게 유지하라.

5. 극적인 표현은 한 번이면 충분하다.

6. 글로벌 분위기의 이미지 사용을 자제하라.

7. 유사한 메뉴는 모아서 배치시킨다.

8. 네비게이션 바는 동일한 색상 및 형태로 처리해서 일관성을 유지하라.

9. 메뉴는 가능한 단순하게 처리해야 쉽게 눈에 띈다.

10. 네비게이션 메뉴의 위치를 알릴 수 있는 마커(Marker)를 표시한다.

11. 선택된 메뉴 버튼은 다른 메뉴보다 약하게 처리하자.

12. 대소문자 사용에 유의하라.

13. 동적 요소는 가능한 적게 사용하라.

14. 디자인 컨셉은 디자이너의 가장 큰 능력이다.

15. 레이블링은 알기 쉽게 간단히 부여하라.

16. 만들어 장식하기 보다는 있는 것부터 정리하라.

17. 메뉴와 버튼을 배너처럼 만들지 말라.

18. 메뉴의 중요도를 차별화하라.

19. 메세지를 전달할 중심 매체를 정하라.

20. 메인 메뉴의 개수는 6~7개가 적당하다.

21. 메타 태그를 충실하게 작성하라.

22. 밝은 색조는 눈을 피로하게 한다.

23. 색상 선택이 어려우면 채도를 이용하라.

24. 배경음악은 신중히 사용하라.

25. 배경을 어둡거나 밝게 그리고 촘촘해야 한다.

26. 방문자의 사용 환경을 고려하라.

27. 버튼 클릭은 자연스럽게 유도하라.

28. 사용성과 디자인 중 한 가지만 선택해야 한다면 사용성을 선택해야 한다.

29. 사용자의 경험이 성공의 열쇠이다.

30. 사용자는 컨텐츠를 모두 읽지 않는다.

31. 사이트 맵을 소홀히 여기지 마라.

32. 사진을 이용한 버튼은 모던한 느낌을 준다.

33. 세로선을 이용하면 깔끔하게 정렬된다.

34. 아이콘은 반드시 직접 제작해라.

35. 여백으로 구분하라.

36. 원을 이용한 레이아웃은 신선하다.

37. 웹 에이전시의 웹 사이트는 단지 참고만 하라.

38. 웹 페이지의 최적화를 위해 노력하라.

39. 의미없는 스플래시 페이지는 줄여라.

40. 의미없는 전체창은 줄여라.

41. 타겟층을 분명히 정하라.

42. 작은 창 열기는 신중히 결정하라.

43. 직접 도메인을 입력해서 방문하는 방문자가 더 많다.

44. 직관적인 인터페이스를 추구하라.

45. 직접 찍은 이미지를 사용하라.

46. 중요한 컨텐츠는 좌측 상단에서부터 배치한다.

47. 컨텐츠에 집중할 수 있는 레이아웃을 사용하라.

48. 큰 이미지는 쪼개어 코딩하라.

49. 텍스트 버튼은 간격과 정렬에 유의하라.

50. 텍스트 버튼은 한 줄로.

51. 페이지 스크롤을 두려워하지 말라.

52. 페이지 현재 위치를 알 수 있도록 반드시 레이블링을 한다.

53. 폰트는 세 종류까지만 사용하라.

54. 플래시는 장단점을 파악한 뒤 사용하라.

55. '피자'가 아니라 '밥'이 되어야한다.

56. Alt 태그는 이미지에 반드시 입력하라.

57. Contact Us와 Mail to Us를 구분하라.

58. Creative에서 한 발 물러서라.

59. HTML 텍스트는 저해상도라는 것을 명심하라.

60. Identity를 유지하라.

61. Target 값을 _Blank로 설정하기 전에 그 필요성을 다시 한 번 더 생각하라.

62. User Interface Design은 Creative Art가 아닌 Creative Work이다. 




위 체크리스트들은 저자 노주환님의 UI 디자인을 잘하기 위한 테크닉80 (User Interface design technic 80) 도서출판 비비컴에서 내용을 발췌, 정리한 것입니다. - 아살리아(www.asalia.net)