📔 시나브로 독서 [UI 디자인 교과서,하라다히데시] 🔖 발췌 사용하기 쉬운 인터페이스를 디자인하려면 인간의 타고난 능력을 활용하는 것이 중요하다. 색, 모양, 움직임에 대해 인간이 어떤 인

📔 시나브로 독서 [UI 디자인 교과서,하라다히데시] 🔖 발췌 사용하기 쉬운 인터페이스를 디자인하려면 인간의 타고난 능력을 활용하는 것이 중요하다. 색, 모양, 움직임에 대해 인간이 어떤 인지 특성을 보이는지 살펴보자. 인간은 색상 차이를 순식간에 식별하는 능력을 타고났다. 어떤 숫자를 찾는데 걸리는 시간은 배열된 숫자의 개수에 비례하기에 숫자를 1부터 25까지 무작위 배열한 것과 100개 배열한 것에는 4배 정도 시간 차이가 난다. 한개씩 좇아서 대응하는 것을 순차적인 처리라고 한다. 여기서 주목해야 할 특징을 색으로 식별한다면 요소 개수가 늘어도 찾는데 드는 시간은 같아진다는 점이다. 이처럼 색에 관한 식별력은 순간적인 처리로 이루어진다. 그러나 다양성에 초첨을 맞추면 효과는 떨어진다. 색상 개수가 증가하면 색의 효과는 줄어든다. 우리가 본능적으로 색상 개수가 늘어난 어수선한 상태를 좋지 않게 여기는 이유가 바로 여기에 있다. 색에 관한 선천적 능력은 인터페이스 디자인 전반에서 효과적이다. 순간적인 요소를 파악하고 카테고리를 구분하기 쉬울 뿐 아니라, 색을 반전해서 포커스를 명시하고, 특정 요소를 강조하는 등 여러 상황에서 활용할 수 있다. 색의 효과를 최대한으로 끌어내려면 색상 개수를 무작정 늘리지 말고 채색을 효과적으로 설계해야 한다. 인간은 색과 마찬가지로 모양에도 다른 것을 순차적으로 구별하는 능력을 갖추고 있다. 다만 형태가 충분히 다를 때만 유효하며, 비슷한 형상이라면 효과를 거의 기대할 수 없다. 색과 모양의 변화를 조합한 인터페이스 디자인으로 사용자가 차이를 확실히 구분하게 만들 수 있다. 선택,호버,포커스 같은 사용자의 액션에 대해 색과 모양을 바꾸는 피드백으로 지금 어디에 있고, 무엇을 할 수 있으며, 무엇을 했는가 등을 알려주는 것이다. 움직임과 변화가 있으면 인간은 무의식중에도 거기에 주목한다. 인터페이스 디자인에서 움직임의 역할은 크게 3가지를 들 수 있다. 첫번째는 주목을 위한 움직임, 두번째는 이해를 위한 움직임, 세번째는 장식을 위한 움직임이다. 이 3가지 움직임은 단독으로 기능할 뿐 아니라, 조합해서 사용할 수도 있다. '주목을 위한 움직임'은 단순하게 시선을 끌며 움직임을 과다하게 사용하면 의식을 저해해서 번거롭게 느껴질 수 있다. 다음의 '이해를 위한 움직임'과 조합해서 사용하면 훌륭한 효과를 얻을 수 있다. '이해를 위한 움직임'은 사용자가 지금 화면 어디쯤 있고 무슨 일로 어떠한 일에 처했는지와 같이 현재 상태를 이해하는 데 도움을 준다. 인터페이스에서 움직임은 기본적으로 이해를 위한 움직임이 핵심이며, 이것이 있느냐 없느냐에 따라 이해도에 큰 차이가 생긴다. '장식을 위한 움직임' 이란 gimmick(눈속임)처럼 주로 연출적인 효과를 내는 움직임이다. 예를 들어 '패럴랙스'와 '시네마그래프' 등은 존재하지 않더라도 본질적으로 사용에 지장을 주지 않는다. 그러나 추가되면 조작의 즐거움을 선사할 수 있다.