1. 화면을 설계할 때 갖추어야 할 요건
- 브라우저에서 적합한 색상을 사용해야 하며, 페이지의 용량을 고려하여 디자인해야 한다.
온라인 작업 환경(제한적인 칼라 팔레트, 작은 파일 사이즈 등)에 대한 이해가 필요
- 사용자에 대한 인지적 효과를 고려해야 한다.
방문객이 모든 내용을 읽는 것은 아니므로 사용자가 내용을 쉽게 파악할 수 있도록 배치,
대비, 강조하여 레이아웃을 설계, 관련 정보를 그룹핑 해준다.
- 웹 문서에서 표현하고자 하는 내용이 디자인에서 나타나야 한다.
간단한 그래픽이나 아이콘을 활용
- 사용자에 대한 감성적 효과를 고려하여 디자인해야 한다.
사용자의 연령이나 예상 사용 시간, 교육 정도, 성별, 기호 등을 고려하여 정보를 사용자의
특성에 맞게 조절.
2. 화면 설계에 적용되는 디자인 원리
- 조직성
조직성(systemicty)이란 사용자에게 정보를 전달할 때 명백하고 일관성 있는 개념적 구조를
제공하는 것으로 무질서, 혼란에 반대되는 개념
예) 그리드 시스템
조직성을 강화를 위한 화면 레이아웃 구성. 초기 화면과 서브 화면의 구조가 동일하게
구성. 사이트에 빠르게 적응할 수 있도록 도와주고, 정보 검색과 네비게이션에 신뢰감
하나 또는 여러 웹 페이지가 구성 요소 사이에서 일정한 질서를 갖도록 하는 성질
웹 페이지에서 조직성의 정도는 질서의 지속성과 구성 요소의 질서로 표현할 수 있다.
- 경제성
경제성(economy)이란 최소한의 실마리로 효율을 극대화하는 것.
불필요한 요소는 과감하게 삭제하고, 중요한 정보는 다른 정보와 차별화하여 강조하는 것.
간결성: 커뮤니케이션을 하는데 꼭 필요한 요소만을 포함하여 디자인하는 것.
명료성: 디자인의 모든 구성 요소가 의미하는 바를 분명하게 하는 것.
구성요소를 명확하게 하려면 우선 정보의 의미를 정확히 이해하고, 사용자 입장에서
명료하고 가독성 있는 상징물로 대치한다.
- 강조성
강조성을 이용한 디자인 기법은 가장 중요한 요소를 돋보이게 한다. 사용자는 중요한 정보를
쉽게 찾을 수 있어 학습이 편리하고, 수행 효율을 향상시킬 수 있다.
- 일관성
일관성(consistency)이란 하나의 웹 사이트 또는 여러 웹 사이트에서 지켜지고 학습 없이도
쉽게 사용할 수 있는 법칙. 웹 사이트에서 일관성이 지켜지면 반복에 의한 학습 효과로 인해
심리적 모델을 추출할 수 있다.
- 예측성
예측성(predictability)이란 사용자가 학습 없이 직관과 예측을 통해 인터페이스와 네비게이션
을 이해할 수 있도록 하는 화면 설계의 원리.
피드백은 사용자와 상호 작용을 원활하게 하는 방법이다.
예) 마우스 롤 오버시 이미지나 컬러 변경.
- 안정성
안정성(stability)이란 사용자가 제품을 사용할 때 실수에 대한 두려움 없이 사용할 수 있도록
도와주고, 한편으로는 실수를 저지르지 않을 수 있도록 설계하는 원리.
예) loading 페이지의 % 보여주기. 오류에 대한 상세한 안내 문구 보여주기 등
- 흥미성
흥미성(attraction)은 웹 사이트 화면에서 친근감 있고 재미있는 요소를 제공하여, 사용자가
흥미를 느낄 수 있게 해주는 화면 설계 원리
예) 친근감 있고 유머러스한 캐릭터를 사용하여 사용자 친밀감을 높이는 방법
애니메이션이나 사운드를 활용하여 사용자의 흥미와 전달력을 높이는 방법
- 심미성
심미성(aesthetic)이란 미적 만족감을 제공하는 것으로 변별성, 기억도, 선호도를 증대시킨다.
Rss Feed