etc/Design에 해당되는 글 12건

어포던스(affordance)의 정의

etc/Design 2009/05/27 14:32

가시성이 있는 디자인을 위해서는 각각의 기능과 그 사용 방법이 제품이 사용되는 문화권의 대다수 사용자에게 겉으로 보기만 해도 쉽게 이해될 수 있어야한다. 이와 같은 기능적 속성을 어포던스(afforedance)라고 한다.(Norman, 1988, p.123). "어포던스는 작동 방법에 대한 강력한 단서를 제공한다.... 노브는 돌리기 위한 것이고, 슬롯은 무언가를 끼워넣기 위한 것이다. 또한 볼은 던지거나 튀기기 위한 것이다(Norman, 1988, p.9). 누름 버튼으로 디자인하면 그것을 누르려 할 것이다. 어떤 기능이 어포던스를 가지는지 그렇지 않은지는 제품을 사용하는 사용자의 경험이나 배경 그리고 기능이 사용되는 상황에 따라 결정된다. 


- 『Humane Interface - 인간 중심 인터페이스』, 제프 래스킨 p.82

'etc > Design' 카테고리의 다른 글

어포던스(affordance)의 정의  (0) 2009/05/27
페르소나(Persona)의 정의  (4) 2009/05/26
와이어프레임(Wireframe)의 정의  (0) 2009/05/26
인터랙션 디자인이란  (0) 2009/05/26
에르고디자인의 정의  (0) 2009/05/25
구매후기> 시간이지나 결혼식순지 - 최고로 아름다웠어요  (0) 2009/04/17
Affordance, humane interface, UI, UX, 어포던스, 제프 래스킨
트랙백0개 , 댓글0개

페르소나(Persona)의 정의

etc/Design 2009/05/26 14:00

페르소나는 해당 웹사이트(서비스)의 사용자를 요약하여 표현한 것으로, 일반적으로 실제 사람처럼 묘사된다. 어떤 프로젝트든 하나 또는 그 이상의 페르소나가 있으며, 각각의 페프소나는 웹사이트의 다양한 사용자 유형을 대표한다. 페르소나는 사용자 프로필, 사용자 역할정의, 고객 프로필 등으로도 불린다. 

- "UX Design Communication" 15p. 

'etc > Design' 카테고리의 다른 글

어포던스(affordance)의 정의  (0) 2009/05/27
페르소나(Persona)의 정의  (4) 2009/05/26
와이어프레임(Wireframe)의 정의  (0) 2009/05/26
인터랙션 디자인이란  (0) 2009/05/26
에르고디자인의 정의  (0) 2009/05/25
구매후기> 시간이지나 결혼식순지 - 최고로 아름다웠어요  (0) 2009/04/17
Persona, UX Design Communication, 퍼소나, 페르소나
트랙백0개 , 댓글 4개

와이어프레임(Wireframe)의 정의

etc/Design 2009/05/26 11:23
와이어프레임(Wireframes)

와이어프레임은 최종화면에 표시될 컨텐츠를 간단히 요약해 보여주는 것으로서 색상, 타이포그래피, 이미지를 생략하는 경우가 많다. 도식(schematic), 청사진, 또는 프로토타입이라 부르기도 한다. (265p.)

- "UX Design Communication" - 댄 브라운 





와이어프레임은 구성, 정보 체계, 기능, 컨텐츠를 담은 문서들의 모음이다. (p.150)

청사진(BluePrint)는 제품에 들어갈 기능들을 정의한 문서들을 포함하고 있는 와이어프레임과, 이런 기능들이 들어가게 된 기술적, 사업적 이유들이 한 장 짜리 디자인 시안과 함께 제시한 것이다.(p.150)

원문은 워낙에 엉터리 번역이라 말을 좀 정리해서 기록한다. 

- "더 나은 사용자 겨험을 위한 인터랙션 디자인" 중 



원문>>>
 와이어프레임은 구성, 정보 체계, 기능, 컨텐츠를 담은 문서들의 모음이다. 와이어프레임은 구성, 정보 체계, 기능, 컨텐츠를 담은 문서들의 모음이다. 이 작업은 건축 설계의 밑그림이나 네트워크 구조도에 기반을 두고 있다. 와이어프레임은 제품을 작업할 때 디자이너가 만들어내는 가장 중요한 문서이다. 와이어프레임은 제품에 들어갈 기능들을 정의한 문서들을 포함하고 있으면 이런 기능들이 들어가게 된 기술적, 사업적 이유들이 한장짜리 디자인시안과 함께 제시된다. 





'etc > Design' 카테고리의 다른 글

어포던스(affordance)의 정의  (0) 2009/05/27
페르소나(Persona)의 정의  (4) 2009/05/26
와이어프레임(Wireframe)의 정의  (0) 2009/05/26
인터랙션 디자인이란  (0) 2009/05/26
에르고디자인의 정의  (0) 2009/05/25
구매후기> 시간이지나 결혼식순지 - 최고로 아름다웠어요  (0) 2009/04/17
더 나은 사용자 겨험을 위한 인터랙션 디자인, 와이어프레임, 인터랙션디자인, 청사진
트랙백0개 , 댓글0개

인터랙션 디자인이란

etc/Design 2009/05/26 10:56

인터랙션 디자인은 사람과 제품이나 서비스 사이에 벌어지는 인터랙션을 조정하는 기술이다. 또한 좀 더 좁은 범위에서는 사람과 인식기능을 갖춘 제품 간에 벌어지는 인터랙션에 대한 기술이다.  - 더 나은 사용자 경험을 위한 인터랙션 디자인 중 (28p.)












'etc > Design' 카테고리의 다른 글

페르소나(Persona)의 정의  (4) 2009/05/26
와이어프레임(Wireframe)의 정의  (0) 2009/05/26
인터랙션 디자인이란  (0) 2009/05/26
에르고디자인의 정의  (0) 2009/05/25
구매후기> 시간이지나 결혼식순지 - 최고로 아름다웠어요  (0) 2009/04/17
구글로고 - "춘분" 에릭 칼 디자인  (2) 2009/03/20
인터랙션디자인
트랙백0개 , 댓글0개

에르고디자인의 정의

etc/Design 2009/05/25 09:54
'ergonomic'란 '일'을 의미하는 그리스어의 'ergon(일 양의 단위, erg와 같은 어원)'과 '법칙'을 의미하는 'nomos'에 영어의 접미어 ics(~학)'가 붙은 조어다. 이 에르고노믹스에 기초한 디자인이 '에르고디자인(ergodesign)'이다.

.....


이처럼 사람의 체격, 운동, 감각, 인지 등의 모든 기능이나 행동 특성을 배려한 디자인 , 또는 그런 특성의 디자인 요소를 응요한 디자인을 에르고디자인이라고 부르기로 한다. 

- 「인간 특성을 배려한 에르고디자인」 15p. 중  최대석 

 

'etc > Design' 카테고리의 다른 글

와이어프레임(Wireframe)의 정의  (0) 2009/05/26
인터랙션 디자인이란  (0) 2009/05/26
에르고디자인의 정의  (0) 2009/05/25
구매후기> 시간이지나 결혼식순지 - 최고로 아름다웠어요  (0) 2009/04/17
구글로고 - "춘분" 에릭 칼 디자인  (2) 2009/03/20
PowerPoint2007로 아이콘 만들기 - 그라데이션 이용하기  (0) 2009/03/20
ergo design, ergodesign, 에르고디자인, 인간특성을 배려한 에르고디자인, 최대석
트랙백0개 , 댓글0개
1 2 3