UX 모임 2018-08-27 - Revision history

Seonae: /* 웹사이트 제안 */

2018-08-27T11:37:28Z

‎웹사이트 제안

Admin: /* 린지 */

2018-08-27T10:06:39Z

‎린지

Admin: /* The Seven Stages of Action: Seven Fundamental Design Principles */

2018-08-27T09:10:11Z

‎The Seven Stages of Action: Seven Fundamental Design Principles

Pinocchio at 13:55, 26 August 2018

2018-08-26T13:55:41Z

Pinocchio at 13:38, 26 August 2018

2018-08-26T13:38:58Z

Seonae: /* 사용자를 파악하라 */

2018-08-26T13:35:41Z

‎사용자를 파악하라

Seonae: /* 사용자를 파악하라 */

2018-08-26T13:29:05Z

‎사용자를 파악하라

Seonae: /* 제대로 사용할 수 있는가? */

2018-08-26T13:28:35Z

‎제대로 사용할 수 있는가?

Seonae: /* 웹사이트 제안 */

2018-08-25T13:25:01Z

‎웹사이트 제안

Seonae: /* 선애 */

2018-08-25T13:22:25Z

‎선애

@@ Line 294: / Line 294: @@
 *한번 같이 얘기해보고 싶은...
 **[http://www.aks.ac.kr 한국학중앙연구원]
+*+[https://www.dbcut.com/bbs/index.php 웹디자인 우수 사이트 모음]
 ==현규==

@@ Line 180: / Line 180: @@
 # '''Mappings'''. The relationship between controls and their actions follows the principles of good mapping, enhanced as much as possible through spatial layout and temporal contiguity.
 # '''Constraints'''. Providing physical, logical, semantic, and cultural constraints guides actions and eases interpretation.
 ==선애==

@@ Line 160: / Line 160: @@
 '''Checklist of Questions to Ask about a Product'''
-# What do I want to accomplish?
+# What do I want to accomplish? 하고 싶은 것이 무엇인가?
-# What are the alternative action sequences? / Feedforward
+# What are the alternative action sequences? / Feedforward 대안 행동 철차(?)가 있나?
-# What action can I do now? / Feedforward
+# What action can I do now? / Feedforward 지금 할 수 있는 행동은 무엇인가?
-# How do I do it? / Feedforward
+# How do I do it? / Feedforward 어떻게 하나?
-# What happened? / Feedback
+# What happened? / Feedback 어떤 일이 이루어졌나?
-# What does it mean? / Feedback
+# What does it mean? / Feedback 그의 의미는?
-# Is this okay? Have I accomplished my goal? / Feedback
+# Is this okay? Have I accomplished my goal? / Feedback 이렇게 되면 괜찮은가? 나의 목표가 달성했나?
-*Feedforward: Execution of action
+*Feedforward: Execution of action 행동 실핼
 **Appropriate use of signifiers, constraints, and mappings; conceptual model
-*Feedback: Understanding of what happened
+*Feedback: Understanding of what happened 이루어졌던 일에 대한 이해
 '''Seven Fundamental Design Principles'''

← Older revision		Revision as of 13:55, 26 August 2018
Line 317:		Line 317:
	**우리 모두가 단순하고, 짧고, 평범한 용어를 더 빨리 읽는다.		**우리 모두가 단순하고, 짧고, 평범한 용어를 더 빨리 읽는다.
	**더 광범위한 고객을 생각하라.		**더 광범위한 고객을 생각하라.
		+
		+	===유용한 웹 목록을 만드는 9가지 지침===
		+	*정보를 쉽게 쥘 수 있는 목록을 이용하라.
		+	*대부분의 목록을 짧게 만들어라.
		+	**익숙하지 않은 목록은 짧아야 한다.
		+	**익숙한 목록은 길어도 된다.
		+	*제 역할을 할 수 있는 포맷으로 만들어라.
		+	**소개글과 목록 사이의 여백을 제거하라.
		+	**긴 항목 사이에는 작은 여백을 두어라.
		+	**줄은 글머리 기호 아래가 아닌 글의 시작 부분에 맞춘다.
		+	*사이트 개성에 맞는 글머리 기호를 사용하라.
		+	**사이트 개성에 적합한 글머리 기호는 관련자와 함께 결정하라.
		+	**보여지는 것보다 무언가 더 있는 것 같은 글머리 기호는 안된다.
		+	*절차에는 숫자 목록을 이용하라.
		+	*단락은 단계로 바꿔 제시하라.
		+	*복잡한 절차도 단계로 제시하라.
		+	*목록 내 문장 구조를 평행하게 하라.
		+	*단계가 아니면 숫자를 쓰지마라. 그렇지 않으면 사람들은 단계로 착각한다.
		+	*비교할 숫자가 있을 때 도표를 이용하라.
		+	*일련의 "~하면 ~할 것이다(IF, THEN)" 형식의 문장이 있다면 도표를 이용하라.
		+	*도표는 질문에 대한 답변으로 생각하라.
		+	*도표의 왼쪽 열에 어떤 정보를 넣을지 신중히 생각하라.
		+	*도표를 간단하게 만들어라.
		+	*줄이 아닌 정보에 집중할 수 있는 도표를 만들어라.
		+	**열이나 행 사이에 두꺼운 선을 넣지마라.
		+	**테이블 안의 글을 중앙 정렬하지 마라.

← Older revision		Revision as of 13:38, 26 August 2018
Line 287:		Line 287:
	*한번 같이 얘기해보고 싶은...		*한번 같이 얘기해보고 싶은...
	**[http://www.aks.ac.kr 한국학중앙연구원]		**[http://www.aks.ac.kr 한국학중앙연구원]
		+
		+
		+	==현규==
		+	===문장을 가다듬는 10가지 지침===
		+	*방문자에게 이야기하라. "당신"이라고 부른다.
		+	**일관성지키기
		+	**다른 사람을 가리킬때는 적절한 명사를 이용하라.
		+	**절차에는 명령형을 이용하라.
		+	**'그'나 '그녀'대신 '당신'을 사용하라.
		+	*여러분은 사람이고 회사도 모인 곳이라는 것을 보여준다.
		+	**블로그 주인이라면 "나"도 괜찮다.
		+	**여러분의 글이라면 "나"도 괜찮다.
		+	**회사를 대표하는 글에는 "우리"를 사용한다.
		+	**때로는 회사 이름을 써도 좋다.
		+	**QnA에서 방문자는 "나"와 "당신", 회사는 "우리"라고 부른다.
		+	*능동형으로 써라.
		+	*문장을 짧고, 간결하고, 직접적으로 만들어라.
		+	**아주 짧은 문장도 괜찮다.
		+	**잘게 분해해도 좋다.
		+	**심각한 글에도 바쁜 웹 사용자가 쉽게 이해할 수 있는 문장이 필요하다.
		+	*불필요한 말을 잘라내라
		+	*추가 정보는 별도 공간에서 제공하라.
		+	*단락을 짧게 하라.
		+	**웹에서는 한 문장짜리 단락도 괜찮다.
		+	**단락보다는 목록이나 도표가 더 좋다.
		+	*상황을 가장 먼저 설정하라. - 첫번째 내용은 첫 번째에, 두번째 내용은 두번째에
		+	*행위는 명사가 아닌 동사에 담아라.
		+	*사용자의 언어를 이용하라.
		+	**우리 모두가 단순하고, 짧고, 평범한 용어를 더 빨리 읽는다.
		+	**더 광범위한 고객을 생각하라.

@@ Line 203: / Line 203: @@
 어떤 제품은 교육과 훈련을 받아야만 가능 ex)경비행기 조종, 원자력 발전소 운영 등
 보통은 사용법을 숙지하는 시간이 적어야함. 사용자가 바라는 결과의 가치 > 투자하는 시간적, 심리적 가치 : 사용하기 쉬운 제품.
 제품 사용에 관한 기본적인 조건 : 사용절차가 단순, 사용방법이 배우기 쉬워야 함, 사용방법이 논리적, 사용방법이 직관적.
 사용자 접근성이 기본적인 환경과 관련된 주제라면, 사용성은 사용과정에서의 결함이나 실수의 확률을 낮추고, 막힘없이 지속해서 사용할 수 있는지에 대한 것.
 제품의 사용중에도 사용자에게 제품의 상태를 알려주어야 함, 제품중 실수를 저지르더라도 그 영향이 곧바로 결과로 이어지지 않게하는 안전장치 필요.(피드백)

@@ Line 198: / Line 198: @@
 *유니버셜 디자인(Universial Design) : 장애인뿐만 아니라 성별, 나이별 등의 접근 용이성을 개선하는 노력
-*인간공학적 접근성 : 사용자별 신체적 차이고 물리적 한계를 고려.
+*인간공학적 접근성 : 사용자별 신체적 차이와 물리적 한계를 고려.
 *기술적 접근성 : 서비스를 이용하는 기술적인 환경에 대한 고려. ex)인터넷뱅킹
 *사용자 조건에 따른 접근성 : 제품 사용자의 사용 목적과 환경, 기대치 등의 조건들을 고려.

@@ Line 188: / Line 188: @@
 *사용성 : ‘제대로 사용할 수 있는가?’에 대한 주제
 *사용성은 접근성과 적합성이라는 두 가지 가치를 동시에 만족시켜야 함.
-**접근성 : 사용자가 올바르게 조작할 수 잇는 것, 사용방법을 쉽게 배우고 익숙해지도록 하는 것. 복잡한 시스템을 실수 없이 작동시킬 수 있는지도 중요.
+**접근성 : 사용자가 올바르게 조작할 수 있는 것, 사용방법을 쉽게 배우고 익숙해지도록 하는 것. 복잡한 시스템을 실수 없이 작동시킬 수 있는지도 중요.
 **적합성 : 제품의 기능과 성능, 목적이 서로 적합하게 설계되고 사용자도 이를 자연스럽게 이해할 수 있느냐에 대한 것.

@@ Line 280: / Line 280: @@
 **기업소개 : [http://sanriokorea.co.kr/ 산리오], [http://www.ht.co.kr/#bannerPage 해태제과], [http://www.daumsoft.com/ 다음소프트] 등
 **박물관 : [http://www.much.go.kr/ 대한민국역사박물관]
+*사용성 측면에서 ux가 맘에드는...
 *한번 같이 얘기해보고 싶은...
 **[http://www.aks.ac.kr 한국학중앙연구원]

@@ Line 224: / Line 224: @@
 ====감각적인 자극요소====
 *시각적 : 대부분의 제품이 제공하는 방식. 화면에 표시되는 이미지, 아이콘, 언어, 색상 등
-*청각적 : 인공적인 소음, 물리적인 소음, 제품 기능과 연관된 소리 등. 다른 감각기관보다 훨씬 뛰어난 감성의 호소력을 가짐.  ex) https://www.youtube.com/watch?v=gjyWP2LfbyQ&feature=youtu.be
+*청각적 : 인공적인 소음, 물리적인 소음, 제품 기능과 연관된 소리 등. 다른 감각기관보다 훨씬 뛰어난 감성의 호소력을 가짐.  ex) [https://www.youtube.com/watch?v=gjyWP2LfbyQ&feature=youtu.be honda 'choir'광고]
 *촉각적 : 사용자에게 물리적인 인지요소로 독특한 호소력을 발휘함. 제품 외형과 품질에 대한 평가를 끌어냄. 햅틱 피드백. 가장 대표적인게 게임 컨트롤러
 *후각적 : 예민하지만 가장 빨리 피로를 느끼는 특성 때문에 적극적으로 활용하기 어려운 자극. 매우 독창적이고 강한 각인 효과.
@@ Line 275: / Line 275: @@
 *확장된 메시지 디자인 : 히트상품은 그 제품의 목적과 영역에 한정되지 않고 그 의미를 폭넓게 확장하기도 함. 제품의 기호적인 특성은 제품의 정체성과 직접 연결됨.
 *상징과 기호의 가치 : 상징과 기호는 제품이 담는 사용자의 욕망, 신기술, 미적 가치와 같은 다양한 속성이 사회적, 환경적인 특성과 결합하여 특정한 의미와 방향성을 가짐.