1. 어포던스란?
행위자와 환경 간의 관계, 혹은 이 둘 사이의 관계 속에서 존재하는 행위의 가능성
같은 행위라도 마주하고 있는 행위자에 따라 다른 어포던스를 제공하며, 행위자의 능력에 따라 무한히 제공
-
행동 유발성이 아니라, 행동 가능성이라는 것이 중요함
-
환경에 내제된 속성이 아니라, 행위자와 환경 사이에 존재한다
-이 말인 즉슨, 물리적 특성이 아니다. -
행위자가 어포던스를 자각하건 자각하지 않건, 행위자가 원하건 원하지 않건 간에 어포던스는 존재한다.
-
디자이너의 의도대로 사용자의 행동을 유도하는 것
2. 어포던스의 4원칙
1. 사용자의 다음 행위를 유도하는 버튼에는 어포던스 효과를 주어야하고, 그렇지 않은 버튼은 효과를 주지 않는다
좌측의 경우, 사용자가 특정 어떤 정보를 입력하지 않았음에도 불구하고 로그인 버튼이 액션버튼처럼 보여진다. 마이페이지에서 아이디와 비밀번호 입력을 요구하지 않는다면, 로그인 버튼은 최소화된 크기로 설정해야한다.
우측의 경우, 로그인 버튼이 더 강조되어야함에도 불구하고, 지문 로그인 부분이 강조되어있어 어포던스 효과를 잘못 부여한 사례에 해당한다.
이후 개편된 로그인 화면 :
로그인 버튼이 작은 크기로 구성되어 있으며 (좌)
로그인 버튼이 주기능, 페이스/터치 아이디로 로그인은 부기능으로 어포던스 형성이 잘 되었다 (우)
2. 기능을 조작할 때 버튼에 어포던스 효과를 주어 사용자의 다음 행동을 유도해야한다
편집 목록에서 아무 것도 선택하지 않았을 때는 삭제 버튼을 비활성화하고, 목록에서 선택이 되면 삭제 버튼을 활성화하는 방식으로 어포던스를 줄 수 있다.
채팅할 때 아무 것도 입력하지 않으면 전송 버튼이 비활성화, 텍스트나 이모지를 입력하면 채팅을 보낼 수 있도록 전송이 활성화되는 예시 또한 있다.
3. 과업 행위가 연속성이 있다면 다음 행위에 어포던스를 주어야한다
사용자가 해야할 행위가 끝나지 않았다면, 다음 행위를 수행할 수 없도록 미연에 방지한다.
개인정보 수집 동의를 하지 않으면 결제하기 버튼이 활성화되지 않다 사용자가 자신이 해야할 다음 행위를 인지하고 수행할 수 있도록 하는 예시가 있다.
4. 기능은 그 상태를 명확하게 보여주어 사용자의 다음 행위를 유도해야한다
다음 곡으로 넘어가는 버튼을 클릭할 수 있도록 재생버튼과 같은 색으로 설정한 것을 볼 수 있다.
이 경우, 다음 곡으로 넘어가는 버튼이 회색으로 처리되어 비활성화 상태인 것처럼 보인다.
작동할 수 있는 컴포넌트와 작동할 수 없는 컴포넌트의 (색) 구분을 명확하게 해야한다.
