웹기획 실전가이드 13
디자인은 표현이 아닌 전략이다.
디자인 전략적 접근
❥ 사용자 행동 유도
디자인의 모든 요소는 사용자가 특정 행동을 하도록 유도하는 역할을 해야한다.
ex. 전자상거래 사이트에서 구매 버튼은 눈에 잘 띄는 색상과 크기로 디자인하여 클릭을 유도하고, 반대로 환불이나 취소 버튼은 상대적으로 덜 눈에 띄게 배치하여 실수로 클릭하는 것을 방지
❥ 시각적 위계(Visual Hierarchy)
사용자의 시선이 어떤 순서로 이동하기를 원하는지에 따라 요소들의 크기, 색상, 위치를 조정해야한다.
가장 중요한 메시지는 가장 크고 눈에 띄게, 부차적인 정보는 상대적으로 작고 차분하게 표현
❥ 색상 심리학
빨간색 - 긴급함, 주의를 끔 동시에 위험이나 오류 연상
파란색 - 신뢰감, 안정감, 차갑고 거리감있게 느껴짐
녹색 - 안전함, 성공을 상징, 지루하게 느껴짐
서비스의 성격과 목적에 따라 적절하게 전략을 선택
❥ 인지 부하(Congnitive Load)
사용자가 한번에 처리해야하는 정보의 양을 적절히 조절하여 피로감을 줄이고 사용 편의성을 높여야 한다.
복잡한 정보는 단계별로 나누어 제시, 중요하지 않은 정보는 숨기거나 최소화
프로그레시프 디스클로저 기법을 활용하여 점진적으로 노출하는 것이 효과적
❥ 사회적 증명(Social Proof)
리뷰 개수, 구매 고객 수, 평점 등을 시각적으로 강조하여 다른 사용자들도 이 제품이나 서비스를 신뢰한다는 것을 보여준다.
❥ 스캔 패턴
사용자들은 웹페이지를 읽지 않고 스캔한다.
F패턴, Z패턴 등 일반적인 시선 이동패턴을 고려하여 중요한 정보와 액션 버튼을 배치해야 한다.
특히 모바일에서는 엄지손가락이 닿기 쉬운 영역에 주요 기능을 배치하는 것이 중요하다.
❥ 감정디자인
사용자가 서비스를 사용하면서 느끼는 감정이 브랜드 인식과 재사용 의도에 큰 영향을 미친다.
❥ 접근성
시각 장애인, 색맹, 운동 장애인 등 다양한 사용자가 서비스를 이용할 수 있도록 설계하는 것은 윤리적 챔임일 뿐 아니라 더 넓은 사용자층을 확보하는 비즈니스 전략이기도 하다.
충분한 색상 대비, 대체 텍스트, 키보드 네비게이션 지원을 고려해야한다.
❥ A/B 테스트
두가지 다른 디자인을 동시에 테스트하여 어떤 것일 더 좋은 성과를 내는 지 데이터로 확인할 수 있다.
버튼 색상, 텍스트 문구, 레이아웃 베치 등 작은 변화도 큰 차이를 만들 수 있으므로 지속적인 테스트와 개선이 필요하다
❥ 브랜드 일관성
모든 터치포인트에서 일관된 디자인 언어를 사용하여 브랜드 인지도를 높이고 신뢰감을 구축해야한다. 하지만 맹복적인 일관성보다는 각 상황과 맥락에 맞는 적절한 변형을 허용하는 유연성도 필요하다.
❥ 측정 가능
클릭률, 전환율, 체류 시간, 이탈률 등의 지표를 통해 디자인의 효과를 검증하고 개선해나가야 한다.