Web Guide오래가는 디자인타임리스디자인 수명
3년 뒤에도 촌스럽지 않은 디자인의 조건
앞서 다룬 90편의 디자인 원칙을 하나로 정리하면 이렇습니다.
오래가는 디자인에는 공통점이 있습니다. 대부분 더하는 것이 아니라 덜어내는 쪽입니다.
01기본에 충실하다
오래가는 사이트는 화려하지 않습니다. 대신 여백이 충분하고, 정렬이 맞고, 글자가 읽기 좋습니다.
이런 요소는 유행을 타지 않습니다. 10년 전에도 좋았고 10년 뒤에도 좋습니다.
01
충분한 여백
빽빽한 화면은 언제 봐도 답답합니다.
02
정확한 정렬
어긋난 정렬은 언제 봐도 어수선합니다.
03
명확한 위계
무엇이 중요한지 보이는 구조.
04
읽기 좋은 글자
크기, 행간, 대비. 기본 중의 기본입니다.
05
절제된 색
역할이 정해진 몇 가지 색만.
02목적이 분명하다
좋은 디자인은 방문자가 무엇을 해야 할지 알려줍니다. 예쁘기만 하고 다음 행동이 보이지 않으면 오래가지 못합니다.
목적이 분명한 화면은 시간이 지나도 제 역할을 합니다.
목적이 흐린 디자인
인상적이지만 무엇을 하는 회사인지 모름 · 다음 행동이 안 보임 · 결국 바꾸게 됨
목적이 분명한 디자인
3초 안에 이해됨 · 다음 행동이 명확 · 성과가 나옴 · 바꿀 이유가 없음
03고칠 수 있다
아무리 잘 만들어도 3년 동안 회사는 바뀝니다. 그 변화를 반영할 수 없으면 사이트가 먼저 낡습니다.
관리 가능한 영역이 넓은 사이트가 오래갑니다.
텍스트 수정모든 문구를 직접 고칠 수 있어야 합니다.
이미지 교체새 사진으로 바꿀 수 있어야 합니다.
항목 추가서비스나 사례가 늘어날 때 대응할 수 있게.
메뉴 조정구조가 바뀔 때 손댈 수 있게.
규격 안내관리자에 이미지 규격이 표시되어 있어야 유지됩니다.
04모두가 쓸 수 있다
접근성을 갖춘 사이트는 결과적으로 모두에게 편합니다. 그리고 이 기준은 시간이 지날수록 높아집니다.
지금 갖춰 두면 나중에 다시 만들 필요가 없습니다.
점검 항목
모바일에서 잘 된다
가장 많이 쓰이는 환경입니다.
빠르다
속도 기대치는 계속 높아집니다.
키보드로 쓸 수 있다
접근성의 기본이자 기술적 견고함의 신호.
대비가 충분하다
어떤 환경에서도 읽힙니다.
표준을 따른다
새 기기나 브라우저가 나와도 동작합니다.
CHECK POINT
□ 여백이 충분하고 정렬이 맞는가
□ 글자 크기와 대비가 읽기 좋은가
□ 색의 역할이 정해져 있는가
□ 3초 안에 무엇을 하는 회사인지 알 수 있는가
□ 다음 행동이 명확한가
□ 모든 텍스트와 이미지를 직접 고칠 수 있는가
□ 모바일에서 잘 동작하는가
□ 키보드만으로 사용할 수 있는가
#오래가는 디자인#타임리스#디자인 수명#여백#위계#관리 가능 영역#접근성#홈페이지 디자인#웹비스타#홈페이지 제작