Ajax 썸네일형 리스트형 PART_3_9. 인터렉션 디자인 (INTERACTION DESIGN) PART_3. 인터렉션 디자인 (INTERACTION DESIGN) *** 제약기법 (Constraints) *** - 웹은 어플리케이션처럼 기능이 강조 되고있음 - 급격한 정보의 증가는 보다많은 기능을 필요로하고있음 - 웹이 대중화된 원인은 어플리케이션보다 쉽다는 점 - 복잡한것을 더욱 단순하게 불편한것을 편리하게 어려운것을 보다 쉽게 사용할 수 있도록 시스템을 설계하기위해 가장 먼저 적용해야 하는 디자인 원칙이 제약기법이다. - Ajax 기반의 사이트는 한페이지내에서 여러 과업을 수행하기때문에 이질적인것들을 소화해야하므로 복잡하다는 단점이있음 - 이경우 이미 수행했거나 불필요한 디자인 요소는 사용자가 조작하지않도록 색상을 흐리게 하거나 표시를 제공하는 등의 시각적 효과에 의한 제약기법(constrai.. 더보기 PART_3_8. 인터렉션 디자인 (INTERACTION DESIGN) PART_3. 인터렉션 디자인 (INTERACTION DESIGN) *** 빠른 편집 (Instant Edit) *** - 사용자들은 정보의 소비하는 차우너을 넘어 생산, 참여, 공유까지 그 활동 영역을 넓히고 있음 - 사용자들은 콘텐츠 편집을 위해 보다 많은 시간과 노력을 기울임 - 잦은 편집이 요구되는 서비스라면 편집 인터랙션이 쉽고 편리해야함 - 한두글자를 바꾸려해도 편집화면으로 이동하며, 복잡한 편집화면에서 편집하려는 부분을 찾아야하는 번거로움 - AJAX의 사용은 원하는 부분만을 선택하여 페이지 이동 없이 편집할 수 있게 함 - 콘텐츠의 구조화를 통해 마이크로콘텐츠로 분할되어야 빠른 편집(instant edit, inline edit)이 가능 - 기술적으로 마이크로콘텐츠마다 개별 편집이 가능하다.. 더보기 PART_3_2. 인터렉션 디자인 (INTERACTION DESIGN) PART_3. 인터렉션 디자인 (INTERACTION DESIGN) *** YFT (Yellow Fade Technique) *** - AJAX는 전체 페이지를 로딩 시키지 않고 일부 영역만 로딩할 수 있기때문에 페이지상의 데이터 변화를 눈치 채지 못할 수 있으므로 이를 보완하기위해 짧은 시간동안 시선을 집중 시킬 필요가 있음 - YFT는 이를 보완하기 위한 디자인 기법 - 페이지상의 변화된 영역을 처음엔 노랑색으로 강조하다가 시간의 흐름에 따라 서서히 원래의 배경색으로 바뀌는 기법(highlighting change) - 로딩 표시기(loading indicator) 기법에 비해 비교적 넓은 영역(area, sector, unit)의 데이터 변화를 확인시킬수 있는 장점이있음 - 데이터 변화로 인해 사용.. 더보기 PART_3_1. 인터렉션 디자인 (INTERACTION DESIGN) PART_3. 인터렉션 디자인 (INTERACTION DESIGN) *** 단일 컨텍스트 다중 작업 (Single Context Multi Tasking) *** - AJAX, FLEX의 등장으로 인해 가장 두드러진 변화는 페이지 이동없이 여러작업을 수행할 수 있다는 점 - AJAX기술을 사용하면 원하는곳에서 원하는 정보를 불러들일수 있음 - 한곳에서 머물면서 과업을 수행한 다는것은 사용자 컨텍스트(user context)의 지속을 의미함 - 10명의 사람을 일일이 방문하는것과 10명의 사람이 회사로 방문해주는것은 콘텐츠는 같지만 컨텍스트는 다름 - 일관된 사용자 컨텍스트를 제공할 수 있는지의 여부가 디자인의 초점이 될것임 - 신기술의 적합, 부적합을 따지는것보다 사용자 경험을 향상 시킬수 있는 적절한 .. 더보기 이전 1 다음