PART_3. 인터렉션 디자인 (INTERACTION DESIGN)
*** 빠른 저장 (Instant Save) ***
- 저장과정은 데이터 입력, 입력확인, 전송(submit) 단계로 구분
- 빠른 저장은 여러단계의 과정은 한 단계로 처리하는 기법으로 메시지박스와 컨트롤 버튼을 이용하지 안고 데이터를 저장시킴
- 클릭수를 줄임으로써 사용 효율성을 향상시키는 효과가 있음
- 실수로 원치않는 데이터를 저장시킬 수 있으니 채택여부는 데이터의 성격에 따라 결정
- 중요도가 높지않는 데이터를 자주 저장해야하는 경우 적합
- 확인과정이 필요한 비밀번호, 계좌번호, 금액 등 은 부적합
- 컨트롤 버튼을 누르는 단계가 생략되어 저장 여부를 인식 시키기 어려우므로 저장 상태를 확인시킬수 있는 시각적 단서를 제공하고 간편한 수정기능을 제공
- 저장되는 시점은 이벤트와 함께되거나 다른영역을 클릭하거나 엔터키, 탭키를 눌러 다른 텍스트 필드로 이동하게 되면 수정한 내용을 자동 저장
- 채택했다면 수정과정을 간편하게함
- 사용자가 저장을 누르지않았기때문에 저장에 대한 확신을 가지기 어려움
- 보완하기위해서는 저장여부 저장 상태를 확인 시킬수 잇는 시각적 단서를 제공
벤치마킹
- 명함제작 프로그램의 경우 편집영역의 배경색과 체크표시가 나타났다사라지게하여 저장여부 및 저장 상태를 시각적으로 확인시키고있음
http://www.netflix.com/Top100?nfse=y
- 추천시스탬은 읽기모드와 쓰기모드가 동시에 수행됨
- 인기도 아이콘을 눈으로 확인할 수 있을뿐 아니라 클릭하면 바로 추천할 수 있음
- 매우 간편한 방식(light footprint)이지만 전통적 방식이 아니므로 사용법을 제공하는것이 좋음
http://shopping.yahoo.com/
- 사용자 평가가 중대한 영향을 끼친다면 이처럼 확인과정을 거치는것이 효과적
- 별에 마우스오버시 해당 평가치에 대한 설명을 제공해 평가의 정확성에 도움을 줌
관련이론
확인과정(Confirmation)
- 사용자 오류를 방지할 수 있도록 데이터 전송 여부를 확인시키는 과정
- 사용자에 의한 오류발생은 시스템에 대한 사용자의 모델이 불완전하거나 사용자의 부주의로 발생
- 보완을 위해 오류방지(error prevention)와 오류 회복(error recovery)에 대한 장치가 마련되어야하는데, 확인과정이 오류방지를 위한 장치이며 주로 메시지박스를 사용함
출처: 웹2.0기획과 디자인(노주환)
*** 빠른 저장 (Instant Save) ***
- 저장과정은 데이터 입력, 입력확인, 전송(submit) 단계로 구분
- 빠른 저장은 여러단계의 과정은 한 단계로 처리하는 기법으로 메시지박스와 컨트롤 버튼을 이용하지 안고 데이터를 저장시킴
- 클릭수를 줄임으로써 사용 효율성을 향상시키는 효과가 있음
- 실수로 원치않는 데이터를 저장시킬 수 있으니 채택여부는 데이터의 성격에 따라 결정
- 중요도가 높지않는 데이터를 자주 저장해야하는 경우 적합
- 확인과정이 필요한 비밀번호, 계좌번호, 금액 등 은 부적합
- 컨트롤 버튼을 누르는 단계가 생략되어 저장 여부를 인식 시키기 어려우므로 저장 상태를 확인시킬수 있는 시각적 단서를 제공하고 간편한 수정기능을 제공
- 저장되는 시점은 이벤트와 함께되거나 다른영역을 클릭하거나 엔터키, 탭키를 눌러 다른 텍스트 필드로 이동하게 되면 수정한 내용을 자동 저장
- 채택했다면 수정과정을 간편하게함
- 사용자가 저장을 누르지않았기때문에 저장에 대한 확신을 가지기 어려움
- 보완하기위해서는 저장여부 저장 상태를 확인 시킬수 잇는 시각적 단서를 제공
벤치마킹
- 명함제작 프로그램의 경우 편집영역의 배경색과 체크표시가 나타났다사라지게하여 저장여부 및 저장 상태를 시각적으로 확인시키고있음
http://www.netflix.com/Top100?nfse=y
- 추천시스탬은 읽기모드와 쓰기모드가 동시에 수행됨
- 인기도 아이콘을 눈으로 확인할 수 있을뿐 아니라 클릭하면 바로 추천할 수 있음
- 매우 간편한 방식(light footprint)이지만 전통적 방식이 아니므로 사용법을 제공하는것이 좋음
http://shopping.yahoo.com/
- 사용자 평가가 중대한 영향을 끼친다면 이처럼 확인과정을 거치는것이 효과적
- 별에 마우스오버시 해당 평가치에 대한 설명을 제공해 평가의 정확성에 도움을 줌
관련이론
확인과정(Confirmation)
- 사용자 오류를 방지할 수 있도록 데이터 전송 여부를 확인시키는 과정
- 사용자에 의한 오류발생은 시스템에 대한 사용자의 모델이 불완전하거나 사용자의 부주의로 발생
- 보완을 위해 오류방지(error prevention)와 오류 회복(error recovery)에 대한 장치가 마련되어야하는데, 확인과정이 오류방지를 위한 장치이며 주로 메시지박스를 사용함
출처: 웹2.0기획과 디자인(노주환)