<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Seonae</id>
		<title>Lyndsey Twining - User contributions [en]</title>
		<link rel="self" type="application/atom+xml" href="http://dh.aks.ac.kr/~lyndsey/wiki/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Seonae"/>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php/Special:Contributions/Seonae"/>
		<updated>2026-04-06T06:40:04Z</updated>
		<subtitle>User contributions</subtitle>
		<generator>MediaWiki 1.27.1</generator>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1218</id>
		<title>UX 모임 2018-11-12</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1218"/>
				<updated>2018-11-11T10:45:26Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
[https://yonsei-my.sharepoint.com/:b:/g/personal/stellawind_o365_yonsei_ac_kr/EfRwV28mudlKsRDL-EaiY4UBYUQ5FmUyk-WePG8z3aANHA?e=mvL8qp rule8.pdf]&lt;br /&gt;
===RULE8. 사용자 경험 디자인을 위한 7가지 법칙===&lt;br /&gt;
====첫번째, 트렌드를 읽어라====&lt;br /&gt;
*기술 트렌드&lt;br /&gt;
*사회적 트렌드&lt;br /&gt;
*경제적 여건&lt;br /&gt;
*환경 및 공익 관련 인식&lt;br /&gt;
====두번째, 사용자 니즈를 제품으로 구현하라====&lt;br /&gt;
*사용자 행동 분석 : 카드 소팅, 멘탈 모델링, 사용자 관찰,  사용자 리뷰&lt;br /&gt;
&lt;br /&gt;
====세번째, 벤치마킹으로 경쟁자를 분석하라====&lt;br /&gt;
*전략적인 제품의 방향&lt;br /&gt;
*경쟁에 대한 준비&lt;br /&gt;
*핵심 가치와 품질 개선&lt;br /&gt;
*개발 과정 혁신을 통한 생산성 강화 : 벤치마킹 대상선정, 대상분석, 결과 평가&lt;br /&gt;
====네번째, 디자인 설계도를 그려라====&lt;br /&gt;
*기능의 정의&lt;br /&gt;
*플로우 맵 작성 : 간결성, 멘탈 모델링, 오류 방지&lt;br /&gt;
*와이어프레임&lt;br /&gt;
====다섯번째, 소통가능한 인터페이스를 디자인하라====&lt;br /&gt;
*조작체계&lt;br /&gt;
*피드백체계&lt;br /&gt;
*상징체계&lt;br /&gt;
====여섯번째, 인터랙션 디자인을 활용하라====&lt;br /&gt;
*논리와 감성의 통합요소&lt;br /&gt;
*사회 가치로써의 확장&lt;br /&gt;
====일곱번째, 프로토타입 테스트로 성공확률을 높여라====&lt;br /&gt;
*제품의 구조적 완결 테스트&lt;br /&gt;
*제품의 성능 테스트&lt;br /&gt;
*제품의 감성 요소 테스트&lt;br /&gt;
*제품의 인터랙션 디자인 품질 테스트 : 페이퍼 프로토타입, 인터랙티브 프로토타입&lt;br /&gt;
====플러스, UX디자인을 위한 사용성 테스트 매뉴얼====&lt;br /&gt;
*휴리스틱 리서치&lt;br /&gt;
*사용자 테스트 : 테스트 담당자, 테스터 선정, 테스트 공간, 제품, 예산&lt;br /&gt;
*사용자 테스트 실행 : 테스트 준비, 사용자 테스트 실행, 소리내며 생각하기 기법, 사용자 테스트 순서, 테스트 결과 분석&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===다양성과 포용===&lt;br /&gt;
*핵심 사용자에게 집중하고 나머지는 배제하는 방법이 옳은 걸까?&lt;br /&gt;
*존 마에다: 다양성은 해결해야하는 문제가 아니라 문화적 책임이자 경제적 기회. 모두를 포용하는 디자인은 세상을 바라보는 새로운 관점이자 돈이 되는 좋은 비즈니스.&lt;br /&gt;
====인클루시브 디자인====&lt;br /&gt;
*&amp;quot;전 세계 74억 명을 만족시키는 제품을 만드는 동시에 개인 맞춤형 제품을 만들 수 있을까?&amp;quot;&lt;br /&gt;
*사회 구성원 모두를 포용하며 모두가 사용할 수 있는 제품 혹은 서비스를 디자인하기 위한 방법.&lt;br /&gt;
*#누가 소외되고, 불편함을 겪는지 인식하는 것에서 출발한다&lt;br /&gt;
*#다양한 인간이 각 사회에 어떻게 적용해쓴닞 알아보고, 여기에서 배운 내용을 바탕으로 누구에게나 적용 가능한 유연한 솔루션을 디자인 해야한다.&lt;br /&gt;
*#한 명을 위한 솔루션에서 더 많은 사람을 위한 솔루션으로&lt;br /&gt;
*#*인클루시브 디자인은 세상을 바라보는 우리의 사고방식, 방법론, 행동을 바꾼다.&lt;br /&gt;
====생각해볼거리====&lt;br /&gt;
*※ 타겟을 정하는 것 VS 모두를 포용하는 것. 대립적인 것일까?&lt;br /&gt;
*※ 정보 디자인에서 인클루시브 디자인이 가능할까?&lt;br /&gt;
*※ 대한민국이 가진 문화적 배경의 강점은 무엇일까?. 이를 디자인에 적용해본다면, 어떻게 활용할 수 있을까?&lt;br /&gt;
===유용한 웹페이지===&lt;br /&gt;
[https://designintech.report/ 디자인 인 테크]&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1215</id>
		<title>UX 모임 2018-11-12</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1215"/>
				<updated>2018-11-10T07:22:44Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 두번째, 사용자 니즈를 제품으로 구현하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE8. 사용자 경험 디자인을 위한 7가지 법칙===&lt;br /&gt;
====첫번째, 트렌드를 읽어라====&lt;br /&gt;
*기술 트렌드&lt;br /&gt;
*사회적 트렌드&lt;br /&gt;
*경제적 여건&lt;br /&gt;
*환경 및 공익 관련 인식&lt;br /&gt;
====두번째, 사용자 니즈를 제품으로 구현하라====&lt;br /&gt;
*사용자 행동 분석 : 카드 소팅, 멘탈 모델링, 사용자 관찰,  사용자 리뷰&lt;br /&gt;
&lt;br /&gt;
====세번째, 벤치마킹으로 경쟁자를 분석하라====&lt;br /&gt;
*전략적인 제품의 방향&lt;br /&gt;
*경쟁에 대한 준비&lt;br /&gt;
*핵심 가치와 품질 개선&lt;br /&gt;
*개발 과정 혁신을 통한 생산성 강화 : 벤치마킹 대상선정, 대상분석, 결과 평가&lt;br /&gt;
====네번째, 디자인 설계도를 그려라====&lt;br /&gt;
*기능의 정의&lt;br /&gt;
*플로우 맵 작성 : 간결성, 멘탈 모델링, 오류 방지&lt;br /&gt;
*와이어프레임&lt;br /&gt;
====다섯번째, 소통가능한 인터페이스를 디자인하라====&lt;br /&gt;
*조작체계&lt;br /&gt;
*피드백체계&lt;br /&gt;
*상징체계&lt;br /&gt;
====여섯번째, 인터랙션 디자인을 활용하라====&lt;br /&gt;
*논리와 감성의 통합요소&lt;br /&gt;
*사회 가치로써의 확장&lt;br /&gt;
====일곱번째, 프로토타입 테스트로 성공확률을 높여라====&lt;br /&gt;
*제품의 구조적 완결 테스트&lt;br /&gt;
*제품의 성능 테스트&lt;br /&gt;
*제품의 감성 요소 테스트&lt;br /&gt;
*제품의 인터랙션 디자인 품질 테스트 : 페이퍼 프로토타입, 인터랙티브 프로토타입&lt;br /&gt;
====플러스, UX디자인을 위한 사용성 테스트 매뉴얼====&lt;br /&gt;
*휴리스틱 리서치&lt;br /&gt;
*사용자 테스트 : 테스트 담당자, 테스터 선정, 테스트 공간, 제품, 예산&lt;br /&gt;
*사용자 테스트 실행 : 테스트 준비, 사용자 테스트 실행, 소리내며 생각하기 기법, 사용자 테스트 순서, 테스트 결과 분석&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
==린지==&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1214</id>
		<title>UX 모임 2018-11-12</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1214"/>
				<updated>2018-11-10T07:22:36Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 두번째, 사용자 니즈를 제품으로 구현하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE8. 사용자 경험 디자인을 위한 7가지 법칙===&lt;br /&gt;
====첫번째, 트렌드를 읽어라====&lt;br /&gt;
*기술 트렌드&lt;br /&gt;
*사회적 트렌드&lt;br /&gt;
*경제적 여건&lt;br /&gt;
*환경 및 공익 관련 인식&lt;br /&gt;
====두번째, 사용자 니즈를 제품으로 구현하라====&lt;br /&gt;
*사용자 행동 분석 : 카드 소팅, 멘탈 모델링, 사용자 관찰, 사용자 리뷰&lt;br /&gt;
&lt;br /&gt;
====세번째, 벤치마킹으로 경쟁자를 분석하라====&lt;br /&gt;
*전략적인 제품의 방향&lt;br /&gt;
*경쟁에 대한 준비&lt;br /&gt;
*핵심 가치와 품질 개선&lt;br /&gt;
*개발 과정 혁신을 통한 생산성 강화 : 벤치마킹 대상선정, 대상분석, 결과 평가&lt;br /&gt;
====네번째, 디자인 설계도를 그려라====&lt;br /&gt;
*기능의 정의&lt;br /&gt;
*플로우 맵 작성 : 간결성, 멘탈 모델링, 오류 방지&lt;br /&gt;
*와이어프레임&lt;br /&gt;
====다섯번째, 소통가능한 인터페이스를 디자인하라====&lt;br /&gt;
*조작체계&lt;br /&gt;
*피드백체계&lt;br /&gt;
*상징체계&lt;br /&gt;
====여섯번째, 인터랙션 디자인을 활용하라====&lt;br /&gt;
*논리와 감성의 통합요소&lt;br /&gt;
*사회 가치로써의 확장&lt;br /&gt;
====일곱번째, 프로토타입 테스트로 성공확률을 높여라====&lt;br /&gt;
*제품의 구조적 완결 테스트&lt;br /&gt;
*제품의 성능 테스트&lt;br /&gt;
*제품의 감성 요소 테스트&lt;br /&gt;
*제품의 인터랙션 디자인 품질 테스트 : 페이퍼 프로토타입, 인터랙티브 프로토타입&lt;br /&gt;
====플러스, UX디자인을 위한 사용성 테스트 매뉴얼====&lt;br /&gt;
*휴리스틱 리서치&lt;br /&gt;
*사용자 테스트 : 테스트 담당자, 테스터 선정, 테스트 공간, 제품, 예산&lt;br /&gt;
*사용자 테스트 실행 : 테스트 준비, 사용자 테스트 실행, 소리내며 생각하기 기법, 사용자 테스트 순서, 테스트 결과 분석&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
==린지==&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1213</id>
		<title>UX 모임 2018-11-12</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1213"/>
				<updated>2018-11-09T11:49:57Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* RULE8. 사용자 경험 디자인을 위한 7가지 법칙 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE8. 사용자 경험 디자인을 위한 7가지 법칙===&lt;br /&gt;
====첫번째, 트렌드를 읽어라====&lt;br /&gt;
*기술 트렌드&lt;br /&gt;
*사회적 트렌드&lt;br /&gt;
*경제적 여건&lt;br /&gt;
*환경 및 공익 관련 인식&lt;br /&gt;
====두번째, 사용자 니즈를 제품으로 구현하라====&lt;br /&gt;
*사용자 행동 분석&lt;br /&gt;
*카드 소팅&lt;br /&gt;
*멘탈 모델링&lt;br /&gt;
*사용자 관찰&lt;br /&gt;
*사용자 리뷰&lt;br /&gt;
====세번째, 벤치마킹으로 경쟁자를 분석하라====&lt;br /&gt;
*전략적인 제품의 방향&lt;br /&gt;
*경쟁에 대한 준비&lt;br /&gt;
*핵심 가치와 품질 개선&lt;br /&gt;
*개발 과정 혁신을 통한 생산성 강화 : 벤치마킹 대상선정, 대상분석, 결과 평가&lt;br /&gt;
====네번째, 디자인 설계도를 그려라====&lt;br /&gt;
*기능의 정의&lt;br /&gt;
*플로우 맵 작성 : 간결성, 멘탈 모델링, 오류 방지&lt;br /&gt;
*와이어프레임&lt;br /&gt;
====다섯번째, 소통가능한 인터페이스를 디자인하라====&lt;br /&gt;
*조작체계&lt;br /&gt;
*피드백체계&lt;br /&gt;
*상징체계&lt;br /&gt;
====여섯번째, 인터랙션 디자인을 활용하라====&lt;br /&gt;
*논리와 감성의 통합요소&lt;br /&gt;
*사회 가치로써의 확장&lt;br /&gt;
====일곱번째, 프로토타입 테스트로 성공확률을 높여라====&lt;br /&gt;
*제품의 구조적 완결 테스트&lt;br /&gt;
*제품의 성능 테스트&lt;br /&gt;
*제품의 감성 요소 테스트&lt;br /&gt;
*제품의 인터랙션 디자인 품질 테스트 : 페이퍼 프로토타입, 인터랙티브 프로토타입&lt;br /&gt;
====플러스, UX디자인을 위한 사용성 테스트 매뉴얼====&lt;br /&gt;
*휴리스틱 리서치&lt;br /&gt;
*사용자 테스트 : 테스트 담당자, 테스터 선정, 테스트 공간, 제품, 예산&lt;br /&gt;
*사용자 테스트 실행 : 테스트 준비, 사용자 테스트 실행, 소리내며 생각하기 기법, 사용자 테스트 순서, 테스트 결과 분석&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
==린지==&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1212</id>
		<title>UX 모임 2018-11-12</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1212"/>
				<updated>2018-11-09T11:48:43Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* RULE8. 사용자 경험 디자인을 위한 7가지 법칙 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE8. 사용자 경험 디자인을 위한 7가지 법칙===&lt;br /&gt;
====트렌드를 읽어라====&lt;br /&gt;
*기술 트렌드&lt;br /&gt;
*사회적 트렌드&lt;br /&gt;
*경제적 여건&lt;br /&gt;
*환경 및 공익 관련 인식&lt;br /&gt;
====사용자 니즈를 제품으로 구현하라====&lt;br /&gt;
*사용자 행동 분석&lt;br /&gt;
*카드 소팅&lt;br /&gt;
*멘탈 모델링&lt;br /&gt;
*사용자 관찰&lt;br /&gt;
*사용자 리뷰&lt;br /&gt;
====벤치마킹으로 경쟁자를 분석하라====&lt;br /&gt;
*전략적인 제품의 방향&lt;br /&gt;
*경쟁에 대한 준비&lt;br /&gt;
*핵심 가치와 품질 개선&lt;br /&gt;
*개발 과정 혁신을 통한 생산성 강화 : 벤치마킹 대상선정, 대상분석, 결과 평가&lt;br /&gt;
====디자인 설계도를 그려라====&lt;br /&gt;
*기능의 정의&lt;br /&gt;
*플로우 맵 작성 : 간결성, 멘탈 모델링, 오류 방지&lt;br /&gt;
*와이어프레임&lt;br /&gt;
====소통가능한 인터페이스를 디자인하라====&lt;br /&gt;
*조작체계&lt;br /&gt;
*피드백체계&lt;br /&gt;
*상징체계&lt;br /&gt;
====인터랙션 디자인을 활용하라====&lt;br /&gt;
*논리와 감성의 통합요소&lt;br /&gt;
*사회 가치로써의 확장&lt;br /&gt;
====프로토타입 테스트로 성공확률을 높여라====&lt;br /&gt;
*제품의 구조적 완결 테스트&lt;br /&gt;
*제품의 성능 테스트&lt;br /&gt;
*제품의 감성 요소 테스트&lt;br /&gt;
*제품의 인터랙션 디자인 품질 테스트 : 페이퍼 프로토타입, 인터랙티브 프로토타입&lt;br /&gt;
====+UX디자인을 위한 사용성 테스트 매뉴얼====&lt;br /&gt;
*휴리스틱 리서치&lt;br /&gt;
*사용자 테스트 : 테스트 담당자, 테스터 선정, 테스트 공간, 제품, 예산&lt;br /&gt;
*사용자 테스트 실행 : 테스트 준비, 사용자 테스트 실행, 소리내며 생각하기 기법, 사용자 테스트 순서, 테스트 결과 분석&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
==린지==&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1211</id>
		<title>UX 모임 2018-11-12</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-12&amp;diff=1211"/>
				<updated>2018-11-09T11:38:47Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: Created page with &amp;quot;==선애== ===RULE8. 사용자 경험 디자인을 위한 7가지 법칙=== ==현규== ==린지==&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE8. 사용자 경험 디자인을 위한 7가지 법칙===&lt;br /&gt;
==현규==&lt;br /&gt;
==린지==&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-04&amp;diff=1204</id>
		<title>UX 모임 2018-11-04</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-04&amp;diff=1204"/>
				<updated>2018-11-03T15:18:55Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
[https://yonsei-my.sharepoint.com/:b:/g/personal/stellawind_o365_yonsei_ac_kr/EYMDVAExmdZEqEYdxkZOLX8BuX3aJUCg7BKai6gLz77BrQ?e=H2hz9S Rule7.pdf]&lt;br /&gt;
===RULE7 협업으로 사용자 경험을 만들어라===&lt;br /&gt;
*자유롭게 소통하라&lt;br /&gt;
**프로젝트 사례&lt;br /&gt;
**융합과정 : 가치추출, 가치 분석 및 재구축, 사용자 가치와 비즈니스 목표 수립&lt;br /&gt;
**영역별 주요 관심 주제&lt;br /&gt;
*클라이언트의 요구를 이해하라&lt;br /&gt;
**요구사항 이해과정 : 요구사항 분류, 구체 사례 분석, 프로젝트 수행&lt;br /&gt;
*프로젝트를 둘러싼 이해관계를 파악하라&lt;br /&gt;
**이해관계&lt;br /&gt;
*개발팀과의 협업&lt;br /&gt;
**시장조사&lt;br /&gt;
**제품의 가치 설정&lt;br /&gt;
**사용자 경험 요소의 설계&lt;br /&gt;
**프로토타입 제작과 테스트&lt;br /&gt;
**사용자 테스트와 품질 개선&lt;br /&gt;
*디자인팀과의 협업&lt;br /&gt;
**제품콘셉트 기획&lt;br /&gt;
**제품 기능과 인터페이스 디자인&lt;br /&gt;
**콘텐츠 디자인&lt;br /&gt;
**사용성 테스트&lt;br /&gt;
*사용자는 소비자이자 파트너임을 기억하라&lt;br /&gt;
**사용자 정의&lt;br /&gt;
**해결책 모색&lt;br /&gt;
**가치의 확장&lt;br /&gt;
*마케터와 영업자를 디자인 파트너로 만들어라&lt;br /&gt;
**시장과 트렌드 변화에 따른 대응&lt;br /&gt;
**제품의 가치를 설득하는 방법&lt;br /&gt;
**사용자와 시장의 피드백 수집&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===인터랙션18===&lt;br /&gt;
===인터랙션 디자인이란===&lt;br /&gt;
*사전적정의: 인간이 제품이나 서비스를  사용하면서 상호작용하는 것을 용이하게 하는 디자인분야&lt;br /&gt;
*&amp;quot;사용자 중심의 의미 있는 경험을 만들어 제품과 사용자 사이의 틈을 메우는 일&amp;quot;, &amp;quot;디지털 제품의 정적인 부분을 디자인하는 UI디자인의 상대적인 의미로 사용하는 동적인 디자인&amp;quot;, &amp;quot;인터페이스를 인지한 후 사용자가 어떤 행동을 해서 어떤 경험을 하게 할지 구성하는 일로 작동을 위한 행동을 정의 내려주는 것&amp;quot;&lt;br /&gt;
[[File:InteractionDesign.jpeg|400px]]&lt;br /&gt;
===인터랙션 어워즈===&lt;br /&gt;
*퓨처 보이스 어워드&lt;br /&gt;
**[https://youtu.be/f01Fh-eJ3II 브이타이완] &lt;br /&gt;
**더 많은 시민들을 입법과 정책 결정 과정에 참여시킬 수 있도록하는 참여 민주주의 실험 프로젝트&lt;br /&gt;
*Disrupting(기존에 존재하는 제품이나 서비스를 완전히 새롭게 디자인)&lt;br /&gt;
**[https://vimeo.com/240137191 VR파워트레이너]&lt;br /&gt;
**어디서나 전동휠체어 축구를 연습할 수 있는 가상현실 플랫폼 VR.&lt;br /&gt;
*Empowering(인간의 한계를 넘어서게 하는 디자인)&lt;br /&gt;
**[https://vimeo.com/240767794 POSB Jolly]&lt;br /&gt;
**싱가포르 이주노동자들이 쉽게 이용할수 있는 모바일 뱅킹 앱. 인터페이스 단순. 다양한 언어 지원.&lt;br /&gt;
*Optimizing(일상을 효율적으로 바꾸는 디자인)&lt;br /&gt;
**[https://vimeo.com/240767296 뉴 노르딕]&lt;br /&gt;
**정육면체 큐브안에 담기는 기내식. 분해 용이, 환경친화적.&lt;br /&gt;
*Connecting: 사람과 커뮤니티가 소통하게 만들다&lt;br /&gt;
**[https://vimeo.com/240087832 무트, Make Democracy Great Again]&lt;br /&gt;
**공공기관과 시민들이 건설적인 대화를 할 수 있도록 도와주는 플랫폼. 인공지능 기반의 대화형 인터페이스로 용자의 문의를 분류하고, 대답이 가능한 문의라면 무트가 즉시 답을 준다. 사용자가 책임자와 대화하고 싶다면, 무트는 질문에 적합한 담당자와 연결해서 대화가 계속될 수 있도록 만들어준다.&lt;br /&gt;
*Expressing:자기표현과 창의력을 독려하다&lt;br /&gt;
**[https://vimeo.com/240533504 오브젝트파이어]&lt;br /&gt;
**오브젝트파이어는 일상의 오브젝트가 사용자의 고유한 행동에 반응하도록 훈련시킬 수 있게 만들어주는 기기.&lt;br /&gt;
===인간 중심 디자인===&lt;br /&gt;
====앨런쿠퍼====&lt;br /&gt;
*좋은 선조처럼 생각하기(ancestry thinking)&lt;br /&gt;
**우리는 무엇을 가정하고 있는가 ex) 화장실 자동 물비누가 흑인의 손을 인식하지 못함.&lt;br /&gt;
**우리는 어떤 외부효과를 만들고 있는가 ex) 집앞에 쓰레기 버리기, 카풀서비스, 대형 할인 마트.&lt;br /&gt;
**어떤 시간 척도를 사용하고 있는가  ex) 최초 개인용 컴퓨터를 개발하면서 연도 표기를 위해 두자리만 사용.&lt;br /&gt;
====하라 켄야====&lt;br /&gt;
*여백을 남겨두기(Make things unknown)&lt;br /&gt;
**무인양품의 철학: 단 하나의 테이블을 만든다. 모든 맥락에 맞는 단 하나의 상품, 내가 원하는 맥락에 맞게 쓸 수 있는 물건.&lt;br /&gt;
**엑스포메이션(exformation): 우리가 그 대상에 대해 얼마나 모르는지, 세상에 대해 얼마나 무지한지 깨닫게 만들기 위한 프로젝트. 무지를 인지하는 것만으로도 대상에 대한 관심과 호기심을 증대시키고 세상을 전혀 다른 관점으로 바라볼 수 있다.&lt;br /&gt;
***여백의 미와 미니멀리즘은 다르다. 동양과 서양이 세상을 바라보는 방식은 다르다. 서양은 제품 그 자체에 집중한다. 동양은 맥락을 본다. 여백의 미에는 이미 맥락이 들어가 있다.&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
==='''The Design of Everyday Things - Ch. 6 Design Thinking'''===&lt;br /&gt;
*One of my rules in consulting is to never solve the problem I am asked to solve. Because it is usually not the real problem. &lt;br /&gt;
*Should question the problem itself; discover the real problem underneath&lt;br /&gt;
&lt;br /&gt;
===올바른(?) 문제를 해결하기 Solving the Correct Problem===&lt;br /&gt;
*Good designers: Rather than converging on a solution, they diverge and think of many ideas&lt;br /&gt;
*The key emphasis of this book is developing products that fit the needs and capabilities of people&lt;br /&gt;
*Designers resist jumping to a conclusion; they find the root issue then suggest multiple potential solutions - This is design thinking. &lt;br /&gt;
*&amp;quot;Human-centered design (HCD) is the process of ensuring that people's needs are met, that the resulting product is understandable and usable, that is accomplishes the desired tasks, and that the experience of use is positive and enjoyable.&amp;quot;&lt;br /&gt;
*Two key factors: 1) finding the right problem, 2) meeting human needs and capabilities&lt;br /&gt;
&lt;br /&gt;
===더블 다이아몬드 디자인 모델 The Double-Diamond Model of Design===&lt;br /&gt;
#Expand the scope of the problem (discover)&lt;br /&gt;
#Converge on a single problem statement (define)&lt;br /&gt;
#Expand the space of possible solutions (develop)&lt;br /&gt;
#Converge on a final solution (deliver)&lt;br /&gt;
&lt;br /&gt;
*Managers: Encourage free exploration, but hold them to a schedule and budget&lt;br /&gt;
&lt;br /&gt;
===인간 중심 디자인 과정 The Human-Centered Design Process===&lt;br /&gt;
*Four stages: &lt;br /&gt;
#Observation&lt;br /&gt;
#Idea generation (ideation)&lt;br /&gt;
#Prototyping&lt;br /&gt;
#Testing&lt;br /&gt;
#(Iterate)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''1. 관찰 Observation'''&lt;br /&gt;
*사용자의 의도, 행동 등 깊게 이해하려고 함&lt;br /&gt;
*인구 통계학적 세분화(성별, 나이, 등)보다 사람이 하는 행동 중심으로 관찰하면 좋다&lt;br /&gt;
*문제를 정하는 것과 해결책을 찾는 것은 사용자에 대한 깊은 이해가 필요하다&lt;br /&gt;
&lt;br /&gt;
*디자인 연구 대 시장 연구 Design Research versus Market Research&lt;br /&gt;
**디자인 연구는 사용자가 무엇을 뭘 필요한지에 대한  연구이며 시장 연구는 소비자가 무엇을 구매할지에 대한 연구이다&lt;br /&gt;
**디자인 연구는 소수의 사람을 연구 대상으로 관찰을 통해 하며 시장 연구는 다수의 사람을 연구 대상으로 설문조사, 포커스그룹 등으로 한다&lt;br /&gt;
**시장 연구의 위험성은 사람이 '원하다고' 하는 것과 실제적으로 필요한 것이 다를 수 있으며, 디자인 연구의 위험성은 소수의 사람을 연구 대상으로 삼기 때문의 결과가 대표적인지 확실하지 않을 수 있다&lt;br /&gt;
**장단점이 다 있지만 사실은 두 종류의 연구가 필요하다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''2. 아이디어 만들기 Idea Generation'''&lt;br /&gt;
*디자인 조건이 정해지면 많은 해결책을 생각해 나야 된다&lt;br /&gt;
*규칙&lt;br /&gt;
#수 많은 아이디어 제시해 봐라&lt;br /&gt;
#제한 없이 창의적으로 생각해야 한다; 미친 아이디어이더라도 그 것을 통해 통찰을 얻을 수도 있다&lt;br /&gt;
#모든 것을 의심해라; 바보 같은 질문이 없다(오히려 바보 같은 질문 묻는 것이 좋다)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''3. 프로토타이핑 Prototyping'''&lt;br /&gt;
*프로토타이프가 단순해도 된다&lt;br /&gt;
*프로토타이프를 통해 사용자가 그 물품, 서비스를 이해하는지 알 수 있고, 생각 못했던 사용의 어려움을 발견할 수 있으며, 문제를 제대로 접근했는지에 대해 알 수 있다&lt;br /&gt;
*해결책 찾기 단계에서 뿐만 아니라 질문 정의 단계에서도 프로토타이핑할 수 있다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''4. 실험하기 Testing'''&lt;br /&gt;
*프로토타이프 테스팅할 때 두 명이 같이 하면 문제 되는 부분에 대한 논의가 자연스럽게 나오니까 피드백 받기에 좋다&lt;br /&gt;
*테스팅하고나서도 피드백을 받으려고 한다&lt;br /&gt;
*5명 식 테스팅하면 좋다고 한다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''(5.) 반복하기 Iteration'''&lt;br /&gt;
*Iteration의 목적은 지속적인 개선과 향상이다. &lt;br /&gt;
*IDEO CEO: &amp;quot;Fail frequently; fail fast.&amp;quot; '자주 실패하고 빨리 실패해라'&lt;br /&gt;
*디자인 팀에게 시간을 얼마나 줬는지와 상관 없이 보통 마지막 24시간 이내로 마무리 하게 된다.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''행동 중심 대 인간 중심 디자인 Activity-Centered versus Human-Centered Design'''&lt;br /&gt;
*셰게인들을 위해 물품 만들 때 쓸 수 있는 방법&lt;br /&gt;
*사람이 하는 행동 중심으로 관찰하기&lt;br /&gt;
&lt;br /&gt;
*'과제'와 '행동'의 차이 점에 대하여 On the Differences Between Tasks and Activities&lt;br /&gt;
**행동의 범위는 '과제'의 범위보다 넓다; '장보러 가기' 대 그 행동을 위한 '버스를 타기' + '슈퍼에서 바구니 챙기기' + '쇼핑 리스트를 사용하여 물품 찾기'&lt;br /&gt;
**과제에만 집중하면 너무 제한적이다; iPod이 성공한 이유는 음악 즐기기의 모든 단계(노래 찾기, 구매하기, 듣기, 등) 다 포함하기 때문이다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
''''반복적' 디자인 대 '직선적 단계' 디자인 Iterative Design versus Linear Stages'''&lt;br /&gt;
*전통적인 디자인 방법은 일방향적이었으며 무엇을 결정이 되면 다시 뒤로 가는 것이 어려웠다. &lt;br /&gt;
*반복적인 디자인은 원형적이며 전 단계에 결정한 것들을 다시 생각해 볼 수 있는 여유가 있다&lt;br /&gt;
*'직선적 단계' 디자인은 잘못된 결정을 급히 내리는 경우가 있을 수 있으며, '반복적' 디자인은 큰 규모로 확대하기가 어렵다&lt;br /&gt;
*큰 규모의 프로젝트 관리하는 것이 어렵다&lt;br /&gt;
&lt;br /&gt;
===내가 방금 말 한 건? 사실 보통 그렇게 되지 않는다 What I Just Told You? It Doesn't Really Work That Way===&lt;br /&gt;
*&amp;quot;In theory, there is no difference between theory and practice. In practice, there is.&amp;quot; --&amp;gt; 이론적으로는 이론과 실제 간에 차이점이 없다. 실제적으로는... 있다. &lt;br /&gt;
&lt;br /&gt;
'''돈 노르맨의 생산적 발달 법 Don Norman's Law of Productive Development'''&lt;br /&gt;
*&amp;quot;''The day a product development process starts, it is behind schedule and above budget.''&amp;quot; 물품 개발 과정이 시작하는 날부터는 예정보다 늦고 예산보다 비싸다.&lt;br /&gt;
*다른 분야들의 사람들이 서로 다른 조건이 있으며 서로 이해하기가 여렵다&lt;br /&gt;
*미 문제의 해결 방법은 디자인 연구자들이 가능성이 있는 제품과 소비자를 항상 연구하게 하고, 그래야 새로움 제품 계획 팀이 결성될 때 디자인 연구자들이 '우리는 이런 상황을 이미 연구했다'고 할 수 있다.  시장 연구자들도 마찬가지다. &lt;br /&gt;
*그리고 서로 존중하고 이해하려고 하는 다분야적(multidisciplinary) 팀을 구성하기가 중요하다. (소통과 협력 높이기)&lt;br /&gt;
&lt;br /&gt;
===디자인 문제 The Design Challenge===&lt;br /&gt;
*물품은 모순된 조건이 있다 Products Have Multiple Conflicting Requirements&lt;br /&gt;
*특별한 사람들 위한 디자인 Designing for Special People&lt;br /&gt;
*오명 문제 The Stigma Problem&lt;br /&gt;
&lt;br /&gt;
===복잡함이 좋다; 안 좋은 것은 헷갈림이다 Complexity Is Good; It Is Confusion That Is Bad===&lt;br /&gt;
&lt;br /&gt;
===표준화와 기술 Standardization and Technology===&lt;br /&gt;
*표준을 정하기 Establishing Standards&lt;br /&gt;
*표준이 왜 필요한지 : 간단한 예시 Why Standards Are Necessary: A Simple Illustration&lt;br /&gt;
*정하기가 너무 오래 걸려서 기술이 넘은 표준 A Standard That Took So Long, Technology Overran It&lt;br /&gt;
*인기를 이끌지 못한 표준 : 디지털 시간 A Standard That Never Caught On: Digital Time&lt;br /&gt;
&lt;br /&gt;
===물품들을 일부러 다르게 만든다 Deliberately Making Things Different===&lt;br /&gt;
&lt;br /&gt;
===디자인 : 사람을 위해 기술을 발달하기 Design: Developing Technology for People===&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-04&amp;diff=1203</id>
		<title>UX 모임 2018-11-04</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-04&amp;diff=1203"/>
				<updated>2018-11-03T15:10:03Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
[https://yonsei-my.sharepoint.com/:p:/g/personal/stellawind_o365_yonsei_ac_kr/EQwtai1QmuBIuQ2WmRoA8aUB2eXyT7pdcbJOOFAew0tT6g?e=UNQNUo 자료]&lt;br /&gt;
===RULE7 협업으로 사용자 경험을 만들어라===&lt;br /&gt;
*자유롭게 소통하라&lt;br /&gt;
**프로젝트 사례&lt;br /&gt;
**융합과정 : 가치추출, 가치 분석 및 재구축, 사용자 가치와 비즈니스 목표 수립&lt;br /&gt;
**영역별 주요 관심 주제&lt;br /&gt;
*클라이언트의 요구를 이해하라&lt;br /&gt;
**요구사항 이해과정 : 요구사항 분류, 구체 사례 분석, 프로젝트 수행&lt;br /&gt;
*프로젝트를 둘러싼 이해관계를 파악하라&lt;br /&gt;
**이해관계&lt;br /&gt;
*개발팀과의 협업&lt;br /&gt;
**시장조사&lt;br /&gt;
**제품의 가치 설정&lt;br /&gt;
**사용자 경험 요소의 설계&lt;br /&gt;
**프로토타입 제작과 테스트&lt;br /&gt;
**사용자 테스트와 품질 개선&lt;br /&gt;
*디자인팀과의 협업&lt;br /&gt;
**제품콘셉트 기획&lt;br /&gt;
**제품 기능과 인터페이스 디자인&lt;br /&gt;
**콘텐츠 디자인&lt;br /&gt;
**사용성 테스트&lt;br /&gt;
*사용자는 소비자이자 파트너임을 기억하라&lt;br /&gt;
**사용자 정의&lt;br /&gt;
**해결책 모색&lt;br /&gt;
**가치의 확장&lt;br /&gt;
*마케터와 영업자를 디자인 파트너로 만들어라&lt;br /&gt;
**시장과 트렌드 변화에 따른 대응&lt;br /&gt;
**제품의 가치를 설득하는 방법&lt;br /&gt;
**사용자와 시장의 피드백 수집&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===인터랙션18===&lt;br /&gt;
===인터랙션 디자인이란===&lt;br /&gt;
*사전적정의: 인간이 제품이나 서비스를  사용하면서 상호작용하는 것을 용이하게 하는 디자인분야&lt;br /&gt;
*&amp;quot;사용자 중심의 의미 있는 경험을 만들어 제품과 사용자 사이의 틈을 메우는 일&amp;quot;, &amp;quot;디지털 제품의 정적인 부분을 디자인하는 UI디자인의 상대적인 의미로 사용하는 동적인 디자인&amp;quot;, &amp;quot;인터페이스를 인지한 후 사용자가 어떤 행동을 해서 어떤 경험을 하게 할지 구성하는 일로 작동을 위한 행동을 정의 내려주는 것&amp;quot;&lt;br /&gt;
[[File:InteractionDesign.jpeg|400px]]&lt;br /&gt;
===인터랙션 어워즈===&lt;br /&gt;
*퓨처 보이스 어워드&lt;br /&gt;
**[https://youtu.be/f01Fh-eJ3II 브이타이완] &lt;br /&gt;
**더 많은 시민들을 입법과 정책 결정 과정에 참여시킬 수 있도록하는 참여 민주주의 실험 프로젝트&lt;br /&gt;
*Disrupting(기존에 존재하는 제품이나 서비스를 완전히 새롭게 디자인)&lt;br /&gt;
**[https://vimeo.com/240137191 VR파워트레이너]&lt;br /&gt;
**어디서나 전동휠체어 축구를 연습할 수 있는 가상현실 플랫폼 VR.&lt;br /&gt;
*Empowering(인간의 한계를 넘어서게 하는 디자인)&lt;br /&gt;
**[https://vimeo.com/240767794 POSB Jolly]&lt;br /&gt;
**싱가포르 이주노동자들이 쉽게 이용할수 있는 모바일 뱅킹 앱. 인터페이스 단순. 다양한 언어 지원.&lt;br /&gt;
*Optimizing(일상을 효율적으로 바꾸는 디자인)&lt;br /&gt;
**[https://vimeo.com/240767296 뉴 노르딕]&lt;br /&gt;
**정육면체 큐브안에 담기는 기내식. 분해 용이, 환경친화적.&lt;br /&gt;
*Connecting: 사람과 커뮤니티가 소통하게 만들다&lt;br /&gt;
**[https://vimeo.com/240087832 무트, Make Democracy Great Again]&lt;br /&gt;
**공공기관과 시민들이 건설적인 대화를 할 수 있도록 도와주는 플랫폼. 인공지능 기반의 대화형 인터페이스로 용자의 문의를 분류하고, 대답이 가능한 문의라면 무트가 즉시 답을 준다. 사용자가 책임자와 대화하고 싶다면, 무트는 질문에 적합한 담당자와 연결해서 대화가 계속될 수 있도록 만들어준다.&lt;br /&gt;
*Expressing:자기표현과 창의력을 독려하다&lt;br /&gt;
**[https://vimeo.com/240533504 오브젝트파이어]&lt;br /&gt;
**오브젝트파이어는 일상의 오브젝트가 사용자의 고유한 행동에 반응하도록 훈련시킬 수 있게 만들어주는 기기.&lt;br /&gt;
===인간 중심 디자인===&lt;br /&gt;
====앨런쿠퍼====&lt;br /&gt;
*좋은 선조처럼 생각하기(ancestry thinking)&lt;br /&gt;
**우리는 무엇을 가정하고 있는가 ex) 화장실 자동 물비누가 흑인의 손을 인식하지 못함.&lt;br /&gt;
**우리는 어떤 외부효과를 만들고 있는가 ex) 집앞에 쓰레기 버리기, 카풀서비스, 대형 할인 마트.&lt;br /&gt;
**어떤 시간 척도를 사용하고 있는가  ex) 최초 개인용 컴퓨터를 개발하면서 연도 표기를 위해 두자리만 사용.&lt;br /&gt;
====하라 켄야====&lt;br /&gt;
*여백을 남겨두기(Make things unknown)&lt;br /&gt;
**무인양품의 철학: 단 하나의 테이블을 만든다. 모든 맥락에 맞는 단 하나의 상품, 내가 원하는 맥락에 맞게 쓸 수 있는 물건.&lt;br /&gt;
**엑스포메이션(exformation): 우리가 그 대상에 대해 얼마나 모르는지, 세상에 대해 얼마나 무지한지 깨닫게 만들기 위한 프로젝트. 무지를 인지하는 것만으로도 대상에 대한 관심과 호기심을 증대시키고 세상을 전혀 다른 관점으로 바라볼 수 있다.&lt;br /&gt;
***여백의 미와 미니멀리즘은 다르다. 동양과 서양이 세상을 바라보는 방식은 다르다. 서양은 제품 그 자체에 집중한다. 동양은 맥락을 본다. 여백의 미에는 이미 맥락이 들어가 있다.&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
==='''The Design of Everyday Things - Ch. 6 Design Thinking'''===&lt;br /&gt;
*One of my rules in consulting is to never solve the problem I am asked to solve. Because it is usually not the real problem. &lt;br /&gt;
*Should question the problem itself; discover the real problem underneath&lt;br /&gt;
&lt;br /&gt;
===올바른(?) 문제를 해결하기 Solving the Correct Problem===&lt;br /&gt;
*Good designers: Rather than converging on a solution, they diverge and think of many ideas&lt;br /&gt;
*The key emphasis of this book is developing products that fit the needs and capabilities of people&lt;br /&gt;
*Designers resist jumping to a conclusion; they find the root issue then suggest multiple potential solutions - This is design thinking. &lt;br /&gt;
*&amp;quot;Human-centered design (HCD) is the process of ensuring that people's needs are met, that the resulting product is understandable and usable, that is accomplishes the desired tasks, and that the experience of use is positive and enjoyable.&amp;quot;&lt;br /&gt;
*Two key factors: 1) finding the right problem, 2) meeting human needs and capabilities&lt;br /&gt;
&lt;br /&gt;
===더블 다이아몬드 디자인 모델 The Double-Diamond Model of Design===&lt;br /&gt;
#Expand the scope of the problem (discover)&lt;br /&gt;
#Converge on a single problem statement (define)&lt;br /&gt;
#Expand the space of possible solutions (develop)&lt;br /&gt;
#Converge on a final solution (deliver)&lt;br /&gt;
&lt;br /&gt;
*Managers: Encourage free exploration, but hold them to a schedule and budget&lt;br /&gt;
&lt;br /&gt;
===인간 중심 디자인 과정 The Human-Centered Design Process===&lt;br /&gt;
*Four stages: &lt;br /&gt;
#Observation&lt;br /&gt;
#Idea generation (ideation)&lt;br /&gt;
#Prototyping&lt;br /&gt;
#Testing&lt;br /&gt;
#(Iterate)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''1. 관찰 Observation'''&lt;br /&gt;
*사용자의 의도, 행동 등 깊게 이해하려고 함&lt;br /&gt;
*인구 통계학적 세분화(성별, 나이, 등)보다 사람이 하는 행동 중심으로 관찰하면 좋다&lt;br /&gt;
*문제를 정하는 것과 해결책을 찾는 것은 사용자에 대한 깊은 이해가 필요하다&lt;br /&gt;
&lt;br /&gt;
*디자인 연구 대 시장 연구 Design Research versus Market Research&lt;br /&gt;
**디자인 연구는 사용자가 무엇을 뭘 필요한지에 대한  연구이며 시장 연구는 소비자가 무엇을 구매할지에 대한 연구이다&lt;br /&gt;
**디자인 연구는 소수의 사람을 연구 대상으로 관찰을 통해 하며 시장 연구는 다수의 사람을 연구 대상으로 설문조사, 포커스그룹 등으로 한다&lt;br /&gt;
**시장 연구의 위험성은 사람이 '원하다고' 하는 것과 실제적으로 필요한 것이 다를 수 있으며, 디자인 연구의 위험성은 소수의 사람을 연구 대상으로 삼기 때문의 결과가 대표적인지 확실하지 않을 수 있다&lt;br /&gt;
**장단점이 다 있지만 사실은 두 종류의 연구가 필요하다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''2. 아이디어 만들기 Idea Generation'''&lt;br /&gt;
*디자인 조건이 정해지면 많은 해결책을 생각해 나야 된다&lt;br /&gt;
*규칙&lt;br /&gt;
#수 많은 아이디어 제시해 봐라&lt;br /&gt;
#제한 없이 창의적으로 생각해야 한다; 미친 아이디어이더라도 그 것을 통해 통찰을 얻을 수도 있다&lt;br /&gt;
#모든 것을 의심해라; 바보 같은 질문이 없다(오히려 바보 같은 질문 묻는 것이 좋다)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''3. 프로토타이핑 Prototyping'''&lt;br /&gt;
*프로토타이프가 단순해도 된다&lt;br /&gt;
*프로토타이프를 통해 사용자가 그 물품, 서비스를 이해하는지 알 수 있고, 생각 못했던 사용의 어려움을 발견할 수 있으며, 문제를 제대로 접근했는지에 대해 알 수 있다&lt;br /&gt;
*해결책 찾기 단계에서 뿐만 아니라 질문 정의 단계에서도 프로토타이핑할 수 있다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''4. 실험하기 Testing'''&lt;br /&gt;
*프로토타이프 테스팅할 때 두 명이 같이 하면 문제 되는 부분에 대한 논의가 자연스럽게 나오니까 피드백 받기에 좋다&lt;br /&gt;
*테스팅하고나서도 피드백을 받으려고 한다&lt;br /&gt;
*5명 식 테스팅하면 좋다고 한다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''(5.) 반복하기 Iteration'''&lt;br /&gt;
*Iteration의 목적은 지속적인 개선과 향상이다. &lt;br /&gt;
*IDEO CEO: &amp;quot;Fail frequently; fail fast.&amp;quot; '자주 실패하고 빨리 실패해라'&lt;br /&gt;
*디자인 팀에게 시간을 얼마나 줬는지와 상관 없이 보통 마지막 24시간 이내로 마무리 하게 된다.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''행동 중심 대 인간 중심 디자인 Activity-Centered versus Human-Centered Design'''&lt;br /&gt;
*셰게인들을 위해 물품 만들 때 쓸 수 있는 방법&lt;br /&gt;
*사람이 하는 행동 중심으로 관찰하기&lt;br /&gt;
&lt;br /&gt;
*'과제'와 '행동'의 차이 점에 대하여 On the Differences Between Tasks and Activities&lt;br /&gt;
**행동의 범위는 '과제'의 범위보다 넓다; '장보러 가기' 대 그 행동을 위한 '버스를 타기' + '슈퍼에서 바구니 챙기기' + '쇼핑 리스트를 사용하여 물품 찾기'&lt;br /&gt;
**과제에만 집중하면 너무 제한적이다; iPod이 성공한 이유는 음악 즐기기의 모든 단계(노래 찾기, 구매하기, 듣기, 등) 다 포함하기 때문이다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
''''반복적' 디자인 대 '직선적 단계' 디자인 Iterative Design versus Linear Stages'''&lt;br /&gt;
*전통적인 디자인 방법은 일방향적이었으며 무엇을 결정이 되면 다시 뒤로 가는 것이 어려웠다. &lt;br /&gt;
*반복적인 디자인은 원형적이며 전 단계에 결정한 것들을 다시 생각해 볼 수 있는 여유가 있다&lt;br /&gt;
*'직선적 단계' 디자인은 잘못된 결정을 급히 내리는 경우가 있을 수 있으며, '반복적' 디자인은 큰 규모로 확대하기가 어렵다&lt;br /&gt;
*큰 규모의 프로젝트 관리하는 것이 어렵다&lt;br /&gt;
&lt;br /&gt;
===내가 방금 말 한 건? 사실 보통 그렇게 되지 않는다 What I Just Told You? It Doesn't Really Work That Way===&lt;br /&gt;
*&amp;quot;In theory, there is no difference between theory and practice. In practice, there is.&amp;quot; --&amp;gt; 이론적으로는 이론과 실제 간에 차이점이 없다. 실제적으로는... 있다. &lt;br /&gt;
&lt;br /&gt;
'''돈 노르맨의 생산적 발달 법 Don Norman's Law of Productive Development'''&lt;br /&gt;
*&amp;quot;''The day a product development process starts, it is behind schedule and above budget.''&amp;quot; 물품 개발 과정이 시작하는 날부터는 예정보다 늦고 예산보다 비싸다.&lt;br /&gt;
*다른 분야들의 사람들이 서로 다른 조건이 있으며 서로 이해하기가 여렵다&lt;br /&gt;
*미 문제의 해결 방법은 디자인 연구자들이 가능성이 있는 제품과 소비자를 항상 연구하게 하고, 그래야 새로움 제품 계획 팀이 결성될 때 디자인 연구자들이 '우리는 이런 상황을 이미 연구했다'고 할 수 있다.  시장 연구자들도 마찬가지다. &lt;br /&gt;
*그리고 서로 존중하고 이해하려고 하는 다분야적(multidisciplinary) 팀을 구성하기가 중요하다. (소통과 협력 높이기)&lt;br /&gt;
&lt;br /&gt;
===디자인 문제 The Design Challenge===&lt;br /&gt;
*물품은 모순된 조건이 있다 Products Have Multiple Conflicting Requirements&lt;br /&gt;
*특별한 사람들 위한 디자인 Designing for Special People&lt;br /&gt;
*오명 문제 The Stigma Problem&lt;br /&gt;
&lt;br /&gt;
===복잡함이 좋다; 안 좋은 것은 헷갈림이다 Complexity Is Good; It Is Confusion That Is Bad===&lt;br /&gt;
&lt;br /&gt;
===표준화와 기술 Standardization and Technology===&lt;br /&gt;
*표준을 정하기 Establishing Standards&lt;br /&gt;
*표준이 왜 필요한지 : 간단한 예시 Why Standards Are Necessary: A Simple Illustration&lt;br /&gt;
*정하기가 너무 오래 걸려서 기술이 넘은 표준 A Standard That Took So Long, Technology Overran It&lt;br /&gt;
*인기를 이끌지 못한 표준 : 디지털 시간 A Standard That Never Caught On: Digital Time&lt;br /&gt;
&lt;br /&gt;
===물품들을 일부러 다르게 만든다 Deliberately Making Things Different===&lt;br /&gt;
&lt;br /&gt;
===디자인 : 사람을 위해 기술을 발달하기 Design: Developing Technology for People===&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-04&amp;diff=1202</id>
		<title>UX 모임 2018-11-04</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-04&amp;diff=1202"/>
				<updated>2018-11-03T12:34:12Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* RULE7 협업으로 사용자 경험을 만들어라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE7 협업으로 사용자 경험을 만들어라===&lt;br /&gt;
*자유롭게 소통하라&lt;br /&gt;
**프로젝트 사례&lt;br /&gt;
**융합과정 : 가치추출, 가치 분석 및 재구축, 사용자 가치와 비즈니스 목표 수립&lt;br /&gt;
**영역별 주요 관심 주제&lt;br /&gt;
*클라이언트의 요구를 이해하라&lt;br /&gt;
**요구사항 이해과정 : 요구사항 분류, 구체 사례 분석, 프로젝트 수행&lt;br /&gt;
*프로젝트를 둘러싼 이해관계를 파악하라&lt;br /&gt;
**이해관계&lt;br /&gt;
*개발팀과의 협업&lt;br /&gt;
**시장조사&lt;br /&gt;
**제품의 가치 설정&lt;br /&gt;
**사용자 경험 요소의 설계&lt;br /&gt;
**프로토타입 제작과 테스트&lt;br /&gt;
**사용자 테스트와 품질 개선&lt;br /&gt;
*디자인팀과의 협업&lt;br /&gt;
**제품콘셉트 기획&lt;br /&gt;
**제품 기능과 인터페이스 디자인&lt;br /&gt;
**콘텐츠 디자인&lt;br /&gt;
**사용성 테스트&lt;br /&gt;
*사용자는 소비자이자 파트너임을 기억하라&lt;br /&gt;
**사용자 정의&lt;br /&gt;
**해결책 모색&lt;br /&gt;
**가치의 확장&lt;br /&gt;
*마케터와 영업자를 디자인 파트너로 만들어라&lt;br /&gt;
**시장과 트렌드 변화에 따른 대응&lt;br /&gt;
**제품의 가치를 설득하는 방법&lt;br /&gt;
**사용자와 시장의 피드백 수집&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===인터랙션18===&lt;br /&gt;
===인터랙션 디자인이란===&lt;br /&gt;
*사전적정의: 인간이 제품이나 서비스를  사용하면서 상호작용하는 것을 용이하게 하는 디자인분야&lt;br /&gt;
*&amp;quot;사용자 중심의 의미 있는 경험을 만들어 제품과 사용자 사이의 틈을 메우는 일&amp;quot;, &amp;quot;디지털 제품의 정적인 부분을 디자인하는 UI디자인의 상대적인 의미로 사용하는 동적인 디자인&amp;quot;, &amp;quot;인터페이스를 인지한 후 사용자가 어떤 행동을 해서 어떤 경험을 하게 할지 구성하는 일로 작동을 위한 행동을 정의 내려주는 것&amp;quot;&lt;br /&gt;
[[File:InteractionDesign.jpeg|400px]]&lt;br /&gt;
===인터랙션 어워즈===&lt;br /&gt;
*퓨처 보이스 어워드&lt;br /&gt;
**[https://youtu.be/f01Fh-eJ3II 브이타이완] &lt;br /&gt;
**더 많은 시민들을 입법과 정책 결정 과정에 참여시킬 수 있도록하는 참여 민주주의 실험 프로젝트&lt;br /&gt;
*Disrupting(기존에 존재하는 제품이나 서비스를 완전히 새롭게 디자인)&lt;br /&gt;
**[https://vimeo.com/240137191 VR파워트레이너]&lt;br /&gt;
**어디서나 전동휠체어 축구를 연습할 수 있는 가상현실 플랫폼 VR.&lt;br /&gt;
*Empowering(인간의 한계를 넘어서게 하는 디자인)&lt;br /&gt;
**[https://vimeo.com/240767794 POSB Jolly]&lt;br /&gt;
**싱가포르 이주노동자들이 쉽게 이용할수 있는 모바일 뱅킹 앱. 인터페이스 단순. 다양한 언어 지원.&lt;br /&gt;
*Optimizing(일상을 효율적으로 바꾸는 디자인)&lt;br /&gt;
**[https://vimeo.com/240767296 뉴 노르딕]&lt;br /&gt;
**정육면체 큐브안에 담기는 기내식. 분해 용이, 환경친화적.&lt;br /&gt;
*Connecting: 사람과 커뮤니티가 소통하게 만들다&lt;br /&gt;
**[https://vimeo.com/240087832 무트, Make Democracy Great Again]&lt;br /&gt;
**공공기관과 시민들이 건설적인 대화를 할 수 있도록 도와주는 플랫폼. 인공지능 기반의 대화형 인터페이스로 용자의 문의를 분류하고, 대답이 가능한 문의라면 무트가 즉시 답을 준다. 사용자가 책임자와 대화하고 싶다면, 무트는 질문에 적합한 담당자와 연결해서 대화가 계속될 수 있도록 만들어준다.&lt;br /&gt;
*Expressing:자기표현과 창의력을 독려하다&lt;br /&gt;
**[https://vimeo.com/240533504 오브젝트파이어]&lt;br /&gt;
**오브젝트파이어는 일상의 오브젝트가 사용자의 고유한 행동에 반응하도록 훈련시킬 수 있게 만들어주는 기기.&lt;br /&gt;
===인간 중심 디자인===&lt;br /&gt;
====앨런쿠퍼====&lt;br /&gt;
*좋은 선조처럼 생각하기(ancestry thinking)&lt;br /&gt;
**우리는 무엇을 가정하고 있는가 ex) 화장실 자동 물비누가 흑인의 손을 인식하지 못함.&lt;br /&gt;
**우리는 어떤 외부효과를 만들고 있는가 ex) 집앞에 쓰레기 버리기, 카풀서비스, 대형 할인 마트.&lt;br /&gt;
**어떤 시간 척도를 사용하고 있는가  ex) 최초 개인용 컴퓨터를 개발하면서 연도 표기를 위해 두자리만 사용.&lt;br /&gt;
====하라 켄야====&lt;br /&gt;
*여백을 남겨두기(Make things unknown)&lt;br /&gt;
**무인양품의 철학: 단 하나의 테이블을 만든다. 모든 맥락에 맞는 단 하나의 상품, 내가 원하는 맥락에 맞게 쓸 수 있는 물건.&lt;br /&gt;
**엑스포메이션(exformation): 우리가 그 대상에 대해 얼마나 모르는지, 세상에 대해 얼마나 무지한지 깨닫게 만들기 위한 프로젝트. 무지를 인지하는 것만으로도 대상에 대한 관심과 호기심을 증대시키고 세상을 전혀 다른 관점으로 바라볼 수 있다.&lt;br /&gt;
***여백의 미와 미니멀리즘은 다르다. 동양과 서양이 세상을 바라보는 방식은 다르다. 서양은 제품 그 자체에 집중한다. 동양은 맥락을 본다. 여백의 미에는 이미 맥락이 들어가 있다.&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
==='''The Design of Everyday Things - Ch. 6 Design Thinking'''===&lt;br /&gt;
*One of my rules in consulting is to never solve the problem I am asked to solve. Because it is usually not the real problem. &lt;br /&gt;
*Should question the problem itself; discover the real problem underneath&lt;br /&gt;
&lt;br /&gt;
===올바른(?) 문제를 해결하기 Solving the Correct Problem===&lt;br /&gt;
*Good designers: Rather than converging on a solution, they diverge and think of many ideas&lt;br /&gt;
*The key emphasis of this book is developing products that fit the needs and capabilities of people&lt;br /&gt;
*Designers resist jumping to a conclusion; they find the root issue then suggest multiple potential solutions - This is design thinking. &lt;br /&gt;
*&amp;quot;Human-centered design (HCD) is the process of ensuring that people's needs are met, that the resulting product is understandable and usable, that is accomplishes the desired tasks, and that the experience of use is positive and enjoyable.&amp;quot;&lt;br /&gt;
*Two key factors: 1) finding the right problem, 2) meeting human needs and capabilities&lt;br /&gt;
&lt;br /&gt;
===더블 다이아몬드 디자인 모델 The Double-Diamond Model of Design===&lt;br /&gt;
#Expand the scope of the problem (discover)&lt;br /&gt;
#Converge on a single problem statement (define)&lt;br /&gt;
#Expand the space of possible solutions (develop)&lt;br /&gt;
#Converge on a final solution (deliver)&lt;br /&gt;
&lt;br /&gt;
*Managers: Encourage free exploration, but hold them to a schedule and budget&lt;br /&gt;
&lt;br /&gt;
===인간 중심 디자인 과정 The Human-Centered Design Process===&lt;br /&gt;
*Four stages: &lt;br /&gt;
#Observation&lt;br /&gt;
#Idea generation (ideation)&lt;br /&gt;
#Prototyping&lt;br /&gt;
#Testing&lt;br /&gt;
#(Iterate)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''1. 관찰 Observation'''&lt;br /&gt;
*사용자의 의도, 행동 등 깊게 이해하려고 함&lt;br /&gt;
*인구 통계학적 세분화(성별, 나이, 등)보다 사람이 하는 행동 중심으로 관찰하면 좋다&lt;br /&gt;
*문제를 정하는 것과 해결책을 찾는 것은 사용자에 대한 깊은 이해가 필요하다&lt;br /&gt;
&lt;br /&gt;
*디자인 연구 대 시장 연구 Design Research versus Market Research&lt;br /&gt;
**디자인 연구는 사용자가 무엇을 뭘 필요한지에 대한  연구이며 시장 연구는 소비자가 무엇을 구매할지에 대한 연구이다&lt;br /&gt;
**디자인 연구는 소수의 사람을 연구 대상으로 관찰을 통해 하며 시장 연구는 다수의 사람을 연구 대상으로 설문조사, 포커스그룹 등으로 한다&lt;br /&gt;
**시장 연구의 위험성은 사람이 '원하다고' 하는 것과 실제적으로 필요한 것이 다를 수 있으며, 디자인 연구의 위험성은 소수의 사람을 연구 대상으로 삼기 때문의 결과가 대표적인지 확실하지 않을 수 있다&lt;br /&gt;
**장단점이 다 있지만 사실은 두 종류의 연구가 필요하다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''2. 아이디어 만들기 Idea Generation'''&lt;br /&gt;
*디자인 조건이 정해지면 많은 해결책을 생각해 나야 된다&lt;br /&gt;
*규칙&lt;br /&gt;
#수 많은 아이디어 제시해 봐라&lt;br /&gt;
#제한 없이 창의적으로 생각해야 한다; 미친 아이디어이더라도 그 것을 통해 통찰을 얻을 수도 있다&lt;br /&gt;
#모든 것을 의심해라; 바보 같은 질문이 없다(오히려 바보 같은 질문 묻는 것이 좋다)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''3. 프로토타이핑 Prototyping'''&lt;br /&gt;
*프로토타이프가 단순해도 된다&lt;br /&gt;
*프로토타이프를 통해 사용자가 그 물품, 서비스를 이해하는지 알 수 있고, 생각 못했던 사용의 어려움을 발견할 수 있으며, 문제를 제대로 접근했는지에 대해 알 수 있다&lt;br /&gt;
*해결책 찾기 단계에서 뿐만 아니라 질문 정의 단계에서도 프로토타이핑할 수 있다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''4. 실험하기 Testing'''&lt;br /&gt;
*프로토타이프 테스팅할 때 두 명이 같이 하면 문제 되는 부분에 대한 논의가 자연스럽게 나오니까 피드백 받기에 좋다&lt;br /&gt;
*테스팅하고나서도 피드백을 받으려고 한다&lt;br /&gt;
*5명 식 테스팅하면 좋다고 한다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''(5.) 반복하기 Iteration'''&lt;br /&gt;
*Iteration의 목적은 지속적인 개선과 향상이다. &lt;br /&gt;
*IDEO CEO: &amp;quot;Fail frequently; fail fast.&amp;quot; '자주 실패하고 빨리 실패해라'&lt;br /&gt;
*디자인 팀에게 시간을 얼마나 줬는지와 상관 없이 보통 마지막 24시간 이내로 마무리 하게 된다.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''행동 중심 대 인간 중심 디자인 Activity-Centered versus Human-Centered Design'''&lt;br /&gt;
*셰게인들을 위해 물품 만들 때 쓸 수 있는 방법&lt;br /&gt;
*사람이 하는 행동 중심으로 관찰하기&lt;br /&gt;
&lt;br /&gt;
*'과제'와 '행동'의 차이 점에 대하여 On the Differences Between Tasks and Activities&lt;br /&gt;
**행동의 범위는 '과제'의 범위보다 넓다; '장보러 가기' 대 그 행동을 위한 '버스를 타기' + '슈퍼에서 바구니 챙기기' + '쇼핑 리스트를 사용하여 물품 찾기'&lt;br /&gt;
**과제에만 집중하면 너무 제한적이다; iPod이 성공한 이유는 음악 즐기기의 모든 단계(노래 찾기, 구매하기, 듣기, 등) 다 포함하기 때문이다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
''''반복적' 디자인 대 '직선적 단계' 디자인 Iterative Design versus Linear Stages'''&lt;br /&gt;
*전통적인 디자인 방법은 일방향적이었으며 무엇을 결정이 되면 다시 뒤로 가는 것이 어려웠다. &lt;br /&gt;
*반복적인 디자인은 원형적이며 전 단계에 결정한 것들을 다시 생각해 볼 수 있는 여유가 있다&lt;br /&gt;
*'직선적 단계' 디자인은 잘못된 결정을 급히 내리는 경우가 있을 수 있으며, '반복적' 디자인은 큰 규모로 확대하기가 어렵다&lt;br /&gt;
*큰 규모의 프로젝트 관리하는 것이 어렵다&lt;br /&gt;
&lt;br /&gt;
===내가 방금 말 한 건? 사실 보통 그렇게 되지 않는다 What I Just Told You? It Doesn't Really Work That Way===&lt;br /&gt;
*&amp;quot;In theory, there is no difference between theory and practice. In practice, there is.&amp;quot; --&amp;gt; 이론적으로는 이론과 실제 간에 차이점이 없다. 실제적으로는... 있다. &lt;br /&gt;
&lt;br /&gt;
'''돈 노르맨의 생산적 발달 법 Don Norman's Law of Productive Development'''&lt;br /&gt;
*&amp;quot;''The day a product development process starts, it is behind schedule and above budget.''&amp;quot; 물품 개발 과정이 시작하는 날부터는 예정보다 늦고 예산보다 비싸다.&lt;br /&gt;
*다른 분야들의 사람들이 서로 다른 조건이 있으며 서로 이해하기가 여렵다&lt;br /&gt;
*미 문제의 해결 방법은 디자인 연구자들이 가능성이 있는 제품과 소비자를 항상 연구하게 하고, 그래야 새로움 제품 계획 팀이 결성될 때 디자인 연구자들이 '우리는 이런 상황을 이미 연구했다'고 할 수 있다.  시장 연구자들도 마찬가지다. &lt;br /&gt;
*그리고 서로 존중하고 이해하려고 하는 다분야적(multidisciplinary) 팀을 구성하기가 중요하다. (소통과 협력 높이기)&lt;br /&gt;
&lt;br /&gt;
===디자인 문제 The Design Challenge===&lt;br /&gt;
*물품은 모순된 조건이 있다 Products Have Multiple Conflicting Requirements&lt;br /&gt;
*특별한 사람들 위한 디자인 Designing for Special People&lt;br /&gt;
*오명 문제 The Stigma Problem&lt;br /&gt;
&lt;br /&gt;
===복잡함이 좋다; 안 좋은 것은 헷갈림이다 Complexity Is Good; It Is Confusion That Is Bad===&lt;br /&gt;
&lt;br /&gt;
===표준화와 기술 Standardization and Technology===&lt;br /&gt;
*표준을 정하기 Establishing Standards&lt;br /&gt;
*표준이 왜 필요한지 : 간단한 예시 Why Standards Are Necessary: A Simple Illustration&lt;br /&gt;
*정하기가 너무 오래 걸려서 기술이 넘은 표준 A Standard That Took So Long, Technology Overran It&lt;br /&gt;
*인기를 이끌지 못한 표준 : 디지털 시간 A Standard That Never Caught On: Digital Time&lt;br /&gt;
&lt;br /&gt;
===물품들을 일부러 다르게 만든다 Deliberately Making Things Different===&lt;br /&gt;
&lt;br /&gt;
===디자인 : 사람을 위해 기술을 발달하기 Design: Developing Technology for People===&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-04&amp;diff=1201</id>
		<title>UX 모임 2018-11-04</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-11-04&amp;diff=1201"/>
				<updated>2018-11-03T11:14:54Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE7 협업으로 사용자 경험을 만들어라===&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===인터랙션18===&lt;br /&gt;
===인터랙션 디자인이란===&lt;br /&gt;
*사전적정의: 인간이 제품이나 서비스를  사용하면서 상호작용하는 것을 용이하게 하는 디자인분야&lt;br /&gt;
*&amp;quot;사용자 중심의 의미 있는 경험을 만들어 제품과 사용자 사이의 틈을 메우는 일&amp;quot;, &amp;quot;디지털 제품의 정적인 부분을 디자인하는 UI디자인의 상대적인 의미로 사용하는 동적인 디자인&amp;quot;, &amp;quot;인터페이스를 인지한 후 사용자가 어떤 행동을 해서 어떤 경험을 하게 할지 구성하는 일로 작동을 위한 행동을 정의 내려주는 것&amp;quot;&lt;br /&gt;
[[File:InteractionDesign.jpeg|400px]]&lt;br /&gt;
===인터랙션 어워즈===&lt;br /&gt;
*퓨처 보이스 어워드&lt;br /&gt;
**[https://youtu.be/f01Fh-eJ3II 브이타이완] &lt;br /&gt;
**더 많은 시민들을 입법과 정책 결정 과정에 참여시킬 수 있도록하는 참여 민주주의 실험 프로젝트&lt;br /&gt;
*Disrupting(기존에 존재하는 제품이나 서비스를 완전히 새롭게 디자인)&lt;br /&gt;
**[https://vimeo.com/240137191 VR파워트레이너]&lt;br /&gt;
**어디서나 전동휠체어 축구를 연습할 수 있는 가상현실 플랫폼 VR.&lt;br /&gt;
*Empowering(인간의 한계를 넘어서게 하는 디자인)&lt;br /&gt;
**[https://vimeo.com/240767794 POSB Jolly]&lt;br /&gt;
**싱가포르 이주노동자들이 쉽게 이용할수 있는 모바일 뱅킹 앱. 인터페이스 단순. 다양한 언어 지원.&lt;br /&gt;
*Optimizing(일상을 효율적으로 바꾸는 디자인)&lt;br /&gt;
**[https://vimeo.com/240767296 뉴 노르딕]&lt;br /&gt;
**정육면체 큐브안에 담기는 기내식. 분해 용이, 환경친화적.&lt;br /&gt;
*Connecting: 사람과 커뮤니티가 소통하게 만들다&lt;br /&gt;
**[https://vimeo.com/240087832 무트, Make Democracy Great Again]&lt;br /&gt;
**공공기관과 시민들이 건설적인 대화를 할 수 있도록 도와주는 플랫폼. 인공지능 기반의 대화형 인터페이스로 용자의 문의를 분류하고, 대답이 가능한 문의라면 무트가 즉시 답을 준다. 사용자가 책임자와 대화하고 싶다면, 무트는 질문에 적합한 담당자와 연결해서 대화가 계속될 수 있도록 만들어준다.&lt;br /&gt;
*Expressing:자기표현과 창의력을 독려하다&lt;br /&gt;
**[https://vimeo.com/240533504 오브젝트파이어]&lt;br /&gt;
**오브젝트파이어는 일상의 오브젝트가 사용자의 고유한 행동에 반응하도록 훈련시킬 수 있게 만들어주는 기기.&lt;br /&gt;
===인간 중심 디자인===&lt;br /&gt;
====앨런쿠퍼====&lt;br /&gt;
*좋은 선조처럼 생각하기(ancestry thinking)&lt;br /&gt;
**우리는 무엇을 가정하고 있는가 ex) 화장실 자동 물비누가 흑인의 손을 인식하지 못함.&lt;br /&gt;
**우리는 어떤 외부효과를 만들고 있는가 ex) 집앞에 쓰레기 버리기, 카풀서비스, 대형 할인 마트.&lt;br /&gt;
**어떤 시간 척도를 사용하고 있는가  ex) 최초 개인용 컴퓨터를 개발하면서 연도 표기를 위해 두자리만 사용.&lt;br /&gt;
====하라 켄야====&lt;br /&gt;
*여백을 남겨두기(Make things unknown)&lt;br /&gt;
**무인양품의 철학: 단 하나의 테이블을 만든다. 모든 맥락에 맞는 단 하나의 상품, 내가 원하는 맥락에 맞게 쓸 수 있는 물건.&lt;br /&gt;
**엑스포메이션(exformation): 우리가 그 대상에 대해 얼마나 모르는지, 세상에 대해 얼마나 무지한지 깨닫게 만들기 위한 프로젝트. 무지를 인지하는 것만으로도 대상에 대한 관심과 호기심을 증대시키고 세상을 전혀 다른 관점으로 바라볼 수 있다.&lt;br /&gt;
***여백의 미와 미니멀리즘은 다르다. 동양과 서양이 세상을 바라보는 방식은 다르다. 서양은 제품 그 자체에 집중한다. 동양은 맥락을 본다. 여백의 미에는 이미 맥락이 들어가 있다.&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
==='''The Design of Everyday Things - Ch. 6 Design Thinking'''===&lt;br /&gt;
*One of my rules in consulting is to never solve the problem I am asked to solve. Because it is usually not the real problem. &lt;br /&gt;
*Should question the problem itself; discover the real problem underneath&lt;br /&gt;
&lt;br /&gt;
===올바른(?) 문제를 해결하기 Solving the Correct Problem===&lt;br /&gt;
*Good designers: Rather than converging on a solution, they diverge and think of many ideas&lt;br /&gt;
*The key emphasis of this book is developing products that fit the needs and capabilities of people&lt;br /&gt;
*Designers resist jumping to a conclusion; they find the root issue then suggest multiple potential solutions - This is design thinking. &lt;br /&gt;
*&amp;quot;Human-centered design (HCD) is the process of ensuring that people's needs are met, that the resulting product is understandable and usable, that is accomplishes the desired tasks, and that the experience of use is positive and enjoyable.&amp;quot;&lt;br /&gt;
*Two key factors: 1) finding the right problem, 2) meeting human needs and capabilities&lt;br /&gt;
&lt;br /&gt;
===더블 다이아몬드 디자인 모델 The Double-Diamond Model of Design===&lt;br /&gt;
#Expand the scope of the problem (discover)&lt;br /&gt;
#Converge on a single problem statement (define)&lt;br /&gt;
#Expand the space of possible solutions (develop)&lt;br /&gt;
#Converge on a final solution (deliver)&lt;br /&gt;
&lt;br /&gt;
*Managers: Encourage free exploration, but hold them to a schedule and budget&lt;br /&gt;
&lt;br /&gt;
===인간 중심 디자인 과정 The Human-Centered Design Process===&lt;br /&gt;
*Four stages: &lt;br /&gt;
#Observation&lt;br /&gt;
#Idea generation (ideation)&lt;br /&gt;
#Prototyping&lt;br /&gt;
#Testing&lt;br /&gt;
#(Iterate)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''1. 관찰 Observation'''&lt;br /&gt;
*사용자의 의도, 행동 등 깊게 이해하려고 함&lt;br /&gt;
*인구 통계학적 세분화(성별, 나이, 등)보다 사람이 하는 행동 중심으로 관찰하면 좋다&lt;br /&gt;
*문제를 정하는 것과 해결책을 찾는 것은 사용자에 대한 깊은 이해가 필요하다&lt;br /&gt;
&lt;br /&gt;
*디자인 연구 대 시장 연구 Design Research versus Market Research&lt;br /&gt;
**디자인 연구는 사용자가 무엇을 뭘 필요한지에 대한  연구이며 시장 연구는 소비자가 무엇을 구매할지에 대한 연구이다&lt;br /&gt;
**디자인 연구는 소수의 사람을 연구 대상으로 관찰을 통해 하며 시장 연구는 다수의 사람을 연구 대상으로 설문조사, 포커스그룹 등으로 한다&lt;br /&gt;
**시장 연구의 위험성은 사람이 '원하다고' 하는 것과 실제적으로 필요한 것이 다를 수 있으며, 디자인 연구의 위험성은 소수의 사람을 연구 대상으로 삼기 때문의 결과가 대표적인지 확실하지 않을 수 있다&lt;br /&gt;
**장단점이 다 있지만 사실은 두 종류의 연구가 필요하다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''2. 아이디어 만들기 Idea Generation'''&lt;br /&gt;
*디자인 조건이 정해지면 많은 해결책을 생각해 나야 된다&lt;br /&gt;
*규칙&lt;br /&gt;
#수 많은 아이디어 제시해 봐라&lt;br /&gt;
#제한 없이 창의적으로 생각해야 한다; 미친 아이디어이더라도 그 것을 통해 통찰을 얻을 수도 있다&lt;br /&gt;
#모든 것을 의심해라; 바보 같은 질문이 없다(오히려 바보 같은 질문 묻는 것이 좋다)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''3. 프로토타이핑 Prototyping'''&lt;br /&gt;
*프로토타이프가 단순해도 된다&lt;br /&gt;
*프로토타이프를 통해 사용자가 그 물품, 서비스를 이해하는지 알 수 있고, 생각 못했던 사용의 어려움을 발견할 수 있으며, 문제를 제대로 접근했는지에 대해 알 수 있다&lt;br /&gt;
*해결책 찾기 단계에서 뿐만 아니라 질문 정의 단계에서도 프로토타이핑할 수 있다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''4. 실험하기 Testing'''&lt;br /&gt;
*프로토타이프 테스팅할 때 두 명이 같이 하면 문제 되는 부분에 대한 논의가 자연스럽게 나오니까 피드백 받기에 좋다&lt;br /&gt;
*테스팅하고나서도 피드백을 받으려고 한다&lt;br /&gt;
*5명 식 테스팅하면 좋다고 한다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''(5.) 반복하기 Iteration'''&lt;br /&gt;
*Iteration의 목적은 지속적인 개선과 향상이다. &lt;br /&gt;
*IDEO CEO: &amp;quot;Fail frequently; fail fast.&amp;quot; '자주 실패하고 빨리 실패해라'&lt;br /&gt;
*디자인 팀에게 시간을 얼마나 줬는지와 상관 없이 보통 마지막 24시간 이내로 마무리 하게 된다.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
'''행동 중심 대 인간 중심 디자인 Activity-Centered versus Human-Centered Design'''&lt;br /&gt;
*셰게인들을 위해 물품 만들 때 쓸 수 있는 방법&lt;br /&gt;
*사람이 하는 행동 중심으로 관찰하기&lt;br /&gt;
&lt;br /&gt;
*'과제'와 '행동'의 차이 점에 대하여 On the Differences Between Tasks and Activities&lt;br /&gt;
**행동의 범위는 '과제'의 범위보다 넓다; '장보러 가기' 대 그 행동을 위한 '버스를 타기' + '슈퍼에서 바구니 챙기기' + '쇼핑 리스트를 사용하여 물품 찾기'&lt;br /&gt;
**과제에만 집중하면 너무 제한적이다; iPod이 성공한 이유는 음악 즐기기의 모든 단계(노래 찾기, 구매하기, 듣기, 등) 다 포함하기 때문이다&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
''''반복적' 디자인 대 '직선적 단계' 디자인 Iterative Design versus Linear Stages'''&lt;br /&gt;
*전통적인 디자인 방법은 일방향적이었으며 무엇을 결정이 되면 다시 뒤로 가는 것이 어려웠다. &lt;br /&gt;
*반복적인 디자인은 원형적이며 전 단계에 결정한 것들을 다시 생각해 볼 수 있는 여유가 있다&lt;br /&gt;
*'직선적 단계' 디자인은 잘못된 결정을 급히 내리는 경우가 있을 수 있으며, '반복적' 디자인은 큰 규모로 확대하기가 어렵다&lt;br /&gt;
*큰 규모의 프로젝트 관리하는 것이 어렵다&lt;br /&gt;
&lt;br /&gt;
===내가 방금 말 한 건? 사실 보통 그렇게 되지 않는다 What I Just Told You? It Doesn't Really Work That Way===&lt;br /&gt;
*&amp;quot;In theory, there is no difference between theory and practice. In practice, there is.&amp;quot; --&amp;gt; 이론적으로는 이론과 실제 간에 차이점이 없다. 실제적으로는... 있다. &lt;br /&gt;
&lt;br /&gt;
'''돈 노르맨의 생산적 발달 법 Don Norman's Law of Productive Development'''&lt;br /&gt;
*&amp;quot;''The day a product development process starts, it is behind schedule and above budget.''&amp;quot; 물품 개발 과정이 시작하는 날부터는 예정보다 늦고 예산보다 비싸다.&lt;br /&gt;
*다른 분야들의 사람들이 서로 다른 조건이 있으며 서로 이해하기가 여렵다&lt;br /&gt;
*미 문제의 해결 방법은 디자인 연구자들이 가능성이 있는 제품과 소비자를 항상 연구하게 하고, 그래야 새로움 제품 계획 팀이 결성될 때 디자인 연구자들이 '우리는 이런 상황을 이미 연구했다'고 할 수 있다.  시장 연구자들도 마찬가지다. &lt;br /&gt;
*그리고 서로 존중하고 이해하려고 하는 다분야적(multidisciplinary) 팀을 구성하기가 중요하다. (소통과 협력 높이기)&lt;br /&gt;
&lt;br /&gt;
===디자인 문제 The Design Challenge===&lt;br /&gt;
*물품은 모순된 조건이 있다 Products Have Multiple Conflicting Requirements&lt;br /&gt;
*특별한 사람들 위한 디자인 Designing for Special People&lt;br /&gt;
*오명 문제 The Stigma Problem&lt;br /&gt;
&lt;br /&gt;
===복잡함이 좋다; 안 좋은 것은 헷갈림이다 Complexity Is Good; It Is Confusion That Is Bad===&lt;br /&gt;
&lt;br /&gt;
===표준화와 기술 Standardization and Technology===&lt;br /&gt;
*표준을 정하기 Establishing Standards&lt;br /&gt;
*표준이 왜 필요한지 : 간단한 예시 Why Standards Are Necessary: A Simple Illustration&lt;br /&gt;
*정하기가 너무 오래 걸려서 기술이 넘은 표준 A Standard That Took So Long, Technology Overran It&lt;br /&gt;
*인기를 이끌지 못한 표준 : 디지털 시간 A Standard That Never Caught On: Digital Time&lt;br /&gt;
&lt;br /&gt;
===물품들을 일부러 다르게 만든다 Deliberately Making Things Different===&lt;br /&gt;
&lt;br /&gt;
===디자인 : 사람을 위해 기술을 발달하기 Design: Developing Technology for People===&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1184</id>
		<title>UX 모임 2018-10-29</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1184"/>
				<updated>2018-10-29T07:16:42Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
==선애==&lt;br /&gt;
*웹페이지 : [https://allinpdf.com/intro# allinpdf]&lt;br /&gt;
===RULE6. 사용자의 생각을 디자인하라===&lt;br /&gt;
*대다수의 제품은 특정 목적을 위한 기능들로 구성되어 있고, 제품의 가치도 그 목적을 얼마나 빠르고 정확하게 만족시키느냐에 달림&lt;br /&gt;
====강력한 동기를 부여하라====&lt;br /&gt;
*사용자가 어떤 욕구를 가지고 그것을 어떤 방식으로 해소할 수 있을지에 대해 깊이 고민할 것.&lt;br /&gt;
*사용자가 스스로 동기를 부여하는 상황&lt;br /&gt;
**필요성 : 현실적인 필요성이 행동 유발 ex) 위치기반 서비스&lt;br /&gt;
**호기심 : 제품을 사용함으로써 얻는 결과 뿐만 아니라 그 과정에도 의미. 심리적 '만족'이 중요. ex) [https://www.youtube.com/watch?v=Ad3CMri3hOs 미스터 레스모어의 환상적인 책여행]&lt;br /&gt;
**소속감 : 사용자가 느끼는 소속감 강화. 소속된 그룹에서의 사회적 관계 ex) [http://www.clashofclans.co.kr/ 클래시 오브 클랜]&lt;br /&gt;
**정체성 : 개인의 취향이나, 가치관, 행동 양식 등과 같은 정체성을 드러내기 위해 동기부여. ex) [https://www.instagram.com/ 인스타그램]&lt;br /&gt;
*=&amp;gt; 같은 제품이라도 사용자에게 긍정적인 경험+동기 부여를 할 수 있게 해주는 것이 중요.&lt;br /&gt;
====사용자 커뮤니티를 통해 경험을 극대화하라====&lt;br /&gt;
*사용한다는 행위는 '소통', 사용자는 소통의 '대상'&lt;br /&gt;
*커뮤니티 서비스&lt;br /&gt;
**공통의 관심사를 바탕으로 커뮤니티 형성. 사용자의 자발적 참여를 통해 커뮤니티 유지.&lt;br /&gt;
**커뮤니티 특성의 소속감이나 구성원 사이의 교감이 중요&lt;br /&gt;
**ex) [https://band.us/home 네이버 밴드], 애니팡&lt;br /&gt;
*사용자 창작 콘텐츠&lt;br /&gt;
**개인의 창작 욕구가 핵심 가치인 콘텐츠&lt;br /&gt;
**순수한 표현욕구와 공유를 통해 표현하는 것이 매우 중요&lt;br /&gt;
**커뮤니티 구성원들의 관심이 큰 동기부여 ex) [https://www.stylesha.re/ 스타일쉐어(StyleShare)]&lt;br /&gt;
*퍼스널 큐레이팅&lt;br /&gt;
**큐레이팅(Curating) : 정보의 바다에서 사용자가 자신의 관심사나 지식, 목적에 따라 적절한 정보를 수집하고 제공하는 것&lt;br /&gt;
**대표적인 예는 수많은 블로거가 네트워크의 여러 정보를 수집하고 편집하여 자신의 블로그에 제공하는 것&lt;br /&gt;
**이런 블로그 콘텐츠들은 사용자의 적극적인 참여를 바탕으로 한 콘텐츠이며, 정보 큐레이션 생태계를 구축함.&lt;br /&gt;
**ex) 네이버나 다음의 블로그 서비스, [http://weworewhat.com/ WeWoreWhat.com]&lt;br /&gt;
====창의적으로 열린 디자인을 시도하라====&lt;br /&gt;
*유연성과 사용성의 관계 : 사용자에게 더 많은 자유를 줄수록 사용성은 그에 비례하여 낮아짐.&lt;br /&gt;
*개러지 밴드(Garage Band) vs. 로직 프로(Logic Pro) X&lt;br /&gt;
[[File:garageband.png|400px|Garage Band]][[File:logicprox.jpg|400px|Logic Pro X]]&lt;br /&gt;
**개러지 밴드 : 애플의 무료 음악 저작 소프트웨어. 연주와 창작의 즐거움을 남겨 타인과 공유하는 경험이 제품의 콘셉트&lt;br /&gt;
**로직프로X : 전문 음악가와 스튜디오를 위한 애플의 프로그램. 다양하고 복잡한 기능을 통해 풍부한 표현과 높은 품질을 만들어 낼 수 있음.&lt;br /&gt;
**각 제품이 지향하는 가치와 사용자 경험 요소는 큰 차이가 나지만, 개러지 밴드로 입문한 초보자가 로직프로X로 넘어가는 경우도 적지 않음.&lt;br /&gt;
*유연성 높은 제품 설계&lt;br /&gt;
**사용자 동기와 제품의 가치를 지속적으로 유지하라 : 열린 디자인의 제품은 제품의 목적을 직관적으로 알 수 있도록 설계. ex)[http://www.bridgeconstructor.com/ 브릿지 컨스트럭터(Bridge Constructor)]&lt;br /&gt;
**사용자 선택 정보를 유지하라 : 유연성이 높은 시스템은 사용자에게 피로감을 줄 수 있음. 이를 최소화하기 위해 사용자가 선택했던 정보나 축적한 경험을 활용. ex) 롤러코스터 타이쿤&lt;br /&gt;
**사용자 경험의 가치를 확장하라 : 사용자의 적극적이고 창의적인 노력이 어떤 형태의 보상이나 결과물로 주어지면 강력한 동기 유발. ex) [https://forums.adobe.com/docs/DOC-7045 어도비 커뮤니티의 포인트 제도]&lt;br /&gt;
**사용자 경험의 가치를 공유하라 : 공통된 관심과 욕구를 가진 사람들과 공유하여 사회적 관계를 강화. ex) [https://vimeo.com/ko/ Vimeo]&lt;br /&gt;
*창의적인 사용자는 호기심있고 자신의 욕구에 충실한 사용자. 다양한 관경에서 여러가지 조합을 실험하고 거기서 얻는 경험을 하나의 가치로 여김. ex) [https://minecraft.net/ko-kr/ 마인크래프트(Minecraft)], [https://itunes.apple.com/us/app/id742625884 Blek], [https://terms.naver.com/entry.nhn?docId=3577235&amp;amp;cid=58773&amp;amp;categoryId=58777 GTA]&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===의미있는 링크 만들기===&lt;br /&gt;
*링크 이름으로 새로운 프로그램이나 제품의 이름을 이용하지 마라&lt;br /&gt;
*문서 제목이나 제목을 링크로 이용하겠다는 생각을 재고하라&lt;br /&gt;
**링크의 의미가 제대로 전달되지 않을 수 있기 때문이다&lt;br /&gt;
*한발 앞서 생각하라 링크와 페이지 제목을 맞춰라&lt;br /&gt;
**링크와 페이지 제목이 일치하면 방문자는 제대로 된 길을 가고 있다고 생각한다.&lt;br /&gt;
*허락된 공간에서 최대한 명시적으로 써라. 필요한 자리를 만들어라.&lt;br /&gt;
*행위 링크에는 행위 절을 이용하라&lt;br /&gt;
**동사로 시작하는 링크가 더 쉽게 이해된다(한국말에서는 다르다)&lt;br /&gt;
*명사 단독 사용을 아껴라. 길게 설명하는 링크가 더 좋다&lt;br /&gt;
**이상적인 링크의 단어수는 7개에서 12개.&lt;br /&gt;
*사람들이 필요로 하면 짧은 설명을 덧붙여라. 아니면 링크를 다시 써라.&lt;br /&gt;
**링크를 의미 있기 만들어라. Click here나 More을 피하라.&lt;br /&gt;
*비슷한 링크가 여러 개 있다면 정리하라.&lt;br /&gt;
*사람들이 여러분의 정보에 머무르기를 원한다면 링크를 임베드하지 마라.&lt;br /&gt;
**사람들이 대강 읽으면 임베드링크도 괜찮다 (위키피디아 처럼)&lt;br /&gt;
**하지만 사람들이 중간에 배회하기를 원하지 않는다면 링크를 제일 밑이나 본문 옆에 둬라&lt;br /&gt;
*링크에 글머리 기호를 이용할 때는 이 기호도 클릭되게 하라&lt;br /&gt;
*방문하지 않은 링크와 방문한 링크 모두 명확히 보이게 하라&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1183</id>
		<title>UX 모임 2018-10-29</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1183"/>
				<updated>2018-10-29T07:15:57Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
==선애==&lt;br /&gt;
*웹페이지 : [[https://allinpdf.com/intro# allinpdf]]&lt;br /&gt;
===RULE6. 사용자의 생각을 디자인하라===&lt;br /&gt;
*대다수의 제품은 특정 목적을 위한 기능들로 구성되어 있고, 제품의 가치도 그 목적을 얼마나 빠르고 정확하게 만족시키느냐에 달림&lt;br /&gt;
====강력한 동기를 부여하라====&lt;br /&gt;
*사용자가 어떤 욕구를 가지고 그것을 어떤 방식으로 해소할 수 있을지에 대해 깊이 고민할 것.&lt;br /&gt;
*사용자가 스스로 동기를 부여하는 상황&lt;br /&gt;
**필요성 : 현실적인 필요성이 행동 유발 ex) 위치기반 서비스&lt;br /&gt;
**호기심 : 제품을 사용함으로써 얻는 결과 뿐만 아니라 그 과정에도 의미. 심리적 '만족'이 중요. ex) [https://www.youtube.com/watch?v=Ad3CMri3hOs 미스터 레스모어의 환상적인 책여행]&lt;br /&gt;
**소속감 : 사용자가 느끼는 소속감 강화. 소속된 그룹에서의 사회적 관계 ex) [http://www.clashofclans.co.kr/ 클래시 오브 클랜]&lt;br /&gt;
**정체성 : 개인의 취향이나, 가치관, 행동 양식 등과 같은 정체성을 드러내기 위해 동기부여. ex) [https://www.instagram.com/ 인스타그램]&lt;br /&gt;
*=&amp;gt; 같은 제품이라도 사용자에게 긍정적인 경험+동기 부여를 할 수 있게 해주는 것이 중요.&lt;br /&gt;
====사용자 커뮤니티를 통해 경험을 극대화하라====&lt;br /&gt;
*사용한다는 행위는 '소통', 사용자는 소통의 '대상'&lt;br /&gt;
*커뮤니티 서비스&lt;br /&gt;
**공통의 관심사를 바탕으로 커뮤니티 형성. 사용자의 자발적 참여를 통해 커뮤니티 유지.&lt;br /&gt;
**커뮤니티 특성의 소속감이나 구성원 사이의 교감이 중요&lt;br /&gt;
**ex) [https://band.us/home 네이버 밴드], 애니팡&lt;br /&gt;
*사용자 창작 콘텐츠&lt;br /&gt;
**개인의 창작 욕구가 핵심 가치인 콘텐츠&lt;br /&gt;
**순수한 표현욕구와 공유를 통해 표현하는 것이 매우 중요&lt;br /&gt;
**커뮤니티 구성원들의 관심이 큰 동기부여 ex) [https://www.stylesha.re/ 스타일쉐어(StyleShare)]&lt;br /&gt;
*퍼스널 큐레이팅&lt;br /&gt;
**큐레이팅(Curating) : 정보의 바다에서 사용자가 자신의 관심사나 지식, 목적에 따라 적절한 정보를 수집하고 제공하는 것&lt;br /&gt;
**대표적인 예는 수많은 블로거가 네트워크의 여러 정보를 수집하고 편집하여 자신의 블로그에 제공하는 것&lt;br /&gt;
**이런 블로그 콘텐츠들은 사용자의 적극적인 참여를 바탕으로 한 콘텐츠이며, 정보 큐레이션 생태계를 구축함.&lt;br /&gt;
**ex) 네이버나 다음의 블로그 서비스, [http://weworewhat.com/ WeWoreWhat.com]&lt;br /&gt;
====창의적으로 열린 디자인을 시도하라====&lt;br /&gt;
*유연성과 사용성의 관계 : 사용자에게 더 많은 자유를 줄수록 사용성은 그에 비례하여 낮아짐.&lt;br /&gt;
*개러지 밴드(Garage Band) vs. 로직 프로(Logic Pro) X&lt;br /&gt;
[[File:garageband.png|400px|Garage Band]][[File:logicprox.jpg|400px|Logic Pro X]]&lt;br /&gt;
**개러지 밴드 : 애플의 무료 음악 저작 소프트웨어. 연주와 창작의 즐거움을 남겨 타인과 공유하는 경험이 제품의 콘셉트&lt;br /&gt;
**로직프로X : 전문 음악가와 스튜디오를 위한 애플의 프로그램. 다양하고 복잡한 기능을 통해 풍부한 표현과 높은 품질을 만들어 낼 수 있음.&lt;br /&gt;
**각 제품이 지향하는 가치와 사용자 경험 요소는 큰 차이가 나지만, 개러지 밴드로 입문한 초보자가 로직프로X로 넘어가는 경우도 적지 않음.&lt;br /&gt;
*유연성 높은 제품 설계&lt;br /&gt;
**사용자 동기와 제품의 가치를 지속적으로 유지하라 : 열린 디자인의 제품은 제품의 목적을 직관적으로 알 수 있도록 설계. ex)[http://www.bridgeconstructor.com/ 브릿지 컨스트럭터(Bridge Constructor)]&lt;br /&gt;
**사용자 선택 정보를 유지하라 : 유연성이 높은 시스템은 사용자에게 피로감을 줄 수 있음. 이를 최소화하기 위해 사용자가 선택했던 정보나 축적한 경험을 활용. ex) 롤러코스터 타이쿤&lt;br /&gt;
**사용자 경험의 가치를 확장하라 : 사용자의 적극적이고 창의적인 노력이 어떤 형태의 보상이나 결과물로 주어지면 강력한 동기 유발. ex) [https://forums.adobe.com/docs/DOC-7045 어도비 커뮤니티의 포인트 제도]&lt;br /&gt;
**사용자 경험의 가치를 공유하라 : 공통된 관심과 욕구를 가진 사람들과 공유하여 사회적 관계를 강화. ex) [https://vimeo.com/ko/ Vimeo]&lt;br /&gt;
*창의적인 사용자는 호기심있고 자신의 욕구에 충실한 사용자. 다양한 관경에서 여러가지 조합을 실험하고 거기서 얻는 경험을 하나의 가치로 여김. ex) [https://minecraft.net/ko-kr/ 마인크래프트(Minecraft)], [https://itunes.apple.com/us/app/id742625884 Blek], [https://terms.naver.com/entry.nhn?docId=3577235&amp;amp;cid=58773&amp;amp;categoryId=58777 GTA]&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===의미있는 링크 만들기===&lt;br /&gt;
*링크 이름으로 새로운 프로그램이나 제품의 이름을 이용하지 마라&lt;br /&gt;
*문서 제목이나 제목을 링크로 이용하겠다는 생각을 재고하라&lt;br /&gt;
**링크의 의미가 제대로 전달되지 않을 수 있기 때문이다&lt;br /&gt;
*한발 앞서 생각하라 링크와 페이지 제목을 맞춰라&lt;br /&gt;
**링크와 페이지 제목이 일치하면 방문자는 제대로 된 길을 가고 있다고 생각한다.&lt;br /&gt;
*허락된 공간에서 최대한 명시적으로 써라. 필요한 자리를 만들어라.&lt;br /&gt;
*행위 링크에는 행위 절을 이용하라&lt;br /&gt;
**동사로 시작하는 링크가 더 쉽게 이해된다(한국말에서는 다르다)&lt;br /&gt;
*명사 단독 사용을 아껴라. 길게 설명하는 링크가 더 좋다&lt;br /&gt;
**이상적인 링크의 단어수는 7개에서 12개.&lt;br /&gt;
*사람들이 필요로 하면 짧은 설명을 덧붙여라. 아니면 링크를 다시 써라.&lt;br /&gt;
**링크를 의미 있기 만들어라. Click here나 More을 피하라.&lt;br /&gt;
*비슷한 링크가 여러 개 있다면 정리하라.&lt;br /&gt;
*사람들이 여러분의 정보에 머무르기를 원한다면 링크를 임베드하지 마라.&lt;br /&gt;
**사람들이 대강 읽으면 임베드링크도 괜찮다 (위키피디아 처럼)&lt;br /&gt;
**하지만 사람들이 중간에 배회하기를 원하지 않는다면 링크를 제일 밑이나 본문 옆에 둬라&lt;br /&gt;
*링크에 글머리 기호를 이용할 때는 이 기호도 클릭되게 하라&lt;br /&gt;
*방문하지 않은 링크와 방문한 링크 모두 명확히 보이게 하라&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1182</id>
		<title>UX 모임: 웹페이지 분석 - 레고</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1182"/>
				<updated>2018-10-29T07:14:48Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임 2018-10-22]]&lt;br /&gt;
*선정 이유 : 정보구조가 비교적 단순한 사이트를 선정. 제품 중의 한가지로 결정.&lt;br /&gt;
*웹페이지의 목적 : '레고'라는 제품의 소개와 홍보.&lt;br /&gt;
&lt;br /&gt;
===메인페이지&amp;amp;전체===&lt;br /&gt;
*레이아웃 : 중심배치형&lt;br /&gt;
*색 배치 : 파란색계열로 통일감을 줌.&lt;br /&gt;
*반응형 웹&lt;br /&gt;
*정보구조 : 네비게이션이 단순함. 쇼핑몰/지원/게임/레고라이프/비디오&lt;br /&gt;
*피드백 : 이미지 링크에 마우스를 올릴때 피드백이 들어감. &lt;br /&gt;
*전략 : 제품을 돋보이게끔 배치. 최근에 나온 제품이 잘 보이도록 표현. &lt;br /&gt;
*동영상의 활용 : 전략에 따라 동영상을 첨부하여 활용.&lt;br /&gt;
*아이콘 : 곳곳에 레고 모양의 아이콘으로 디자인.&lt;br /&gt;
&lt;br /&gt;
===쇼핑몰===&lt;br /&gt;
*외부 페이지로 이동. shop.lego.com&lt;br /&gt;
*여타 쇼핑몰의 레이아웃과 비슷&lt;br /&gt;
*외국느낌...&lt;br /&gt;
&lt;br /&gt;
===제품정보===&lt;br /&gt;
*제품정보에 접근하기 위한 카테고리 : 제품, 테마, 카테고리, 연령별&lt;br /&gt;
*제품 자체의 타깃 : 어린아이들&lt;br /&gt;
*웹페이지의 타깃 : 어린아이들 or 어린아이를 둔 부모? or 레고마니아?&lt;br /&gt;
*제품 시리즈별로 배경과 색감이 달라짐. =&amp;gt; 제품 자체의 고유 브랜드보다 세부 주제에 맞는 어필. 다양한 색감과 형태의 조립 장난감.&lt;br /&gt;
&lt;br /&gt;
===지원===&lt;br /&gt;
*의문형의 글 배치+큼직한 글씨.&lt;br /&gt;
*신뢰감을 주는 초록색+심플한 레이아웃과 배치.&lt;br /&gt;
*도움말의 경우 팝업 형식으로 정보 제공 =&amp;gt; 괜찮은가?&lt;br /&gt;
&lt;br /&gt;
===게임===&lt;br /&gt;
*웹게임/앱게임/비디오게임의 세가지 종류를 제공&lt;br /&gt;
*웹게임의 경우 다양한 유형의 게임 제공. 360도 가상공간+애니메이션을 접목하여 제공하는 것도 있음.&lt;br /&gt;
&lt;br /&gt;
===LEGO LIFE===&lt;br /&gt;
*TOP버튼이 매우 맘에 듦.&lt;br /&gt;
&lt;br /&gt;
===총평===&lt;br /&gt;
*아쉬운점 : 글로벌 사이트라서 어쩔 수 없는 번역문.&lt;br /&gt;
*특징 : 이미지 위주의 정보제공. 큰 화면의 이미지에 간략한 텍스트 추가.  제품별 연관정보 제공. 전체적인 통일감 보다는 각각의 정보페이지의 특성에 맞게 세부 디자인을 별도로 하고 있음.&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1179</id>
		<title>UX 모임 2018-10-29</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1179"/>
				<updated>2018-10-28T12:36:09Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE6. 사용자의 생각을 디자인하라===&lt;br /&gt;
*대다수의 제품은 특정 목적을 위한 기능들로 구성되어 있고, 제품의 가치도 그 목적을 얼마나 빠르고 정확하게 만족시키느냐에 달림&lt;br /&gt;
====강력한 동기를 부여하라====&lt;br /&gt;
*사용자가 어떤 욕구를 가지고 그것을 어떤 방식으로 해소할 수 있을지에 대해 깊이 고민할 것.&lt;br /&gt;
*사용자가 스스로 동기를 부여하는 상황&lt;br /&gt;
**필요성 : 현실적인 필요성이 행동 유발 ex) 위치기반 서비스&lt;br /&gt;
**호기심 : 제품을 사용함으로써 얻는 결과 뿐만 아니라 그 과정에도 의미. 심리적 '만족'이 중요. ex) [https://www.youtube.com/watch?v=Ad3CMri3hOs 미스터 레스모어의 환상적인 책여행]&lt;br /&gt;
**소속감 : 사용자가 느끼는 소속감 강화. 소속된 그룹에서의 사회적 관계 ex) [http://www.clashofclans.co.kr/ 클래시 오브 클랜]&lt;br /&gt;
**정체성 : 개인의 취향이나, 가치관, 행동 양식 등과 같은 정체성을 드러내기 위해 동기부여. ex) [https://www.instagram.com/ 인스타그램]&lt;br /&gt;
*=&amp;gt; 같은 제품이라도 사용자에게 긍정적인 경험+동기 부여를 할 수 있게 해주는 것이 중요.&lt;br /&gt;
====사용자 커뮤니티를 통해 경험을 극대화하라====&lt;br /&gt;
*사용한다는 행위는 '소통', 사용자는 소통의 '대상'&lt;br /&gt;
*커뮤니티 서비스&lt;br /&gt;
**공통의 관심사를 바탕으로 커뮤니티 형성. 사용자의 자발적 참여를 통해 커뮤니티 유지.&lt;br /&gt;
**커뮤니티 특성의 소속감이나 구성원 사이의 교감이 중요&lt;br /&gt;
**ex) [https://band.us/home 네이버 밴드], 애니팡&lt;br /&gt;
*사용자 창작 콘텐츠&lt;br /&gt;
**개인의 창작 욕구가 핵심 가치인 콘텐츠&lt;br /&gt;
**순수한 표현욕구와 공유를 통해 표현하는 것이 매우 중요&lt;br /&gt;
**커뮤니티 구성원들의 관심이 큰 동기부여 ex) [https://www.stylesha.re/ 스타일쉐어(StyleShare)]&lt;br /&gt;
*퍼스널 큐레이팅&lt;br /&gt;
**큐레이팅(Curating) : 정보의 바다에서 사용자가 자신의 관심사나 지식, 목적에 따라 적절한 정보를 수집하고 제공하는 것&lt;br /&gt;
**대표적인 예는 수많은 블로거가 네트워크의 여러 정보를 수집하고 편집하여 자신의 블로그에 제공하는 것&lt;br /&gt;
**이런 블로그 콘텐츠들은 사용자의 적극적인 참여를 바탕으로 한 콘텐츠이며, 정보 큐레이션 생태계를 구축함.&lt;br /&gt;
**ex) 네이버나 다음의 블로그 서비스, [http://weworewhat.com/ WeWoreWhat.com]&lt;br /&gt;
====창의적으로 열린 디자인을 시도하라====&lt;br /&gt;
*유연성과 사용성의 관계 : 사용자에게 더 많은 자유를 줄수록 사용성은 그에 비례하여 낮아짐.&lt;br /&gt;
*개러지 밴드(Garage Band) vs. 로직 프로(Logic Pro) X&lt;br /&gt;
[[File:garageband.png|400px|Garage Band]][[File:logicprox.jpg|400px|Logic Pro X]]&lt;br /&gt;
**개러지 밴드 : 애플의 무료 음악 저작 소프트웨어. 연주와 창작의 즐거움을 남겨 타인과 공유하는 경험이 제품의 콘셉트&lt;br /&gt;
**로직프로X : 전문 음악가와 스튜디오를 위한 애플의 프로그램. 다양하고 복잡한 기능을 통해 풍부한 표현과 높은 품질을 만들어 낼 수 있음.&lt;br /&gt;
**각 제품이 지향하는 가치와 사용자 경험 요소는 큰 차이가 나지만, 개러지 밴드로 입문한 초보자가 로직프로X로 넘어가는 경우도 적지 않음.&lt;br /&gt;
*유연성 높은 제품 설계&lt;br /&gt;
**사용자 동기와 제품의 가치를 지속적으로 유지하라 : 열린 디자인의 제품은 제품의 목적을 직관적으로 알 수 있도록 설계. ex)[http://www.bridgeconstructor.com/ 브릿지 컨스트럭터(Bridge Constructor)]&lt;br /&gt;
**사용자 선택 정보를 유지하라 : 유연성이 높은 시스템은 사용자에게 피로감을 줄 수 있음. 이를 최소화하기 위해 사용자가 선택했던 정보나 축적한 경험을 활용. ex) 롤러코스터 타이쿤&lt;br /&gt;
**사용자 경험의 가치를 확장하라 : 사용자의 적극적이고 창의적인 노력이 어떤 형태의 보상이나 결과물로 주어지면 강력한 동기 유발. ex) [https://forums.adobe.com/docs/DOC-7045 어도비 커뮤니티의 포인트 제도]&lt;br /&gt;
**사용자 경험의 가치를 공유하라 : 공통된 관심과 욕구를 가진 사람들과 공유하여 사회적 관계를 강화. ex) [https://vimeo.com/ko/ Vimeo]&lt;br /&gt;
*창의적인 사용자는 호기심있고 자신의 욕구에 충실한 사용자. 다양한 관경에서 여러가지 조합을 실험하고 거기서 얻는 경험을 하나의 가치로 여김. ex) [https://minecraft.net/ko-kr/ 마인크래프트(Minecraft)], [https://itunes.apple.com/us/app/id742625884 Blek], [https://terms.naver.com/entry.nhn?docId=3577235&amp;amp;cid=58773&amp;amp;categoryId=58777 GTA]&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=File:Logicprox.jpg&amp;diff=1177</id>
		<title>File:Logicprox.jpg</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=File:Logicprox.jpg&amp;diff=1177"/>
				<updated>2018-10-28T12:34:48Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: File uploaded with MsUpload&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;File uploaded with MsUpload&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=File:Garageband.png&amp;diff=1178</id>
		<title>File:Garageband.png</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=File:Garageband.png&amp;diff=1178"/>
				<updated>2018-10-28T12:34:48Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: File uploaded with MsUpload&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;File uploaded with MsUpload&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1176</id>
		<title>UX 모임 2018-10-29</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1176"/>
				<updated>2018-10-28T12:29:59Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* RULE6. 사용자의 생각을 디자인하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE6. 사용자의 생각을 디자인하라===&lt;br /&gt;
*대다수의 제품은 특정 목적을 위한 기능들로 구성되어 있고, 제품의 가치도 그 목적을 얼마나 빠르고 정확하게 만족시키느냐에 달림&lt;br /&gt;
====강력한 동기를 부여하라====&lt;br /&gt;
*사용자가 어떤 욕구를 가지고 그것을 어떤 방식으로 해소할 수 있을지에 대해 깊이 고민할 것.&lt;br /&gt;
*사용자가 스스로 동기를 부여하는 상황&lt;br /&gt;
**필요성 : 현실적인 필요성이 행동 유발 ex) 위치기반 서비스&lt;br /&gt;
**호기심 : 제품을 사용함으로써 얻는 결과 뿐만 아니라 그 과정에도 의미. 심리적 '만족'이 중요. ex) [https://www.youtube.com/watch?v=Ad3CMri3hOs 미스터 레스모어의 환상적인 책여행]&lt;br /&gt;
**소속감 : 사용자가 느끼는 소속감 강화. 소속된 그룹에서의 사회적 관계 ex) [http://www.clashofclans.co.kr/ 클래시 오브 클랜]&lt;br /&gt;
**정체성 : 개인의 취향이나, 가치관, 행동 양식 등과 같은 정체성을 드러내기 위해 동기부여. ex) [https://www.instagram.com/ 인스타그램]&lt;br /&gt;
*=&amp;gt; 같은 제품이라도 사용자에게 긍정적인 경험+동기 부여를 할 수 있게 해주는 것이 중요.&lt;br /&gt;
====사용자 커뮤니티를 통해 경험을 극대화하라====&lt;br /&gt;
*사용한다는 행위는 '소통', 사용자는 소통의 '대상'&lt;br /&gt;
*커뮤니티 서비스&lt;br /&gt;
**공통의 관심사를 바탕으로 커뮤니티 형성. 사용자의 자발적 참여를 통해 커뮤니티 유지.&lt;br /&gt;
**커뮤니티 특성의 소속감이나 구성원 사이의 교감이 중요&lt;br /&gt;
**ex) [https://band.us/home 네이버 밴드], 애니팡&lt;br /&gt;
*사용자 창작 콘텐츠&lt;br /&gt;
**개인의 창작 욕구가 핵심 가치인 콘텐츠&lt;br /&gt;
**순수한 표현욕구와 공유를 통해 표현하는 것이 매우 중요&lt;br /&gt;
**커뮤니티 구성원들의 관심이 큰 동기부여 ex) [https://www.stylesha.re/ 스타일쉐어(StyleShare)]&lt;br /&gt;
*퍼스널 큐레이팅&lt;br /&gt;
**큐레이팅(Curating) : 정보의 바다에서 사용자가 자신의 관심사나 지식, 목적에 따라 적절한 정보를 수집하고 제공하는 것&lt;br /&gt;
**대표적인 예는 수많은 블로거가 네트워크의 여러 정보를 수집하고 편집하여 자신의 블로그에 제공하는 것&lt;br /&gt;
**이런 블로그 콘텐츠들은 사용자의 적극적인 참여를 바탕으로 한 콘텐츠이며, 정보 큐레이션 생태계를 구축함.&lt;br /&gt;
**ex) 네이버나 다음의 블로그 서비스, [http://weworewhat.com/ WeWoreWhat.com]&lt;br /&gt;
====창의적으로 열린 디자인을 시도하라====&lt;br /&gt;
*유연성과 사용성의 관계 : 사용자에게 더 많은 자유를 줄수록 사용성은 그에 비례하여 낮아짐.&lt;br /&gt;
*개러지 밴드(Garage Band) vs. 로직 프로(Logic Pro) X&lt;br /&gt;
**개러지 밴드 : 애플의 무료 음악 저작 소프트웨어. 연주와 창작의 즐거움을 남겨 타인과 공유하는 경험이 제품의 콘셉트&lt;br /&gt;
**로직프로X : 전문 음악가와 스튜디오를 위한 애플의 프로그램. 다양하고 복잡한 기능을 통해 풍부한 표현과 높은 품질을 만들어 낼 수 있음.&lt;br /&gt;
**각 제품이 지향하는 가치와 사용자 경험 요소는 큰 차이가 나지만, 개러지 밴드로 입문한 초보자가 로직프로X로 넘어가는 경우도 적지 않음.&lt;br /&gt;
*유연성 높은 제품 설계&lt;br /&gt;
**사용자 동기와 제품의 가치를 지속적으로 유지하라 : 열린 디자인의 제품은 제품의 목적을 직관적으로 알 수 있도록 설계. ex)[http://www.bridgeconstructor.com/ 브릿지 컨스트럭터(Bridge Constructor)]&lt;br /&gt;
**사용자 선택 정보를 유지하라 : 유연성이 높은 시스템은 사용자에게 피로감을 줄 수 있음. 이를 최소화하기 위해 사용자가 선택했던 정보나 축적한 경험을 활용. ex) 롤러코스터 타이쿤&lt;br /&gt;
**사용자 경험의 가치를 확장하라 : 사용자의 적극적이고 창의적인 노력이 어떤 형태의 보상이나 결과물로 주어지면 강력한 동기 유발. ex) [https://forums.adobe.com/docs/DOC-7045 어도비 커뮤니티의 포인트 제도]&lt;br /&gt;
**사용자 경험의 가치를 공유하라 : 공통된 관심과 욕구를 가진 사람들과 공유하여 사회적 관계를 강화. ex) [https://vimeo.com/ko/ Vimeo]&lt;br /&gt;
*창의적인 사용자는 호기심있고 자신의 욕구에 충실한 사용자. 다양한 관경에서 여러가지 조합을 실험하고 거기서 얻는 경험을 하나의 가치로 여김. ex) [https://minecraft.net/ko-kr/ 마인크래프트(Minecraft)], [https://itunes.apple.com/us/app/id742625884 Blek], [https://terms.naver.com/entry.nhn?docId=3577235&amp;amp;cid=58773&amp;amp;categoryId=58777 GTA]&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1175</id>
		<title>UX 모임 2018-10-29</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1175"/>
				<updated>2018-10-28T11:58:18Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 사용자 커뮤니티를 통해 경험을 극대화하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE6. 사용자의 생각을 디자인하라===&lt;br /&gt;
*대다수의 제품은 특정 목적을 위한 기능들로 구성되어 있고, 제품의 가치도 그 목적을 얼마나 빠르고 정확하게 만족시키느냐에 달림&lt;br /&gt;
====강력한 동기를 부여하라====&lt;br /&gt;
*사용자가 어떤 욕구를 가지고 그것을 어떤 방식으로 해소할 수 있을지에 대해 깊이 고민할 것.&lt;br /&gt;
*사용자가 스스로 동기를 부여하는 상황&lt;br /&gt;
**필요성 : 현실적인 필요성이 행동 유발 ex) 위치기반 서비스&lt;br /&gt;
**호기심 : 제품을 사용함으로써 얻는 결과 뿐만 아니라 그 과정에도 의미. 심리적 '만족'이 중요. ex) 미스터 레스모어의 환상적인 책여행&lt;br /&gt;
**소속감 : 사용자가 느끼는 소속감 강화. 소속된 그룹에서의 사회적 관계 ex) 클래시 오브 클랜&lt;br /&gt;
**정체성 : 개인의 취향이나, 가치관, 행동 양식 등과 같은 정체성을 드러내기 위해 동기부여. ex) 인스타그램&lt;br /&gt;
*=&amp;gt; 같은 제품이라도 사용자에게 긍정적인 경험+동기 부여를 할 수 있게 해주는 것이 중요.&lt;br /&gt;
====사용자 커뮤니티를 통해 경험을 극대화하라====&lt;br /&gt;
*사용한다는 행위는 '소통', 사용자는 소통의 '대상'&lt;br /&gt;
*커뮤니티 서비스&lt;br /&gt;
**공통의 관심사를 바탕으로 커뮤니티 형성. 사용자의 자발적 참여를 통해 커뮤니티 유지.&lt;br /&gt;
**커뮤니티 특성의 소속감이나 구성원 사이의 교감이 중요&lt;br /&gt;
**ex) 네이버 밴드, 애니팡&lt;br /&gt;
*사용자 창작 콘텐츠&lt;br /&gt;
**개인의 창작 욕구가 핵심 가치인 콘텐츠&lt;br /&gt;
**순수한 표현욕구와 공유를 통해 표현하는 것이 매우 중요&lt;br /&gt;
**커뮤니티 구성원들의 관심이 큰 동기부여 ex) 스타일쉐어(StyleShare)&lt;br /&gt;
*퍼스널 큐레이팅&lt;br /&gt;
**큐레이팅(Curating) : 정보의 바다에서 사용자가 자신의 관심사나 지식, 목적에 따라 적절한 정보를 수집하고 제공하는 것&lt;br /&gt;
**대표적인 예는 수많은 블로거가 네트워크의 여러 정보를 수집하고 편집하여 자신의 블로그에 제공하는 것&lt;br /&gt;
**이런 블로그 콘텐츠들은 사용자의 적극적인 참여를 바탕으로 한 콘텐츠이며, 정보 큐레이션 생태계를 구축함.&lt;br /&gt;
**ex) 네이버나 다음의 블로그 서비스, WeWoreWhat.com&lt;br /&gt;
====창의적으로 열린 디자인을 시도하라====&lt;br /&gt;
*유연성과 사용성의 관계 : 사용자에게 더 많은 자유를 줄수록 사용성은 그에 비례하여 낮아짐.&lt;br /&gt;
*개러지 밴드(Garage Band) vs. 로직 프로(Logic Pro) X&lt;br /&gt;
**개러지 밴드 : 애플의 무료 음악 저작 소프트웨어. 연주와 창작의 즐거움을 남겨 타인과 공유하는 경험이 제품의 콘셉트&lt;br /&gt;
**로직프로X : 전문 음악가와 스튜디오를 위한 애플의 프로그램. 다양하고 복잡한 기능을 통해 풍부한 표현과 높은 품질을 만들어 낼 수 있음.&lt;br /&gt;
**각 제품이 지향하는 가치와 사용자 경험 요소는 큰 차이가 나지만, 개러지 밴드로 입문한 초보자가 로직프로X로 넘어가는 경우도 적지 않음.&lt;br /&gt;
*유연성 높은 제품 설계&lt;br /&gt;
**사용자 동기와 제품의 가치를 지속적으로 유지하라 : 열린 디자인의 제품은 제품의 목적을 직관적으로 알 수 있도록 설계. ex)브릿지 컨스트럭터(Bridge Constructor)&lt;br /&gt;
**사용자 선택 정보를 유지하라 : 유연성이 높은 시스템은 사용자에게 피로감을 줄 수 있음. 이를 최소화하기 위해 사용자가 선택했던 정보나 축적한 경험을 활용. ex) 롤러코스터 타이쿤&lt;br /&gt;
**사용자 경험의 가치를 확장하라 : 사용자의 적극적이고 창의적인 노력이 어떤 형태의 보상이나 결과물로 주어지면 강력한 동기 유발. ex) 어도비 커뮤니티의 포인트 제도&lt;br /&gt;
**사용자 경험의 가치를 공유하라 : 공통된 관심과 욕구를 가진 사람들과 공유하여 사회적 관계를 강화. ex) Vimeo&lt;br /&gt;
*창의적인 사용자는 호기심있고 자신의 욕구에 충실한 사용자. 다양한 관경에서 여러가지 조합을 실험하고 거기서 얻는 경험을 하나의 가치로 여김. ex) 마인크래프트(Minecraft), Blek, GTA&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1174</id>
		<title>UX 모임 2018-10-29</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1174"/>
				<updated>2018-10-28T10:48:04Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* RULE6. 사용자의 생각을 디자인하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE6. 사용자의 생각을 디자인하라===&lt;br /&gt;
*대다수의 제품은 특정 목적을 위한 기능들로 구성되어 있고, 제품의 가치도 그 목적을 얼마나 빠르고 정확하게 만족시키느냐에 달림&lt;br /&gt;
====강력한 동기를 부여하라====&lt;br /&gt;
*사용자가 어떤 욕구를 가지고 그것을 어떤 방식으로 해소할 수 있을지에 대해 깊이 고민할 것.&lt;br /&gt;
*사용자가 스스로 동기를 부여하는 상황&lt;br /&gt;
**필요성 : 현실적인 필요성이 행동 유발 ex) 위치기반 서비스&lt;br /&gt;
**호기심 : 제품을 사용함으로써 얻는 결과 뿐만 아니라 그 과정에도 의미. 심리적 '만족'이 중요. ex) 미스터 레스모어의 환상적인 책여행&lt;br /&gt;
**소속감 : 사용자가 느끼는 소속감 강화. 소속된 그룹에서의 사회적 관계 ex) 클래시 오브 클랜&lt;br /&gt;
**정체성 : 개인의 취향이나, 가치관, 행동 양식 등과 같은 정체성을 드러내기 위해 동기부여. ex) 인스타그램&lt;br /&gt;
*=&amp;gt; 같은 제품이라도 사용자에게 긍정적인 경험+동기 부여를 할 수 있게 해주는 것이 중요.&lt;br /&gt;
====사용자 커뮤니티를 통해 경험을 극대화하라====&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1173</id>
		<title>UX 모임 2018-10-29</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-29&amp;diff=1173"/>
				<updated>2018-10-28T10:42:24Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: Created page with &amp;quot;==선애== ===RULE6. 사용자의 생각을 디자인하라===&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE6. 사용자의 생각을 디자인하라===&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EB%A9%94%EC%9D%B8&amp;diff=1172</id>
		<title>UX 모임: 메인</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EB%A9%94%EC%9D%B8&amp;diff=1172"/>
				<updated>2018-10-28T10:41:51Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 회의록 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;center&amp;gt;'''A collaborative exploration of ideas and solutions with [[User:Pinnochio|김현규]] &amp;amp; [[User:Seonae|조선애]]'''&amp;lt;/center&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==회의록==&lt;br /&gt;
*[[UX 모임 2018-07-09]]&lt;br /&gt;
*[[UX 모임 2018-07-29]]&lt;br /&gt;
*[[UX 모임 2018-08-06]]&lt;br /&gt;
*[[UX 모임 2018-08-13]]&lt;br /&gt;
*[[UX 모임 2018-08-20]]&lt;br /&gt;
*[[UX 모임 2018-08-27]]&lt;br /&gt;
*[[UX 모임 2018-10-08]]&lt;br /&gt;
*[[UX 모임 2018-10-22]]&lt;br /&gt;
*[[UX 모임 2018-10-29]]&lt;br /&gt;
&lt;br /&gt;
==참고 자료==&lt;br /&gt;
&lt;br /&gt;
===책===&lt;br /&gt;
====살펴 본====&lt;br /&gt;
*[http://www.designkit.org/ IDEO 인간중심 디자인툴킷] (린지)&lt;br /&gt;
&lt;br /&gt;
====살펴 보는 중====&lt;br /&gt;
*[http://www.yes24.com/24/goods/15679476?scode=032&amp;amp;OzSrank=1  『좋아 보이는 것들의 비밀, UX 디자인』, 김경홍 저, 길벗]  (조선애)&lt;br /&gt;
*[http://www.yes24.com/24/goods/5929794?scode=032&amp;amp;OzSrank=1 『콘텐츠 ux디자인』, 재니스 레디쉬 저, 위키북스] (김현규)&lt;br /&gt;
*[https://www.amazon.com/Design-Everyday-Things-Revised-Expanded-ebook/dp/B00E257T6C The Design of Everyday Things: Revised and Expanded Edition]. Norman, Don. 2013. (린지)&lt;br /&gt;
&lt;br /&gt;
====살펴 볼(?)====&lt;br /&gt;
*[http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&amp;amp;mallGb=KOR&amp;amp;barcode=9788965402169&amp;amp;orderClick=LAG&amp;amp;Kc= 사용자 경험을 창조하는 UX/UI 디자인]&lt;br /&gt;
*[http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&amp;amp;mallGb=KOR&amp;amp;barcode=9791160502831&amp;amp;orderClick=LAG&amp;amp;Kc= 버려지는 디자인, 통과되는 디자인]&lt;br /&gt;
*[http://www.yes24.com/24/Goods/30468592?Acode=101 디자이너가 아닌 사람들을 위한 디자인북] - 디자인의 A to Z를 알려주는 책. 디자인 기본서.&lt;br /&gt;
*[http://www.yes24.com/24/goods/4522066?scode=032&amp;amp;OzSrank=1 『UX DESIGN』, 노주환 저, 멘토르] : 간단한 개념위주 소개, 사례부족&lt;br /&gt;
*[https://www.amazon.com/Communicating-User-Experience-Practical-Documentation/dp/1119971101 『Communicating the User Experience』]&lt;br /&gt;
*[https://www.amazon.com/Designing-User-Interface-Human-Computer-Interaction/dp/0321537351 『Designing the User Interface』]&lt;br /&gt;
*[http://www.yes24.com/24/goods/6585853?scode=032&amp;amp;OzSrank=1  『Human Computer Interaction 개론』] : 저자가 HCI/UX분야 교수. 기본적인 원리와 구체적인 방법을 다룬다고 함.&lt;br /&gt;
&lt;br /&gt;
===웹사이트===&lt;br /&gt;
*[https://medium.com/tag/ux Medium.com UX Tag]&lt;br /&gt;
*[https://www.interaction-design.org/literature/topics/ux-design User Experience (UX) Design / The Interaction Design Foundation]&lt;br /&gt;
*[https://blog.marvelapp.com/ Marvel App]&lt;br /&gt;
**[https://blog.marvelapp.com/introduction-user-experience-design/ An Introduction to User Experience Design]&lt;br /&gt;
**[https://blog.marvelapp.com/design-principles-help-shape-best-user-experience/ Design Principles That Help You]]&lt;br /&gt;
*[https://uxdesign.cc/ UX Collective]&lt;br /&gt;
**[https://uxdesign.cc/ux-design-methods-deliverables-657f54ce3c7d UX Design Methods &amp;amp; Deliverables]&lt;br /&gt;
**[https://uxdesign.cc/ux-sites-and-blogs-780a304766ee UX Sites and Blogs]&lt;br /&gt;
**[https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94 Designing for accessibility is not that hard / Pablo Stanley]&lt;br /&gt;
**[https://uxdesign.cc/solving-design-problems-finding-ux-tools-methods-activities-51140251a2a5 Solving design problems: finding UX tools, methods, and activities / Stéphanie Walter]&lt;br /&gt;
**[https://uxdesign.cc/how-to-develop-an-eye-for-design-c5a4c64bb26c How to develop an eye for Design / Kathleen Warner]&lt;br /&gt;
*[https://blog.prototypr.io/ Prototypr]&lt;br /&gt;
**[https://blog.prototypr.io/what-makes-ux-design-your-passion-31a6fcf0da4f What Makes UX Design Your Passion? / Saadia Minhas]&lt;br /&gt;
*[https://blog.nicolesaidy.com/7-steps-to-become-a-ui-ux-designer-8beed7639a95 7 steps to become a UI/UX designer / Nicole Saidy]&lt;br /&gt;
*[https://uxmastery.com/ UX Mastery]&lt;br /&gt;
**[https://uxmastery.com/how-to-run-an-heuristic-evaluation/ How to run an heuristic evaluation]&lt;br /&gt;
*[http://www.ux-lady.com/ UX Lady]&lt;br /&gt;
**[http://www.ux-lady.com/introduction-to-user-personas/ Introduction to User Personas]&lt;br /&gt;
*[https://uxplanet.org/ UX Planet]&lt;br /&gt;
**[https://uxplanet.org/7-basic-design-principles-we-forget-about-8f5c15d4b527 7 Basic Design Principles We Forget About /  Eugen Eşanu]&lt;br /&gt;
**[https://uxplanet.org/10-small-design-mistakes-we-still-make-1cd5f60bc708 10 Small Design Mistakes We Still Make / Eugen Eşanu]&lt;br /&gt;
*[https://www.smashingmagazine.com/ Smashing Magazine]&lt;br /&gt;
**[https://www.smashingmagazine.com/2012/01/stop-designing-pages-start-designing-flows/ Stop Designing Pages And Start Designing User Flows / Morgan Brown]&lt;br /&gt;
*[https://m.signalvnoise.com/ Signal v. Noise]&lt;br /&gt;
**[https://signalvnoise.com/posts/1926-a-shorthand-for-designing-ui-flows A shorthand for designing UI flows / Signal v. Noise]&lt;br /&gt;
*[https://designshack.net/ design shack] - 디자인에 관한 다양한 정보, 기사들과 함께 많은 예시가 수록되어있는 사이트&lt;br /&gt;
*[http://www.lovelyui.com/ lovelyui] - 좋은 ui패턴들을 수록. 모바일 중심&lt;br /&gt;
*[http://uxdesignweekly.com/ uxdesignweekly] - ux design 관련 다양한 기사들 수록.&lt;br /&gt;
*[https://www.designspiration.net/ designinspiration] - 디자인 영감을 얻기위한 사이트&lt;br /&gt;
*[https://www.webdesignerdepot.com/ webdesignerdepot] - 디자인 관련 트렌드와 사례 수록&lt;br /&gt;
*[https://html.com/blog/23-scientific-website-eye-tracking-studies/  Eye-Tracking Studies: 23 Actionable Lessons]&lt;br /&gt;
&lt;br /&gt;
===온라인 강의 등===&lt;br /&gt;
&lt;br /&gt;
====들어 본====&lt;br /&gt;
*[https://www.edx.org/course/design-thinking-advanced-topics Design Thinking: UX and Advanced Topics / Microsoft] (린지)&lt;br /&gt;
&lt;br /&gt;
====들어 볼(?)====&lt;br /&gt;
*[https://www.coursera.org/courses?languages=en&amp;amp;query=ux+design Coursera (대부분 유료)]&lt;br /&gt;
*[https://www.lynda.com/search?q=UX Lynda.com (유료)]&lt;br /&gt;
*[https://www.edx.org/course?search_query=UX edX (무료 &amp;amp; 유료)]&lt;br /&gt;
*[https://www.coursera.org/specializations/interaction-design#faq-list Coursera 디자인강좌] : 세션별, 프로젝트, 영어, 8/6~가능&lt;br /&gt;
*[https://antony-conboy.teachable.com/p/ux-ui-design-fundamentals/?preview=logged_out UX hop] : UX 디자인에 관한 영상 보유&lt;br /&gt;
*[https://www.youtube.com/watch?v=I0-vBdh4sZ8&amp;amp;feature=youtu.be UX Design Tutorial for Beginners ] : 바로 위에거 강좌 1&lt;br /&gt;
*[https://www.youtube.com/watch?v=zW2QMA9F7ao&amp;amp;feature=youtu.be UX/UI 기획 기초 1강|T아카데미] : sk T아카데미의 ux/ui 강좌&lt;br /&gt;
*[https://www.youtube.com/watch?v=c18MmCzbBSI 3 UX Principles We Can Learn from Steve Jobs] &lt;br /&gt;
*[https://www.mluxacademy.com/ mluxacademy] : 바로 위에거 사이트&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1163</id>
		<title>UX 모임: 웹페이지 분석 - 레고</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1163"/>
				<updated>2018-10-15T07:37:55Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임 2018-10-15]]&lt;br /&gt;
*선정 이유 : 정보구조가 비교적 단순한 사이트를 선정. 제품 중의 한가지로 결정.&lt;br /&gt;
*웹페이지의 목적 : '레고'라는 제품의 소개와 홍보.&lt;br /&gt;
&lt;br /&gt;
===메인페이지&amp;amp;전체===&lt;br /&gt;
*레이아웃 : 중심배치형&lt;br /&gt;
*색 배치 : 파란색계열로 통일감을 줌.&lt;br /&gt;
*반응형 웹&lt;br /&gt;
*정보구조 : 네비게이션이 단순함. 쇼핑몰/지원/게임/레고라이프/비디오&lt;br /&gt;
*피드백 : 이미지 링크에 마우스를 올릴때 피드백이 들어감. &lt;br /&gt;
*전략 : 제품을 돋보이게끔 배치. 최근에 나온 제품이 잘 보이도록 표현. &lt;br /&gt;
*동영상의 활용 : 전략에 따라 동영상을 첨부하여 활용.&lt;br /&gt;
*아이콘 : 곳곳에 레고 모양의 아이콘으로 디자인.&lt;br /&gt;
&lt;br /&gt;
===쇼핑몰===&lt;br /&gt;
*외부 페이지로 이동. shop.lego.com&lt;br /&gt;
*여타 쇼핑몰의 레이아웃과 비슷&lt;br /&gt;
*외국느낌...&lt;br /&gt;
&lt;br /&gt;
===제품정보===&lt;br /&gt;
*제품정보에 접근하기 위한 카테고리 : 제품, 테마, 카테고리, 연령별&lt;br /&gt;
*제품 자체의 타깃 : 어린아이들&lt;br /&gt;
*웹페이지의 타깃 : 어린아이들 or 어린아이를 둔 부모? or 레고마니아?&lt;br /&gt;
*제품 시리즈별로 배경과 색감이 달라짐. =&amp;gt; 제품 자체의 고유 브랜드보다 세부 주제에 맞는 어필. 다양한 색감과 형태의 조립 장난감.&lt;br /&gt;
&lt;br /&gt;
===지원===&lt;br /&gt;
*의문형의 글 배치+큼직한 글씨.&lt;br /&gt;
*신뢰감을 주는 초록색+심플한 레이아웃과 배치.&lt;br /&gt;
*도움말의 경우 팝업 형식으로 정보 제공 =&amp;gt; 괜찮은가?&lt;br /&gt;
&lt;br /&gt;
===게임===&lt;br /&gt;
*웹게임/앱게임/비디오게임의 세가지 종류를 제공&lt;br /&gt;
*웹게임의 경우 다양한 유형의 게임 제공. 360도 가상공간+애니메이션을 접목하여 제공하는 것도 있음.&lt;br /&gt;
&lt;br /&gt;
===LEGO LIFE===&lt;br /&gt;
*TOP버튼이 매우 맘에 듦.&lt;br /&gt;
&lt;br /&gt;
===총평===&lt;br /&gt;
*아쉬운점 : 글로벌 사이트라서 어쩔 수 없는 번역문.&lt;br /&gt;
*특징 : 이미지 위주의 정보제공. 큰 화면의 이미지에 간략한 텍스트 추가.  제품별 연관정보 제공. 전체적인 통일감 보다는 각각의 정보페이지의 특성에 맞게 세부 디자인을 별도로 하고 있음.&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1162</id>
		<title>UX 모임: 웹페이지 분석 - 레고</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1162"/>
				<updated>2018-10-15T07:37:13Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;*선정 이유 : 정보구조가 비교적 단순한 사이트를 선정. 제품 중의 한가지로 결정.&lt;br /&gt;
*웹페이지의 목적 : '레고'라는 제품의 소개와 홍보.&lt;br /&gt;
&lt;br /&gt;
===메인페이지&amp;amp;전체===&lt;br /&gt;
*레이아웃 : 중심배치형&lt;br /&gt;
*색 배치 : 파란색계열로 통일감을 줌.&lt;br /&gt;
*반응형 웹&lt;br /&gt;
*정보구조 : 네비게이션이 단순함. 쇼핑몰/지원/게임/레고라이프/비디오&lt;br /&gt;
*피드백 : 이미지 링크에 마우스를 올릴때 피드백이 들어감. &lt;br /&gt;
*전략 : 제품을 돋보이게끔 배치. 최근에 나온 제품이 잘 보이도록 표현. &lt;br /&gt;
*동영상의 활용 : 전략에 따라 동영상을 첨부하여 활용.&lt;br /&gt;
*아이콘 : 곳곳에 레고 모양의 아이콘으로 디자인.&lt;br /&gt;
&lt;br /&gt;
===쇼핑몰===&lt;br /&gt;
*외부 페이지로 이동. shop.lego.com&lt;br /&gt;
*여타 쇼핑몰의 레이아웃과 비슷&lt;br /&gt;
*외국느낌...&lt;br /&gt;
&lt;br /&gt;
===제품정보===&lt;br /&gt;
*제품정보에 접근하기 위한 카테고리 : 제품, 테마, 카테고리, 연령별&lt;br /&gt;
*제품 자체의 타깃 : 어린아이들&lt;br /&gt;
*웹페이지의 타깃 : 어린아이들 or 어린아이를 둔 부모? or 레고마니아?&lt;br /&gt;
*제품 시리즈별로 배경과 색감이 달라짐. =&amp;gt; 제품 자체의 고유 브랜드보다 세부 주제에 맞는 어필. 다양한 색감과 형태의 조립 장난감.&lt;br /&gt;
&lt;br /&gt;
===지원===&lt;br /&gt;
*의문형의 글 배치+큼직한 글씨.&lt;br /&gt;
*신뢰감을 주는 초록색+심플한 레이아웃과 배치.&lt;br /&gt;
*도움말의 경우 팝업 형식으로 정보 제공 =&amp;gt; 괜찮은가?&lt;br /&gt;
&lt;br /&gt;
===게임===&lt;br /&gt;
*웹게임/앱게임/비디오게임의 세가지 종류를 제공&lt;br /&gt;
*웹게임의 경우 다양한 유형의 게임 제공. 360도 가상공간+애니메이션을 접목하여 제공하는 것도 있음.&lt;br /&gt;
&lt;br /&gt;
===LEGO LIFE===&lt;br /&gt;
*TOP버튼이 매우 맘에 듦.&lt;br /&gt;
&lt;br /&gt;
===총평===&lt;br /&gt;
*아쉬운점 : 글로벌 사이트라서 어쩔 수 없는 번역문.&lt;br /&gt;
*특징 : 이미지 위주의 정보제공. 큰 화면의 이미지에 간략한 텍스트 추가.  제품별 연관정보 제공. 전체적인 통일감 보다는 각각의 정보페이지의 특성에 맞게 세부 디자인을 별도로 하고 있음.&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1161</id>
		<title>UX 모임: 웹페이지 분석 - 레고</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1161"/>
				<updated>2018-10-15T07:32:20Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;*선정 이유 : 정보구조가 비교적 단순한 사이트를 선정. 제품 중의 한가지로 결정.&lt;br /&gt;
*웹페이지의 목적 : '레고'라는 제품의 소개와 홍보.&lt;br /&gt;
&lt;br /&gt;
===메인페이지&amp;amp;전체===&lt;br /&gt;
*레이아웃 : 중심배치형&lt;br /&gt;
*색 배치 : 파란색계열로 통일감을 줌.&lt;br /&gt;
*반응형 웹&lt;br /&gt;
*정보구조 : 네비게이션이 단순함. 쇼핑몰/지원/게임/레고라이프/비디오&lt;br /&gt;
*피드백 : 이미지 링크에 마우스를 올릴때 피드백이 들어감. &lt;br /&gt;
*전략 : 제품을 돋보이게끔 배치. 최근에 나온 제품이 잘 보이도록 표현. &lt;br /&gt;
*동영상의 활용 : 전략에 따라 동영상을 첨부하여 활용.&lt;br /&gt;
*아이콘 : 곳곳에 레고 모양의 아이콘으로 디자인.&lt;br /&gt;
&lt;br /&gt;
===쇼핑몰===&lt;br /&gt;
*외부 페이지로 이동. shop.lego.com&lt;br /&gt;
*여타 쇼핑몰의 레이아웃과 비슷&lt;br /&gt;
*외국느낌...&lt;br /&gt;
&lt;br /&gt;
===제품정보===&lt;br /&gt;
*제품정보에 접근하기 위한 카테고리 : 제품, 테마, 카테고리, 연령별&lt;br /&gt;
*제품 자체의 타깃 : 어린아이들&lt;br /&gt;
*웹페이지의 타깃 : 어린아이들 or 어린아이를 둔 부모? or 레고마니아?&lt;br /&gt;
*제품 시리즈별로 배경과 색감이 달라짐. =&amp;gt; 제품 자체의 고유 브랜드보다 세부 주제에 맞는 어필. 다양한 색감과 형태의 조립 장난감.&lt;br /&gt;
&lt;br /&gt;
===지원===&lt;br /&gt;
*의문형의 글 배치+큼직한 글씨.&lt;br /&gt;
*신뢰감을 주는 초록색+심플한 레이아웃과 배치.&lt;br /&gt;
*도움말의 경우 팝업 형식으로 정보 제공 =&amp;gt; 괜찮은가?&lt;br /&gt;
&lt;br /&gt;
===게임===&lt;br /&gt;
*웹게임/앱게임/비디오게임의 세가지 종류를 제공&lt;br /&gt;
*웹게임의 경우 360도 가상공간+애니메이션을 접목하여 제공. &lt;br /&gt;
&lt;br /&gt;
===LEGO LIFE===&lt;br /&gt;
*TOP버튼이 매우 맘에 듦.&lt;br /&gt;
&lt;br /&gt;
===총평===&lt;br /&gt;
*아쉬운점 : 글로벌 사이트라서 어쩔 수 없는 번역문.&lt;br /&gt;
*특징 : 이미지 위주의 정보제공. 큰 화면의 이미지에 간략한 텍스트 추가.  제품별 연관정보 제공. 전체적인 통일감 보다는 각각의 정보페이지의 특성에 맞게 세부 디자인을 별도로 하고 있음.&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1160</id>
		<title>UX 모임: 웹페이지 분석 - 레고</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1160"/>
				<updated>2018-10-15T07:27:56Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;*선정 이유 : 정보구조가 비교적 단순한 사이트를 선정. 제품 중의 한가지로 결정.&lt;br /&gt;
*웹페이지의 목적 : '레고'라는 제품의 소개와 홍보.&lt;br /&gt;
&lt;br /&gt;
===메인페이지&amp;amp;전체===&lt;br /&gt;
*레이아웃 : 중심배치형&lt;br /&gt;
*색 배치 : 파란색계열로 통일감을 줌.&lt;br /&gt;
*반응형 웹&lt;br /&gt;
*정보구조 : 네비게이션이 단순함. 쇼핑몰/지원/게임/레고라이프/비디오&lt;br /&gt;
*피드백 : 이미지 링크에 마우스를 올릴때 피드백이 들어감. &lt;br /&gt;
*전략 : 제품을 돋보이게끔 배치. 최근에 나온 제품이 잘 보이도록 표현. &lt;br /&gt;
*동영상의 활용 : 전략에 따라 동영상을 첨부하여 활용.&lt;br /&gt;
*아이콘 : 곳곳에 레고 모양의 아이콘으로 디자인.&lt;br /&gt;
&lt;br /&gt;
===쇼핑몰===&lt;br /&gt;
*외부 페이지로 이동. shop.lego.com&lt;br /&gt;
*여타 쇼핑몰의 레이아웃과 비슷&lt;br /&gt;
*외국느낌...&lt;br /&gt;
&lt;br /&gt;
===제품정보===&lt;br /&gt;
*제품정보에 접근하기 위한 카테고리 : 제품, 테마, 카테고리, 연령별&lt;br /&gt;
*제품 자체의 타깃 : 어린아이들&lt;br /&gt;
*웹페이지의 타깃 : 어린아이들 or 어린아이를 둔 부모? or 레고마니아?&lt;br /&gt;
*제품 시리즈별로 배경과 색감이 달라짐. =&amp;gt; 제품 자체의 고유 브랜드보다 세부 주제에 맞는 어필. 다양한 색감과 형태의 조립 장난감.&lt;br /&gt;
&lt;br /&gt;
===지원===&lt;br /&gt;
*의문형의 글 배치+큼직한 글씨.&lt;br /&gt;
*신뢰감을 주는 초록색+심플한 레이아웃과 배치.&lt;br /&gt;
*도움말의 경우 팝업 형식으로 정보 제공 =&amp;gt; 괜찮은가?&lt;br /&gt;
&lt;br /&gt;
===LEGO LIFE===&lt;br /&gt;
*TOP버튼이 매우 맘에 듦.&lt;br /&gt;
&lt;br /&gt;
===총평===&lt;br /&gt;
*아쉬운점 : 글로벌 사이트라서 어쩔 수 없는 번역문.&lt;br /&gt;
*특징 : 이미지 위주의 정보제공. 큰 화면의 이미지에 간략한 텍스트 추가.  제품별 연관정보 제공. 전체적인 통일감 보다는 각각의 정보페이지의 특성에 맞게 세부 디자인을 별도로 하고 있음.&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1159</id>
		<title>UX 모임: 웹페이지 분석 - 레고</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1159"/>
				<updated>2018-10-15T07:06:20Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;*선정 이유 : 정보구조가 비교적 단순한 사이트를 선정. 제품 중의 한가지로 결정.&lt;br /&gt;
*웹페이지의 목적 : '레고'라는 제품의 소개와 홍보.&lt;br /&gt;
*레이아웃 : 중심배치형&lt;br /&gt;
*색 배치 : 파란색계열로 통일감을 줌.&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1158</id>
		<title>UX 모임: 웹페이지 분석 - 레고</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%B6%84%EC%84%9D_-_%EB%A0%88%EA%B3%A0&amp;diff=1158"/>
				<updated>2018-10-15T07:04:09Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: Created page with &amp;quot;*선정 이유 : 정보구조가 비교적 단순한 사이트를 선정. 제품 중의 한가지로 결정. *웹페이지의 목적 : '레고'라는 제품의 소개와 홍...&amp;quot;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;*선정 이유 : 정보구조가 비교적 단순한 사이트를 선정. 제품 중의 한가지로 결정.&lt;br /&gt;
*웹페이지의 목적 : '레고'라는 제품의 소개와 홍보.&lt;br /&gt;
*레이아웃 : &lt;br /&gt;
*색 배치 :&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1157</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1157"/>
				<updated>2018-10-15T07:01:46Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
*웹사이트 : [https://www.lego.com/ko-kr/ 레고]&lt;br /&gt;
*[[웹페이지 분석 : 레고]]&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https://www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함.&lt;br /&gt;
&lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
[[File:Deadspace.jpg|thumb|Dead Space]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.&lt;br /&gt;
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등&lt;br /&gt;
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]&lt;br /&gt;
====개성과 분위기를 표현하라====&lt;br /&gt;
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.&lt;br /&gt;
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법&lt;br /&gt;
**색 ex) Cuphead, Limbo 등&lt;br /&gt;
**질감&lt;br /&gt;
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]&lt;br /&gt;
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등&lt;br /&gt;
====움직임을 표현하라====&lt;br /&gt;
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.&lt;br /&gt;
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.&lt;br /&gt;
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.&lt;br /&gt;
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능&lt;br /&gt;
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.&lt;br /&gt;
====친절한 디자인을 하라====&lt;br /&gt;
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것&lt;br /&gt;
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.&lt;br /&gt;
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.&lt;br /&gt;
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험. &lt;br /&gt;
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개&lt;br /&gt;
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]&lt;br /&gt;
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.&lt;br /&gt;
====소리로 전달하라====&lt;br /&gt;
*사람의 오감은 개별적으로 작동하지 않고 동시에 전체적인 직관을 형성. 소리는 필수적인 요소.&lt;br /&gt;
*칵테일 파티와 주의 집중&lt;br /&gt;
**칵테일 파티(Cocktail Party) 효과[선택적 지각(Selective Perception) : 주변환경이 소음으로 가득해도 주의를 집중하여 원하는 소리를 듣는것. &lt;br /&gt;
**UX디자인의 소리는 다른 소리와 분명하게 구분하고 직관적이어야 하며, 객관적인 정보를 담을 수 있어야 함. &lt;br /&gt;
*소리 정보의 활용&lt;br /&gt;
**직관적인 소리&lt;br /&gt;
***인공적인 소리를 디자인하기 전에 직관적인 소리 정보를 얻고 활용해야 하는 점을 이해해야함. &lt;br /&gt;
***직관적인 소리는 대부분 경험을 통해 축적되어 상황과 소리는 자연스러운 관계를 가짐.&lt;br /&gt;
***ex) 크리스털와인잔, 금속 자물쇠, 애플사의 Mighty Mouse, 시리얼, 구급차 등&lt;br /&gt;
***직관적인 소리는 정보를 빠르게 전달. 기본적으로 직관성을 보장할 수 있는 범위에서 창의성을 발휘해야 함.&lt;br /&gt;
**메시지를 담는 소리&lt;br /&gt;
***쉽게 말해 대화하는 것. 모든 종류의 메시지는 상호간에 소통하는 공통점이 필요.&lt;br /&gt;
***명확하고 효율적으로 메시지를 전달하기 위해서는 쉽고 단순한 단어를 사용하고 메시지의 의미도 한가지로 제한.&lt;br /&gt;
***언어 : 서로 이해할 수 있는 하나의 언어&lt;br /&gt;
***환경적 특성 : 지리적 환경 뿐만 아니라 시간, 기후, 문화적 환경 등 사용자의 다양한 환경요소 고려&lt;br /&gt;
***절차적 연관성 : 서로간에 절차의 흐름을 정확하게 공유. ex) ARS&lt;br /&gt;
*음향정보의 특성&lt;br /&gt;
**선형성 : 소리는 선형적. 주의 집중과 메시지를 이해하는 데 필요한 시간 고려.  ex)[http://www.podbbang.com/ranking/daily 팟캐스트]&lt;br /&gt;
**전파성 : 적합한 상황과 목적에 따라 사용. &lt;br /&gt;
**취향과 감성 : 소리는 시각정보 이상으로 상상력을 자극. 음향은 언제나 선택 및 조절할 수 있게 구성.&lt;br /&gt;
*음향 인터페이스 AUI&lt;br /&gt;
**제품에서 음향인터페이스를 디자인할 때 생각해야할 주제들&lt;br /&gt;
 사용자 행위와 기대에 적절하게 반응하는 자연스럽과 직관적인 피드백을 제공하는가?&lt;br /&gt;
 소리가 일관성과 규칙성을 가지고 체계적으로 구성되는가?&lt;br /&gt;
 제품의 전략적인 방향성을 감성적인 면에서도 충분히 표현하는가?&lt;br /&gt;
 사생활이나 공공장소에서의 불편함을 끼치지 않는가?&lt;br /&gt;
 음량이 너무 크거나 자극적인 소리로 인해 사용자에게 스트레스를 주는가?&lt;br /&gt;
&lt;br /&gt;
**긍정적인 사용자 경험을 추구하는 제품이라면 소리를 통한 전체적인 경험에서 일관성과 방향성을 유지해야함.&lt;br /&gt;
&lt;br /&gt;
====터치와 촉감으로 디자인하라====&lt;br /&gt;
*개인PC시대에는 키보드와 마우스로 조작하기 때문에 모니터와 직접적인 소통이 없었음&lt;br /&gt;
*모바일 혁명이후 터치인터페이스가 널리 일반화됨.&lt;br /&gt;
*촉감 요소는 현재 진동정도에 그치지만, 그래픽과 모션디자인을 활용해 가상의 촉감을 디자인할 수 있음.&lt;br /&gt;
*'타격감' : 액션 게임에서 느끼는 특유의 조작감. 여러가지 요소가 순간적으로 결합하여 하나의 타격감, 즉 촉각을 창출.&lt;br /&gt;
*햅틱 피드백 : 직관적인 형태의 메시지 역할, 촉각은 청각에 비해 사용자에 따른 민감도나 인지능력의 차이가 큼. 시각정보와 함께 사용자 주의집중을 강화하는 수단으로 사용하는 것이 적합.&lt;br /&gt;
====하드웨어와 소프트웨어의 사용자 경험을 고려하라====&lt;br /&gt;
*최근 스마트 기기는 내장된 운영체제와 소프트웨엉, 이들을 탑재하고 물리적인 소통방법을 제공하는 제품 디자인 사이의 유기적인 통합을 강조.&lt;br /&gt;
*유연한 하드웨어 인터페이스&lt;br /&gt;
**스마트폰이 주목받는 이유는 확장성과 유용성 : 자유롭게 어플리케이션 설치.&lt;br /&gt;
**최근 기술트렌드는 사용자 선택과 필요성에 따라 확장할 수 있는 유용성에 초점&lt;br /&gt;
**따라서 하드웨어 또한 유연한 환경에 대응할 수 있어야 함. 화면 기반의 인터페이스의 중요성이 확대됨&lt;br /&gt;
*경계없는 인터페이스 : 하드웨어와 소프트웨어는 사용자 입장에서는 하나의 통합된 제품. 이 두가지가 하나의 목적과 가치를 공유하여 자연스럽게 연결되어야 함.&lt;br /&gt;
*감성적 통합 : 물리적 제품의 외형인 하드웨어는 직관적이며 직접 사용자 감성에 다가감. 반면 소프트웨어는 뇌의 인지작용을 거져 정신적인 교감을 형성.&lt;br /&gt;
====새로운 경험을 디자인하라====&lt;br /&gt;
*웨어러블 제품 : 현실세계에 디지털콘텐츠와 서비스를 더해 새로운 가치를 만드는 증강현실 콘셉 제품. ex) 구글 글래스&lt;br /&gt;
*웨어러블 기기 시장은 아직 초기 단계로, 성공가능성을 높이기 위해서는 사용자 관점에서 이해하는 '통찰력'이 필요.&lt;br /&gt;
*웨어러블 컴퓨터 분야는 다양한 시도가 진행중. 감성에 초점을 맞춘 시도도 꾸준히 진행.&lt;br /&gt;
*휴대에서 착용으로 : 착용형 장치는 사용자와 기기 사이의 관계에서 큰 장점을 가짐. 신체에 밀착되어 사용자 경험을 동시에 공유하고 이를 지능적으로 활용하여 새로운 가치를 만들 수 있음.&lt;br /&gt;
*감성 vs 기능성 : 필요성과 별도로 감성적인 영향을 미침&lt;br /&gt;
**감성 : 미적인 영역. 웨어러블 영역에 자연스럽게 어울리는 기능과 외형/ 감성적인 소통요소 디자인영역. 1인칭 관점의 공유&lt;br /&gt;
*신체정보의 활용 : 개인의 영역을 확장시킴. 사용자의 기본적인 신체상태와 활동상황을 실시간으로 분석.&lt;br /&gt;
*개인영역의 확장 : 카메라를 통해 시각정보를 저장하고 위치를 추적하여 온라인에 기록. 이를 바탕으로 멀티미디어 콘텐츠도 생산가능.&lt;br /&gt;
*특수목적 : 스포츠나 군사 목적, 의료 활동을 위한 연구, 재해 대책이나 우주 탐사 등을 위한 것.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
*사이트:[https://threejs.org/ three.js]&lt;br /&gt;
===일러스트레이션 효과적으로 사용하기===&lt;br /&gt;
====사진 종류별 유의사항====&lt;br /&gt;
*정확한 항목사진&lt;br /&gt;
**사람들이 어떤 측면을 보고싶어 하는가.(ex 등산화 밑바닥 보여주기)&lt;br /&gt;
**말과 앞으로 일어나는 일이 일치되게 하라. 기대감 충족시키기.&lt;br /&gt;
**사진이나 그림이 도움이 되는 다른 상황도 생각하라.&lt;br /&gt;
**오프라인 정보와 온라인 정보를 연결하라.&lt;br /&gt;
**책, 잡지, 또는 다른 인쇄 매체의 사진이라면 꼭 그 인쇄 매체를 웹과 연결시켜야 할지 생각하라&lt;br /&gt;
*콘셉트나 절차를 보여주는 사진&lt;br /&gt;
**크기 비교(ex 자동차 크기)&lt;br /&gt;
**규모와 비율 이해하기(ex 편지 사이즈)&lt;br /&gt;
**절차 보여주기&lt;br /&gt;
*차트, 그래프, 지도&lt;br /&gt;
**지도와 목록을 결합하라&lt;br /&gt;
**단순하게 만들라. 보여지는 데이터 양을 사용자가 선택할 수 있게 하라.&lt;br /&gt;
**차트와 그래프의 제목에 핵심 요지를 담아라.&lt;br /&gt;
**좋은 데이터 제시 원칙을 웹에도 적용하라.&lt;br /&gt;
*감성적인 사진&lt;br /&gt;
**사진이 의도했던 감성을 불러일으키는지 확인하라.&lt;br /&gt;
**전 세계 고객을 감안하라.&lt;br /&gt;
====효과적으로 일러스트레이션을 이용하기 위한 9가지 지침====&lt;br /&gt;
#무엇인지, 왜 그런지 생각하게 하지마라.&lt;br /&gt;
#적당한 크기로 제시하라&lt;br /&gt;
#*작은 사진도 선명히 보이게 하라&lt;br /&gt;
#*사진으로 공간을 너무 많이 써서 중요한 정보가 밀려 내려가거나 옆으로 빠지게 하지 마라.&lt;br /&gt;
#콘텐츠를 감추기보다 돋보이게 하는 일러스트레이션을 이용하라.&lt;br /&gt;
#사람 사진에는 다양성을 담아라&lt;br /&gt;
#*여러분의 회사가 다양성을 표방한다는 것을 보여라. 하지만 진실돼야 한다.&lt;br /&gt;
#*방문자를 대변하려면 폭넓게 생각하라.&lt;br /&gt;
#*테스트, 테스트, 테스트&lt;br /&gt;
#콘텐츠가 광고처럼 보이지 않게 하라.&lt;br /&gt;
#글자나 사진이 깜빡거리거나, 돌아가거나, 흔들리거나, 돌아다니게 하지마라.&lt;br /&gt;
#*텍스트가 돌아가게 하지마라.&lt;br /&gt;
#*사람들이 페이지에 있을 때 페이지를 바꾸지 마라.&lt;br /&gt;
#*동물, 새, 나비 등이 페이지에 돌아다니게 하지 마라&lt;br /&gt;
#*애니메이션 효과에 따른 트레이드 오프를 신중히 고려하라&lt;br /&gt;
#애니메이션은 도움될 때만 사용하라.&lt;br /&gt;
#스플래쉬나 플래시로 사람들을 기다리게 하지 마라&lt;br /&gt;
#*스플래쉬 페이지는 사람들의 시간을 잡아먹는다&lt;br /&gt;
#*좋은 말도 과하면 안하느니만 못하다&lt;br /&gt;
#*사람들은 온라인 경험을 직접 제어하고 싶어한다.&lt;br /&gt;
#*일부 사람들에게는 진입부의 비디오가 장애물이다.&lt;br /&gt;
#*일러스트레이션은 접근 가능하게 만들어라&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: [http://roman.cs.pusan.ac.kr/ 한국어/로마자 변화기]&lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
뭘 하면 되는지를 아는 방법: 제약, 발견성(?), 그리고 피드백&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) 새로운 제품 또는 서비스의 이용법 어떻게 아나요? 셰계에 있는 지식(affordances, signifiers, mappings, constraints)과 머리의 있는 지식(conceptual model, 기존의 경험와의 비유)을 통해.&lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical 4 가지의 제약: 물리적, 문화적, 의미적, 논리적====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints 물리적 제약'''&lt;br /&gt;
*Limited number of actions 행동의 한정된 개수&lt;br /&gt;
*Desired action made obvious 원하는 행동을 분명히 한다&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens) 행동하기전의 한계 (틀린 행동을 방지하기 위해)&lt;br /&gt;
**Battery design; USB design? 건전기, usb 디자인&lt;br /&gt;
*Legacy problem: too many devices use the existing standard '레거시 문제' - 수 많은 제품들이 안 좋은 디자인을 오래 사용해 왔기 때문에 바꾸고 싶더라도 바꾸기가 쉽지 않다&lt;br /&gt;
**Expense of change? 바꿈의 비용인가?&lt;br /&gt;
**Corporate thinking - not caring about the customer 아니면 사용자를 무시하는 사업의 태도인가?&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints 문화전 제약'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations 어느 사회적 상황에서 가능한 행동이 문화마다 정해져 있다. &lt;br /&gt;
*Ex: Restaurant, public transportation 예: 식당 방문, 대중 교통&lt;br /&gt;
*Can change over time 시간 지나면 변화한다&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints 의미적 제약'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions 상황의 의미에 따라 가능한 행동이 한정되어 있다. &lt;br /&gt;
*Can change over time 시간 지나면 변화한다&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints 논리적 제약'''&lt;br /&gt;
*After all other options, what is left? 다른 행동들을 다 해보고 나서 남은 것이 뭐가 있는기?&lt;br /&gt;
*Obvious errors 당연한 오류&lt;br /&gt;
*Natural mappings help here 여기는 자연적인 매핑이 도움이 된다&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards 문화적 규법, 관습, 기준'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette 인사, 교통 법, 식사 예절 등&lt;br /&gt;
*A form of cultural constraint 문화적 제약 중에 하나&lt;br /&gt;
*Sometimes become international standards or laws 이 것이 국제적인 기준이 되는 경우도 있다&lt;br /&gt;
*Violate conventions, and you are marked as an outsider 관습을 위반하면 외부인으로 인식이 될 위험성이 있다&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects 평소에 사용하는 물품에 affordances, signifiers, 그리고 제약을 적용하기====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors '문'의 문제'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. 사용 방법이 불명확한 경우가 있다 - 어디서 누르고 당기는지, 자동인지 아닌지, 등&lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability 미학에 집중함으로써 (디자이너나 구매자가) 사용의 편리성이 잊게 되는 경우가 있다 &lt;br /&gt;
*Cultural norms play a role 문화 규법의 역할&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches '스위치'의 문제'''&lt;br /&gt;
*Can be annoying... or dangerous 귀찮을 수도 있지만 그것보다 위험할 수도 있다&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control) 알아야 될 것 :  어떠한 것을 조절하는지, 매핑 (무엇을 조절하는지)&lt;br /&gt;
*More switches --&amp;gt; more danger 스위치가 많을 수록 위험성이 높아진다&lt;br /&gt;
*Problem comes from coordination of various professions 문제는 여러 직업의 조직화를 통해 이루어진다&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures? 휴대폼, 컴퓨터 등의 스크린(화면) 또는 센서를 통해 이 문제를 어떻게 해결하게 될 수 있을까? &lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls 행동 중심 조종 장치'''&lt;br /&gt;
*video, computer, full lights, lecture, etc. 비디오 재생, 컴퓨터 사용, 모든 불, 강의 등과 같은 행동을 위한 조종 장치가 좋다&lt;br /&gt;
*can be done poorly 그러나 잘 못할 수 있다&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices 디바이스(기계) 중심 조종 장치가 틀린 접근 방법이다&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings 행동 중심 조종 장치가 있더라도 수동 설정이 가능해야 핸다&lt;br /&gt;
*manual setting should not cause the current activity to be canceled 단, 수동 설정은 사용 중인 행동 중심 조절을 취소 시키면 안 된다&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior 원하는 행동을 억지로 하게 만드는 제약====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions 억지로 하게 하는 기능'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failure at one stage prevents the next step from happening 물리적 제약 중에 하나 : 한 단계에서의 실패는 다음 단계로 지나가지 못 하게 한다&lt;br /&gt;
*ex: car keys 예 : 자동차 열쇠&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence 알 맞는 순서 대로 하게 한다&lt;br /&gt;
*Press down brake pedal to switch out of park 브레이크 페달을 누르고 있어야 park에서 drive 등으로 바꿀 수 있다&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops '죽은 사람의 스위치' : 스위치를 누르고 있어야만 사용할 수 있다 (즉, 죽으면 스위치를 더 이상 누르지 못해서 자동으로 중지된다)&lt;br /&gt;
**lawn mower, chainsaw, etc. 잔지갂기기계, 전기톱&lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it 작업을 계속 하게 한다 (즉, 사람이 일찍이 그 작업을 중지하지 못하게 한다)&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens 예 : '나가기 적에 파일을 저장하시겠어요?', 감옥, 아기 놀이울&lt;br /&gt;
*Devices which only are compatible with the company's other devices 같은 회사 제품만과 사용이 가능한 제품&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action 위험한 공간 또는 행동에 진입하지 못하게 하는 것&lt;br /&gt;
*Barrier between ground floor and basement for fire safety 화재 안전을 위해 1층과 지하 사이의 게이트&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances 관습, 제약, 그리고 affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions / affordance의 인식에서 가능한 행동에 대한 이해까지는 관습이 필요하다&lt;br /&gt;
*Ex: doorknob 예 : 문 손잡이&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints 관습은 문화적 제약이다'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators 관습이 바꿀 때 : destination-control 엘리베이터의 사례'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions 관습이 바꿀 때 사람의 반응'''&lt;br /&gt;
*People complain, new learning is required 불평한다, 새롭게 배울 것이 있다&lt;br /&gt;
*The merits don't matter, the change does 좋은 점은 상관 없다, 바꿔야 된다는 것이 상관이 있다&lt;br /&gt;
*Ex: metric system and the U.S. 예 : 미국과 메트릭 시스템&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design 수도 꼭지 : 디자인의 사례 역사====&lt;br /&gt;
*How to deal with hot and cold 냉.온수의 문제&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off? 내수와 온수를 따로 조절함? 온도만 조절함? 압력만 조절함?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow? 어떤 것이 온수고 어떤 것이 냉수인가? 온도를 어떻게 조절하는가? 압력을 어떻게 조절하는가? 눌러야 압력이 강해지나 아니면 당겨야 압력이 강해지나?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers '신호'로써 소리의 사용함====&lt;br /&gt;
*Useful signifier, but can annoy/distract 유용하지만 귀찮게 하거나 집중 못하게 할 수 있다&lt;br /&gt;
*Silence can be dangerous 소리 없으면 위험할 수 있다&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit 예: 전자 자동차가 너무 조용해서 보행자가 자가 오는 것을 못 들려서 사고가 날 수 있다&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role [https://ko.wikipedia.org/wiki/%EC%8A%A4%ED%81%90%EC%96%B4%EB%AA%A8%ED%94%BC%EC%A6%98 스큐어모피즘] - 옛날 또는 익숙한 개념들을 실제적인 소용이 없더라도 새로운 기술에 포함시키는 것&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1151</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1151"/>
				<updated>2018-10-14T14:19:20Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
*웹사이트 : [https://www.lego.com/ko-kr/ 레고]&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https://www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함.&lt;br /&gt;
&lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
[[File:Deadspace.jpg|thumb|Dead Space]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.&lt;br /&gt;
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등&lt;br /&gt;
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]&lt;br /&gt;
====개성과 분위기를 표현하라====&lt;br /&gt;
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.&lt;br /&gt;
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법&lt;br /&gt;
**색 ex) Cuphead, Limbo 등&lt;br /&gt;
**질감&lt;br /&gt;
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]&lt;br /&gt;
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등&lt;br /&gt;
====움직임을 표현하라====&lt;br /&gt;
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.&lt;br /&gt;
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.&lt;br /&gt;
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.&lt;br /&gt;
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능&lt;br /&gt;
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.&lt;br /&gt;
====친절한 디자인을 하라====&lt;br /&gt;
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것&lt;br /&gt;
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.&lt;br /&gt;
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.&lt;br /&gt;
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험. &lt;br /&gt;
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개&lt;br /&gt;
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]&lt;br /&gt;
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.&lt;br /&gt;
====소리로 전달하라====&lt;br /&gt;
*사람의 오감은 개별적으로 작동하지 않고 동시에 전체적인 직관을 형성. 소리는 필수적인 요소.&lt;br /&gt;
*칵테일 파티와 주의 집중&lt;br /&gt;
**칵테일 파티(Cocktail Party) 효과[선택적 지각(Selective Perception) : 주변환경이 소음으로 가득해도 주의를 집중하여 원하는 소리를 듣는것. &lt;br /&gt;
**UX디자인의 소리는 다른 소리와 분명하게 구분하고 직관적이어야 하며, 객관적인 정보를 담을 수 있어야 함. &lt;br /&gt;
*소리 정보의 활용&lt;br /&gt;
**직관적인 소리&lt;br /&gt;
***인공적인 소리를 디자인하기 전에 직관적인 소리 정보를 얻고 활용해야 하는 점을 이해해야함. &lt;br /&gt;
***직관적인 소리는 대부분 경험을 통해 축적되어 상황과 소리는 자연스러운 관계를 가짐.&lt;br /&gt;
***ex) 크리스털와인잔, 금속 자물쇠, 애플사의 Mighty Mouse, 시리얼, 구급차 등&lt;br /&gt;
***직관적인 소리는 정보를 빠르게 전달. 기본적으로 직관성을 보장할 수 있는 범위에서 창의성을 발휘해야 함.&lt;br /&gt;
**메시지를 담는 소리&lt;br /&gt;
***쉽게 말해 대화하는 것. 모든 종류의 메시지는 상호간에 소통하는 공통점이 필요.&lt;br /&gt;
***명확하고 효율적으로 메시지를 전달하기 위해서는 쉽고 단순한 단어를 사용하고 메시지의 의미도 한가지로 제한.&lt;br /&gt;
***언어 : 서로 이해할 수 있는 하나의 언어&lt;br /&gt;
***환경적 특성 : 지리적 환경 뿐만 아니라 시간, 기후, 문화적 환경 등 사용자의 다양한 환경요소 고려&lt;br /&gt;
***절차적 연관성 : 서로간에 절차의 흐름을 정확하게 공유. ex) ARS&lt;br /&gt;
*음향정보의 특성&lt;br /&gt;
**선형성 : 소리는 선형적. 주의 집중과 메시지를 이해하는 데 필요한 시간 고려.  ex)[http://www.podbbang.com/ranking/daily 팟캐스트]&lt;br /&gt;
**전파성 : 적합한 상황과 목적에 따라 사용. &lt;br /&gt;
**취향과 감성 : 소리는 시각정보 이상으로 상상력을 자극. 음향은 언제나 선택 및 조절할 수 있게 구성.&lt;br /&gt;
*음향 인터페이스 AUI&lt;br /&gt;
**제품에서 음향인터페이스를 디자인할 때 생각해야할 주제들&lt;br /&gt;
 사용자 행위와 기대에 적절하게 반응하는 자연스럽과 직관적인 피드백을 제공하는가?&lt;br /&gt;
 소리가 일관성과 규칙성을 가지고 체계적으로 구성되는가?&lt;br /&gt;
 제품의 전략적인 방향성을 감성적인 면에서도 충분히 표현하는가?&lt;br /&gt;
 사생활이나 공공장소에서의 불편함을 끼치지 않는가?&lt;br /&gt;
 음량이 너무 크거나 자극적인 소리로 인해 사용자에게 스트레스를 주는가?&lt;br /&gt;
&lt;br /&gt;
**긍정적인 사용자 경험을 추구하는 제품이라면 소리를 통한 전체적인 경험에서 일관성과 방향성을 유지해야함.&lt;br /&gt;
&lt;br /&gt;
====터치와 촉감으로 디자인하라====&lt;br /&gt;
*개인PC시대에는 키보드와 마우스로 조작하기 때문에 모니터와 직접적인 소통이 없었음&lt;br /&gt;
*모바일 혁명이후 터치인터페이스가 널리 일반화됨.&lt;br /&gt;
*촉감 요소는 현재 진동정도에 그치지만, 그래픽과 모션디자인을 활용해 가상의 촉감을 디자인할 수 있음.&lt;br /&gt;
*'타격감' : 액션 게임에서 느끼는 특유의 조작감. 여러가지 요소가 순간적으로 결합하여 하나의 타격감, 즉 촉각을 창출.&lt;br /&gt;
*햅틱 피드백 : 직관적인 형태의 메시지 역할, 촉각은 청각에 비해 사용자에 따른 민감도나 인지능력의 차이가 큼. 시각정보와 함께 사용자 주의집중을 강화하는 수단으로 사용하는 것이 적합.&lt;br /&gt;
====하드웨어와 소프트웨어의 사용자 경험을 고려하라====&lt;br /&gt;
*최근 스마트 기기는 내장된 운영체제와 소프트웨엉, 이들을 탑재하고 물리적인 소통방법을 제공하는 제품 디자인 사이의 유기적인 통합을 강조.&lt;br /&gt;
*유연한 하드웨어 인터페이스&lt;br /&gt;
**스마트폰이 주목받는 이유는 확장성과 유용성 : 자유롭게 어플리케이션 설치.&lt;br /&gt;
**최근 기술트렌드는 사용자 선택과 필요성에 따라 확장할 수 있는 유용성에 초점&lt;br /&gt;
**따라서 하드웨어 또한 유연한 환경에 대응할 수 있어야 함. 화면 기반의 인터페이스의 중요성이 확대됨&lt;br /&gt;
*경계없는 인터페이스 : 하드웨어와 소프트웨어는 사용자 입장에서는 하나의 통합된 제품. 이 두가지가 하나의 목적과 가치를 공유하여 자연스럽게 연결되어야 함.&lt;br /&gt;
*감성적 통합 : 물리적 제품의 외형인 하드웨어는 직관적이며 직접 사용자 감성에 다가감. 반면 소프트웨어는 뇌의 인지작용을 거져 정신적인 교감을 형성.&lt;br /&gt;
====새로운 경험을 디자인하라====&lt;br /&gt;
*웨어러블 제품 : 현실세계에 디지털콘텐츠와 서비스를 더해 새로운 가치를 만드는 증강현실 콘셉 제품. ex) 구글 글래스&lt;br /&gt;
*웨어러블 기기 시장은 아직 초기 단계로, 성공가능성을 높이기 위해서는 사용자 관점에서 이해하는 '통찰력'이 필요.&lt;br /&gt;
*웨어러블 컴퓨터 분야는 다양한 시도가 진행중. 감성에 초점을 맞춘 시도도 꾸준히 진행.&lt;br /&gt;
*휴대에서 착용으로 : 착용형 장치는 사용자와 기기 사이의 관계에서 큰 장점을 가짐. 신체에 밀착되어 사용자 경험을 동시에 공유하고 이를 지능적으로 활용하여 새로운 가치를 만들 수 있음.&lt;br /&gt;
*감성 vs 기능성 : 필요성과 별도로 감성적인 영향을 미침&lt;br /&gt;
**감성 : 미적인 영역. 웨어러블 영역에 자연스럽게 어울리는 기능과 외형/ 감성적인 소통요소 디자인영역. 1인칭 관점의 공유&lt;br /&gt;
*신체정보의 활용 : 개인의 영역을 확장시킴. 사용자의 기본적인 신체상태와 활동상황을 실시간으로 분석.&lt;br /&gt;
*개인영역의 확장 : 카메라를 통해 시각정보를 저장하고 위치를 추적하여 온라인에 기록. 이를 바탕으로 멀티미디어 콘텐츠도 생산가능.&lt;br /&gt;
*특수목적 : 스포츠나 군사 목적, 의료 활동을 위한 연구, 재해 대책이나 우주 탐사 등을 위한 것.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===일러스트레이션 효과적으로 사용하기===&lt;br /&gt;
====사진 종류별 유의사항====&lt;br /&gt;
*정확한 항목사진&lt;br /&gt;
**사람들이 어떤 측면을 보고싶어 하는가.(ex 등산화 밑바닥 보여주기)&lt;br /&gt;
**말과 앞으로 일어나는 일이 일치되게 하라. 기대감 충족시키기.&lt;br /&gt;
**사진이나 그림이 도움이 되는 다른 상황도 생각하라.&lt;br /&gt;
**오프라인 정보와 온라인 정보를 연결하라.&lt;br /&gt;
**책, 잡지, 또는 다른 인쇄 매체의 사진이라면 꼭 그 인쇄 매체를 웹과 연결시켜야 할지 생각하라&lt;br /&gt;
*콘셉트나 절차를 보여주는 사진&lt;br /&gt;
**크기 비교(ex 자동차 크기)&lt;br /&gt;
**규모와 비율 이해하기(ex 편지 사이즈)&lt;br /&gt;
**절차 보여주기&lt;br /&gt;
*차트, 그래프, 지도&lt;br /&gt;
**지도와 목록을 결합하라&lt;br /&gt;
**단순하게 만들라. 보여지는 데이터 양을 사용자가 선택할 수 있게 하라.&lt;br /&gt;
**차트와 그래프의 제목에 핵심 요지를 담아라.&lt;br /&gt;
**좋은 데이터 제시 원칙을 웹에도 적용하라.&lt;br /&gt;
*감성적인 사진&lt;br /&gt;
**사진이 의도했던 감성을 불러일으키는지 확인하라.&lt;br /&gt;
**전 세계 고객을 감안하라.&lt;br /&gt;
====효과적으로 일러스트레이션을 이용하기 위한 9가지 지침====&lt;br /&gt;
#무엇인지, 왜 그런지 생각하게 하지마라.&lt;br /&gt;
#적당한 크기로 제시하라&lt;br /&gt;
#*작은 사진도 선명히 보이게 하라&lt;br /&gt;
#*사진으로 공간을 너무 많이 써서 중요한 정보가 밀려 내려가거나 옆으로 빠지게 하지 마라.&lt;br /&gt;
#콘텐츠를 감추기보다 돋보이게 하는 일러스트레이션을 이용하라.&lt;br /&gt;
#사람 사진에는 다양성을 담아라&lt;br /&gt;
#*여러분의 회사가 다양성을 표방한다는 것을 보여라. 하지만 진실돼야 한다.&lt;br /&gt;
#*방문자를 대변하려면 폭넓게 생각하라.&lt;br /&gt;
#*테스트, 테스트, 테스트&lt;br /&gt;
#콘텐츠가 광고처럼 보이지 않게 하라.&lt;br /&gt;
#글자나 사진이 깜빡거리거나, 돌아가거나, 흔들리거나, 돌아다니게 하지마라.&lt;br /&gt;
#*텍스트가 돌아가게 하지마라.&lt;br /&gt;
#*사람들이 페이지에 있을 때 페이지를 바꾸지 마라.&lt;br /&gt;
#*동물, 새, 나비 등이 페이지에 돌아다니게 하지 마라&lt;br /&gt;
#*애니메이션 효과에 따른 트레이드 오프를 신중히 고려하라&lt;br /&gt;
#애니메이션은 도움될 때만 사용하라.&lt;br /&gt;
#스플래쉬나 플래시로 사람들을 기다리게 하지 마라&lt;br /&gt;
#*스플래쉬 페이지는 사람들의 시간을 잡아먹는다&lt;br /&gt;
#*좋은 말도 과하면 안하느니만 못하다&lt;br /&gt;
#*사람들은 온라인 경험을 직접 제어하고 싶어한다.&lt;br /&gt;
#*일부 사람들에게는 진입부의 비디오가 장애물이다.&lt;br /&gt;
#*일러스트레이션은 접근 가능하게 만들어라&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1150</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1150"/>
				<updated>2018-10-14T13:39:29Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 핵심콘텐츠에 집중하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https://www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함.&lt;br /&gt;
&lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
[[File:Deadspace.jpg|thumb|Dead Space]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.&lt;br /&gt;
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등&lt;br /&gt;
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]&lt;br /&gt;
====개성과 분위기를 표현하라====&lt;br /&gt;
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.&lt;br /&gt;
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법&lt;br /&gt;
**색 ex) Cuphead, Limbo 등&lt;br /&gt;
**질감&lt;br /&gt;
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]&lt;br /&gt;
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등&lt;br /&gt;
====움직임을 표현하라====&lt;br /&gt;
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.&lt;br /&gt;
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.&lt;br /&gt;
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.&lt;br /&gt;
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능&lt;br /&gt;
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.&lt;br /&gt;
====친절한 디자인을 하라====&lt;br /&gt;
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것&lt;br /&gt;
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.&lt;br /&gt;
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.&lt;br /&gt;
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험. &lt;br /&gt;
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개&lt;br /&gt;
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]&lt;br /&gt;
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.&lt;br /&gt;
====소리로 전달하라====&lt;br /&gt;
*사람의 오감은 개별적으로 작동하지 않고 동시에 전체적인 직관을 형성. 소리는 필수적인 요소.&lt;br /&gt;
*칵테일 파티와 주의 집중&lt;br /&gt;
**칵테일 파티(Cocktail Party) 효과[선택적 지각(Selective Perception) : 주변환경이 소음으로 가득해도 주의를 집중하여 원하는 소리를 듣는것. &lt;br /&gt;
**UX디자인의 소리는 다른 소리와 분명하게 구분하고 직관적이어야 하며, 객관적인 정보를 담을 수 있어야 함. &lt;br /&gt;
*소리 정보의 활용&lt;br /&gt;
**직관적인 소리&lt;br /&gt;
***인공적인 소리를 디자인하기 전에 직관적인 소리 정보를 얻고 활용해야 하는 점을 이해해야함. &lt;br /&gt;
***직관적인 소리는 대부분 경험을 통해 축적되어 상황과 소리는 자연스러운 관계를 가짐.&lt;br /&gt;
***ex) 크리스털와인잔, 금속 자물쇠, 애플사의 Mighty Mouse, 시리얼, 구급차 등&lt;br /&gt;
***직관적인 소리는 정보를 빠르게 전달. 기본적으로 직관성을 보장할 수 있는 범위에서 창의성을 발휘해야 함.&lt;br /&gt;
**메시지를 담는 소리&lt;br /&gt;
***쉽게 말해 대화하는 것. 모든 종류의 메시지는 상호간에 소통하는 공통점이 필요.&lt;br /&gt;
***명확하고 효율적으로 메시지를 전달하기 위해서는 쉽고 단순한 단어를 사용하고 메시지의 의미도 한가지로 제한.&lt;br /&gt;
***언어 : 서로 이해할 수 있는 하나의 언어&lt;br /&gt;
***환경적 특성 : 지리적 환경 뿐만 아니라 시간, 기후, 문화적 환경 등 사용자의 다양한 환경요소 고려&lt;br /&gt;
***절차적 연관성 : 서로간에 절차의 흐름을 정확하게 공유. ex) ARS&lt;br /&gt;
*음향정보의 특성&lt;br /&gt;
**선형성 : 소리는 선형적. 주의 집중과 메시지를 이해하는 데 필요한 시간 고려.  ex)[http://www.podbbang.com/ranking/daily 팟캐스트]&lt;br /&gt;
**전파성 : 적합한 상황과 목적에 따라 사용. &lt;br /&gt;
**취향과 감성 : 소리는 시각정보 이상으로 상상력을 자극. 음향은 언제나 선택 및 조절할 수 있게 구성.&lt;br /&gt;
*음향 인터페이스 AUI&lt;br /&gt;
**제품에서 음향인터페이스를 디자인할 때 생각해야할 주제들&lt;br /&gt;
 사용자 행위와 기대에 적절하게 반응하는 자연스럽과 직관적인 피드백을 제공하는가?&lt;br /&gt;
 소리가 일관성과 규칙성을 가지고 체계적으로 구성되는가?&lt;br /&gt;
 제품의 전략적인 방향성을 감성적인 면에서도 충분히 표현하는가?&lt;br /&gt;
 사생활이나 공공장소에서의 불편함을 끼치지 않는가?&lt;br /&gt;
 음량이 너무 크거나 자극적인 소리로 인해 사용자에게 스트레스를 주는가?&lt;br /&gt;
&lt;br /&gt;
**긍정적인 사용자 경험을 추구하는 제품이라면 소리를 통한 전체적인 경험에서 일관성과 방향성을 유지해야함.&lt;br /&gt;
&lt;br /&gt;
====터치와 촉감으로 디자인하라====&lt;br /&gt;
*개인PC시대에는 키보드와 마우스로 조작하기 때문에 모니터와 직접적인 소통이 없었음&lt;br /&gt;
*모바일 혁명이후 터치인터페이스가 널리 일반화됨.&lt;br /&gt;
*촉감 요소는 현재 진동정도에 그치지만, 그래픽과 모션디자인을 활용해 가상의 촉감을 디자인할 수 있음.&lt;br /&gt;
*'타격감' : 액션 게임에서 느끼는 특유의 조작감. 여러가지 요소가 순간적으로 결합하여 하나의 타격감, 즉 촉각을 창출.&lt;br /&gt;
*햅틱 피드백 : 직관적인 형태의 메시지 역할, 촉각은 청각에 비해 사용자에 따른 민감도나 인지능력의 차이가 큼. 시각정보와 함께 사용자 주의집중을 강화하는 수단으로 사용하는 것이 적합.&lt;br /&gt;
====하드웨어와 소프트웨어의 사용자 경험을 고려하라====&lt;br /&gt;
*최근 스마트 기기는 내장된 운영체제와 소프트웨엉, 이들을 탑재하고 물리적인 소통방법을 제공하는 제품 디자인 사이의 유기적인 통합을 강조.&lt;br /&gt;
*유연한 하드웨어 인터페이스&lt;br /&gt;
**스마트폰이 주목받는 이유는 확장성과 유용성 : 자유롭게 어플리케이션 설치.&lt;br /&gt;
**최근 기술트렌드는 사용자 선택과 필요성에 따라 확장할 수 있는 유용성에 초점&lt;br /&gt;
**따라서 하드웨어 또한 유연한 환경에 대응할 수 있어야 함. 화면 기반의 인터페이스의 중요성이 확대됨&lt;br /&gt;
*경계없는 인터페이스 : 하드웨어와 소프트웨어는 사용자 입장에서는 하나의 통합된 제품. 이 두가지가 하나의 목적과 가치를 공유하여 자연스럽게 연결되어야 함.&lt;br /&gt;
*감성적 통합 : 물리적 제품의 외형인 하드웨어는 직관적이며 직접 사용자 감성에 다가감. 반면 소프트웨어는 뇌의 인지작용을 거져 정신적인 교감을 형성.&lt;br /&gt;
====새로운 경험을 디자인하라====&lt;br /&gt;
*웨어러블 제품 : 현실세계에 디지털콘텐츠와 서비스를 더해 새로운 가치를 만드는 증강현실 콘셉 제품. ex) 구글 글래스&lt;br /&gt;
*웨어러블 기기 시장은 아직 초기 단계로, 성공가능성을 높이기 위해서는 사용자 관점에서 이해하는 '통찰력'이 필요.&lt;br /&gt;
*웨어러블 컴퓨터 분야는 다양한 시도가 진행중. 감성에 초점을 맞춘 시도도 꾸준히 진행.&lt;br /&gt;
*휴대에서 착용으로 : 착용형 장치는 사용자와 기기 사이의 관계에서 큰 장점을 가짐. 신체에 밀착되어 사용자 경험을 동시에 공유하고 이를 지능적으로 활용하여 새로운 가치를 만들 수 있음.&lt;br /&gt;
*감성 vs 기능성 : 필요성과 별도로 감성적인 영향을 미침&lt;br /&gt;
**감성 : 미적인 영역. 웨어러블 영역에 자연스럽게 어울리는 기능과 외형/ 감성적인 소통요소 디자인영역. 1인칭 관점의 공유&lt;br /&gt;
*신체정보의 활용 : 개인의 영역을 확장시킴. 사용자의 기본적인 신체상태와 활동상황을 실시간으로 분석.&lt;br /&gt;
*개인영역의 확장 : 카메라를 통해 시각정보를 저장하고 위치를 추적하여 온라인에 기록. 이를 바탕으로 멀티미디어 콘텐츠도 생산가능.&lt;br /&gt;
*특수목적 : 스포츠나 군사 목적, 의료 활동을 위한 연구, 재해 대책이나 우주 탐사 등을 위한 것.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===일러스트레이션 효과적으로 사용하기===&lt;br /&gt;
====사진 종류별 유의사항====&lt;br /&gt;
*정확한 항목사진&lt;br /&gt;
**사람들이 어떤 측면을 보고싶어 하는가.(ex 등산화 밑바닥 보여주기)&lt;br /&gt;
**말과 앞으로 일어나는 일이 일치되게 하라. 기대감 충족시키기.&lt;br /&gt;
**사진이나 그림이 도움이 되는 다른 상황도 생각하라.&lt;br /&gt;
**오프라인 정보와 온라인 정보를 연결하라.&lt;br /&gt;
**책, 잡지, 또는 다른 인쇄 매체의 사진이라면 꼭 그 인쇄 매체를 웹과 연결시켜야 할지 생각하라&lt;br /&gt;
*콘셉트나 절차를 보여주는 사진&lt;br /&gt;
**크기 비교(ex 자동차 크기)&lt;br /&gt;
**규모와 비율 이해하기(ex 편지 사이즈)&lt;br /&gt;
**절차 보여주기&lt;br /&gt;
*차트, 그래프, 지도&lt;br /&gt;
**지도와 목록을 결합하라&lt;br /&gt;
**단순하게 만들라. 보여지는 데이터 양을 사용자가 선택할 수 있게 하라.&lt;br /&gt;
**차트와 그래프의 제목에 핵심 요지를 담아라.&lt;br /&gt;
**좋은 데이터 제시 원칙을 웹에도 적용하라.&lt;br /&gt;
*감성적인 사진&lt;br /&gt;
**사진이 의도했던 감성을 불러일으키는지 확인하라.&lt;br /&gt;
**전 세계 고객을 감안하라.&lt;br /&gt;
====효과적으로 일러스트레이션을 이용하기 위한 9가지 지침====&lt;br /&gt;
#무엇인지, 왜 그런지 생각하게 하지마라.&lt;br /&gt;
#적당한 크기로 제시하라&lt;br /&gt;
#*작은 사진도 선명히 보이게 하라&lt;br /&gt;
#*사진으로 공간을 너무 많이 써서 중요한 정보가 밀려 내려가거나 옆으로 빠지게 하지 마라.&lt;br /&gt;
#콘텐츠를 감추기보다 돋보이게 하는 일러스트레이션을 이용하라.&lt;br /&gt;
#사람 사진에는 다양성을 담아라&lt;br /&gt;
#*여러분의 회사가 다양성을 표방한다는 것을 보여라. 하지만 진실돼야 한다.&lt;br /&gt;
#*방문자를 대변하려면 폭넓게 생각하라.&lt;br /&gt;
#*테스트, 테스트, 테스트&lt;br /&gt;
#콘텐츠가 광고처럼 보이지 않게 하라.&lt;br /&gt;
#글자나 사진이 깜빡거리거나, 돌아가거나, 흔들리거나, 돌아다니게 하지마라.&lt;br /&gt;
#*텍스트가 돌아가게 하지마라.&lt;br /&gt;
#*사람들이 페이지에 있을 때 페이지를 바꾸지 마라.&lt;br /&gt;
#*동물, 새, 나비 등이 페이지에 돌아다니게 하지 마라&lt;br /&gt;
#*애니메이션 효과에 따른 트레이드 오프를 신중히 고려하라&lt;br /&gt;
#애니메이션은 도움될 때만 사용하라.&lt;br /&gt;
#스플래쉬나 플래시로 사람들을 기다리게 하지 마라&lt;br /&gt;
#*스플래쉬 페이지는 사람들의 시간을 잡아먹는다&lt;br /&gt;
#*좋은 말도 과하면 안하느니만 못하다&lt;br /&gt;
#*사람들은 온라인 경험을 직접 제어하고 싶어한다.&lt;br /&gt;
#*일부 사람들에게는 진입부의 비디오가 장애물이다.&lt;br /&gt;
#*일러스트레이션은 접근 가능하게 만들어라&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1147</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1147"/>
				<updated>2018-10-14T06:46:04Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 터치와 촉감으로 디자인하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
[[File:Deadspace.jpg|thumb|Dead Space]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.&lt;br /&gt;
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등&lt;br /&gt;
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]&lt;br /&gt;
====개성과 분위기를 표현하라====&lt;br /&gt;
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.&lt;br /&gt;
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법&lt;br /&gt;
**색 ex) Cuphead, Limbo 등&lt;br /&gt;
**질감&lt;br /&gt;
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]&lt;br /&gt;
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등&lt;br /&gt;
====움직임을 표현하라====&lt;br /&gt;
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.&lt;br /&gt;
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.&lt;br /&gt;
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.&lt;br /&gt;
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능&lt;br /&gt;
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.&lt;br /&gt;
====친절한 디자인을 하라====&lt;br /&gt;
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것&lt;br /&gt;
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.&lt;br /&gt;
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.&lt;br /&gt;
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험. &lt;br /&gt;
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개&lt;br /&gt;
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]&lt;br /&gt;
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.&lt;br /&gt;
====소리로 전달하라====&lt;br /&gt;
*사람의 오감은 개별적으로 작동하지 않고 동시에 전체적인 직관을 형성. 소리는 필수적인 요소.&lt;br /&gt;
*칵테일 파티와 주의 집중&lt;br /&gt;
**칵테일 파티(Cocktail Party) 효과[선택적 지각(Selective Perception) : 주변환경이 소음으로 가득해도 주의를 집중하여 원하는 소리를 듣는것. &lt;br /&gt;
**UX디자인의 소리는 다른 소리와 분명하게 구분하고 직관적이어야 하며, 객관적인 정보를 담을 수 있어야 함. &lt;br /&gt;
*소리 정보의 활용&lt;br /&gt;
**직관적인 소리&lt;br /&gt;
***인공적인 소리를 디자인하기 전에 직관적인 소리 정보를 얻고 활용해야 하는 점을 이해해야함. &lt;br /&gt;
***직관적인 소리는 대부분 경험을 통해 축적되어 상황과 소리는 자연스러운 관계를 가짐.&lt;br /&gt;
***ex) 크리스털와인잔, 금속 자물쇠, 애플사의 Mighty Mouse, 시리얼, 구급차 등&lt;br /&gt;
***직관적인 소리는 정보를 빠르게 전달. 기본적으로 직관성을 보장할 수 있는 범위에서 창의성을 발휘해야 함.&lt;br /&gt;
**메시지를 담는 소리&lt;br /&gt;
***쉽게 말해 대화하는 것. 모든 종류의 메시지는 상호간에 소통하는 공통점이 필요.&lt;br /&gt;
***명확하고 효율적으로 메시지를 전달하기 위해서는 쉽고 단순한 단어를 사용하고 메시지의 의미도 한가지로 제한.&lt;br /&gt;
***언어 : 서로 이해할 수 있는 하나의 언어&lt;br /&gt;
***환경적 특성 : 지리적 환경 뿐만 아니라 시간, 기후, 문화적 환경 등 사용자의 다양한 환경요소 고려&lt;br /&gt;
***절차적 연관성 : 서로간에 절차의 흐름을 정확하게 공유. ex) ARS&lt;br /&gt;
*음향정보의 특성&lt;br /&gt;
**선형성 : 소리는 선형적. 주의 집중과 메시지를 이해하는 데 필요한 시간 고려.  ex)[http://www.podbbang.com/ranking/daily 팟캐스트]&lt;br /&gt;
**전파성 : 적합한 상황과 목적에 따라 사용. &lt;br /&gt;
**취향과 감성 : 소리는 시각정보 이상으로 상상력을 자극. 음향은 언제나 선택 및 조절할 수 있게 구성.&lt;br /&gt;
*음향 인터페이스 AUI&lt;br /&gt;
**제품에서 음향인터페이스를 디자인할 때 생각해야할 주제들&lt;br /&gt;
 사용자 행위와 기대에 적절하게 반응하는 자연스럽과 직관적인 피드백을 제공하는가?&lt;br /&gt;
 소리가 일관성과 규칙성을 가지고 체계적으로 구성되는가?&lt;br /&gt;
 제품의 전략적인 방향성을 감성적인 면에서도 충분히 표현하는가?&lt;br /&gt;
 사생활이나 공공장소에서의 불편함을 끼치지 않는가?&lt;br /&gt;
 음량이 너무 크거나 자극적인 소리로 인해 사용자에게 스트레스를 주는가?&lt;br /&gt;
&lt;br /&gt;
**긍정적인 사용자 경험을 추구하는 제품이라면 소리를 통한 전체적인 경험에서 일관성과 방향성을 유지해야함.&lt;br /&gt;
&lt;br /&gt;
====터치와 촉감으로 디자인하라====&lt;br /&gt;
*개인PC시대에는 키보드와 마우스로 조작하기 때문에 모니터와 직접적인 소통이 없었음&lt;br /&gt;
*모바일 혁명이후 터치인터페이스가 널리 일반화됨.&lt;br /&gt;
*촉감 요소는 현재 진동정도에 그치지만, 그래픽과 모션디자인을 활용해 가상의 촉감을 디자인할 수 있음.&lt;br /&gt;
*'타격감' : 액션 게임에서 느끼는 특유의 조작감. 여러가지 요소가 순간적으로 결합하여 하나의 타격감, 즉 촉각을 창출.&lt;br /&gt;
*햅틱 피드백 : 직관적인 형태의 메시지 역할, 촉각은 청각에 비해 사용자에 따른 민감도나 인지능력의 차이가 큼. 시각정보와 함께 사용자 주의집중을 강화하는 수단으로 사용하는 것이 적합.&lt;br /&gt;
====하드웨어와 소프트웨어의 사용자 경험을 고려하라====&lt;br /&gt;
*최근 스마트 기기는 내장된 운영체제와 소프트웨엉, 이들을 탑재하고 물리적인 소통방법을 제공하는 제품 디자인 사이의 유기적인 통합을 강조.&lt;br /&gt;
*유연한 하드웨어 인터페이스&lt;br /&gt;
**스마트폰이 주목받는 이유는 확장성과 유용성 : 자유롭게 어플리케이션 설치.&lt;br /&gt;
**최근 기술트렌드는 사용자 선택과 필요성에 따라 확장할 수 있는 유용성에 초점&lt;br /&gt;
**따라서 하드웨어 또한 유연한 환경에 대응할 수 있어야 함. 화면 기반의 인터페이스의 중요성이 확대됨&lt;br /&gt;
*경계없는 인터페이스 : 하드웨어와 소프트웨어는 사용자 입장에서는 하나의 통합된 제품. 이 두가지가 하나의 목적과 가치를 공유하여 자연스럽게 연결되어야 함.&lt;br /&gt;
*감성적 통합 : 물리적 제품의 외형인 하드웨어는 직관적이며 직접 사용자 감성에 다가감. 반면 소프트웨어는 뇌의 인지작용을 거져 정신적인 교감을 형성.&lt;br /&gt;
====새로운 경험을 디자인하라====&lt;br /&gt;
*웨어러블 제품 : 현실세계에 디지털콘텐츠와 서비스를 더해 새로운 가치를 만드는 증강현실 콘셉 제품. ex) 구글 글래스&lt;br /&gt;
*웨어러블 기기 시장은 아직 초기 단계로, 성공가능성을 높이기 위해서는 사용자 관점에서 이해하는 '통찰력'이 필요.&lt;br /&gt;
*웨어러블 컴퓨터 분야는 다양한 시도가 진행중. 감성에 초점을 맞춘 시도도 꾸준히 진행.&lt;br /&gt;
*휴대에서 착용으로 : 착용형 장치는 사용자와 기기 사이의 관계에서 큰 장점을 가짐. 신체에 밀착되어 사용자 경험을 동시에 공유하고 이를 지능적으로 활용하여 새로운 가치를 만들 수 있음.&lt;br /&gt;
*감성 vs 기능성 : 필요성과 별도로 감성적인 영향을 미침&lt;br /&gt;
**감성 : 미적인 영역. 웨어러블 영역에 자연스럽게 어울리는 기능과 외형/ 감성적인 소통요소 디자인영역. 1인칭 관점의 공유&lt;br /&gt;
*신체정보의 활용 : 개인의 영역을 확장시킴. 사용자의 기본적인 신체상태와 활동상황을 실시간으로 분석.&lt;br /&gt;
*개인영역의 확장 : 카메라를 통해 시각정보를 저장하고 위치를 추적하여 온라인에 기록. 이를 바탕으로 멀티미디어 콘텐츠도 생산가능.&lt;br /&gt;
*특수목적 : 스포츠나 군사 목적, 의료 활동을 위한 연구, 재해 대책이나 우주 탐사 등을 위한 것.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1146</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1146"/>
				<updated>2018-10-14T05:58:31Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 소리로 전달하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
[[File:Deadspace.jpg|thumb|Dead Space]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.&lt;br /&gt;
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등&lt;br /&gt;
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]&lt;br /&gt;
====개성과 분위기를 표현하라====&lt;br /&gt;
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.&lt;br /&gt;
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법&lt;br /&gt;
**색 ex) Cuphead, Limbo 등&lt;br /&gt;
**질감&lt;br /&gt;
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]&lt;br /&gt;
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등&lt;br /&gt;
====움직임을 표현하라====&lt;br /&gt;
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.&lt;br /&gt;
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.&lt;br /&gt;
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.&lt;br /&gt;
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능&lt;br /&gt;
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.&lt;br /&gt;
====친절한 디자인을 하라====&lt;br /&gt;
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것&lt;br /&gt;
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.&lt;br /&gt;
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.&lt;br /&gt;
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험. &lt;br /&gt;
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개&lt;br /&gt;
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]&lt;br /&gt;
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.&lt;br /&gt;
====소리로 전달하라====&lt;br /&gt;
*사람의 오감은 개별적으로 작동하지 않고 동시에 전체적인 직관을 형성. 소리는 필수적인 요소.&lt;br /&gt;
*칵테일 파티와 주의 집중&lt;br /&gt;
**칵테일 파티(Cocktail Party) 효과[선택적 지각(Selective Perception) : 주변환경이 소음으로 가득해도 주의를 집중하여 원하는 소리를 듣는것. &lt;br /&gt;
**UX디자인의 소리는 다른 소리와 분명하게 구분하고 직관적이어야 하며, 객관적인 정보를 담을 수 있어야 함. &lt;br /&gt;
*소리 정보의 활용&lt;br /&gt;
**직관적인 소리&lt;br /&gt;
***인공적인 소리를 디자인하기 전에 직관적인 소리 정보를 얻고 활용해야 하는 점을 이해해야함. &lt;br /&gt;
***직관적인 소리는 대부분 경험을 통해 축적되어 상황과 소리는 자연스러운 관계를 가짐.&lt;br /&gt;
***ex) 크리스털와인잔, 금속 자물쇠, 애플사의 Mighty Mouse, 시리얼, 구급차 등&lt;br /&gt;
***직관적인 소리는 정보를 빠르게 전달. 기본적으로 직관성을 보장할 수 있는 범위에서 창의성을 발휘해야 함.&lt;br /&gt;
**메시지를 담는 소리&lt;br /&gt;
***쉽게 말해 대화하는 것. 모든 종류의 메시지는 상호간에 소통하는 공통점이 필요.&lt;br /&gt;
***명확하고 효율적으로 메시지를 전달하기 위해서는 쉽고 단순한 단어를 사용하고 메시지의 의미도 한가지로 제한.&lt;br /&gt;
***언어 : 서로 이해할 수 있는 하나의 언어&lt;br /&gt;
***환경적 특성 : 지리적 환경 뿐만 아니라 시간, 기후, 문화적 환경 등 사용자의 다양한 환경요소 고려&lt;br /&gt;
***절차적 연관성 : 서로간에 절차의 흐름을 정확하게 공유. ex) ARS&lt;br /&gt;
*음향정보의 특성&lt;br /&gt;
**선형성 : 소리는 선형적. 주의 집중과 메시지를 이해하는 데 필요한 시간 고려.  ex)[http://www.podbbang.com/ranking/daily 팟캐스트]&lt;br /&gt;
**전파성 : 적합한 상황과 목적에 따라 사용. &lt;br /&gt;
**취향과 감성 : 소리는 시각정보 이상으로 상상력을 자극. 음향은 언제나 선택 및 조절할 수 있게 구성.&lt;br /&gt;
*음향 인터페이스 AUI&lt;br /&gt;
**제품에서 음향인터페이스를 디자인할 때 생각해야할 주제들&lt;br /&gt;
 사용자 행위와 기대에 적절하게 반응하는 자연스럽과 직관적인 피드백을 제공하는가?&lt;br /&gt;
 소리가 일관성과 규칙성을 가지고 체계적으로 구성되는가?&lt;br /&gt;
 제품의 전략적인 방향성을 감성적인 면에서도 충분히 표현하는가?&lt;br /&gt;
 사생활이나 공공장소에서의 불편함을 끼치지 않는가?&lt;br /&gt;
 음량이 너무 크거나 자극적인 소리로 인해 사용자에게 스트레스를 주는가?&lt;br /&gt;
&lt;br /&gt;
**긍정적인 사용자 경험을 추구하는 제품이라면 소리를 통한 전체적인 경험에서 일관성과 방향성을 유지해야함.&lt;br /&gt;
&lt;br /&gt;
====터치와 촉감으로 디자인하라====&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1145</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1145"/>
				<updated>2018-10-14T05:57:38Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 소리로 전달하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
[[File:Deadspace.jpg|thumb|Dead Space]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.&lt;br /&gt;
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등&lt;br /&gt;
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]&lt;br /&gt;
====개성과 분위기를 표현하라====&lt;br /&gt;
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.&lt;br /&gt;
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법&lt;br /&gt;
**색 ex) Cuphead, Limbo 등&lt;br /&gt;
**질감&lt;br /&gt;
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]&lt;br /&gt;
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등&lt;br /&gt;
====움직임을 표현하라====&lt;br /&gt;
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.&lt;br /&gt;
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.&lt;br /&gt;
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.&lt;br /&gt;
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능&lt;br /&gt;
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.&lt;br /&gt;
====친절한 디자인을 하라====&lt;br /&gt;
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것&lt;br /&gt;
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.&lt;br /&gt;
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.&lt;br /&gt;
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험. &lt;br /&gt;
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개&lt;br /&gt;
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]&lt;br /&gt;
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.&lt;br /&gt;
====소리로 전달하라====&lt;br /&gt;
*사람의 오감은 개별적으로 작동하지 않고 동시에 전체적인 직관을 형성. 소리는 필수적인 요소.&lt;br /&gt;
*칵테일 파티와 주의 집중&lt;br /&gt;
**칵테일 파티(Cocktail Party) 효과[선택적 지각(Selective Perception) : 주변환경이 소음으로 가득해도 주의를 집중하여 원하는 소리를 듣는것. &lt;br /&gt;
**UX디자인의 소리는 다른 소리와 분명하게 구분하고 직관적이어야 하며, 객관적인 정보를 담을 수 있어야 함. &lt;br /&gt;
*소리 정보의 활용&lt;br /&gt;
**직관적인 소리&lt;br /&gt;
***인공적인 소리를 디자인하기 전에 직관적인 소리 정보를 얻고 활용해야 하는 점을 이해해야함. &lt;br /&gt;
***직관적인 소리는 대부분 경험을 통해 축적되어 상황과 소리는 자연스러운 관계를 가짐.&lt;br /&gt;
***ex) 크리스털와인잔, 금속 자물쇠, 애플사의 Mighty Mouse, 시리얼, 구급차 등&lt;br /&gt;
***직관적인 소리는 정보를 빠르게 전달. 기본적으로 직관성을 보장할 수 있는 범위에서 창의성을 발휘해야 함.&lt;br /&gt;
**메시지를 담는 소리&lt;br /&gt;
***쉽게 말해 대화하는 것. 모든 종류의 메시지는 상호간에 소통하는 공통점이 필요.&lt;br /&gt;
***명확하고 효율적으로 메시지를 전달하기 위해서는 쉽고 단순한 단어를 사용하고 메시지의 의미도 한가지로 제한.&lt;br /&gt;
***언어 : 서로 이해할 수 있는 하나의 언어&lt;br /&gt;
***환경적 특성 : 지리적 환경 뿐만 아니라 시간, 기후, 문화적 환경 등 사용자의 다양한 환경요소 고려&lt;br /&gt;
***절차적 연관성 : 서로간에 절차의 흐름을 정확하게 공유. ex) ARS&lt;br /&gt;
*음향정보의 특성&lt;br /&gt;
**선형성 : 소리는 선형적. 주의 집중과 메시지를 이해하는 데 필요한 시간 고려.  ex)[http://www.podbbang.com/ranking/daily 팟캐스트]&lt;br /&gt;
**전파성 : 적합한 상황과 목적에 따라 사용. &lt;br /&gt;
**취향과 감성 : 소리는 시각정보 이상으로 상상력을 자극. 음향은 언제나 선택 및 조절할 수 있게 구성.&lt;br /&gt;
*음향 인터페이스 AUI&lt;br /&gt;
**제품에서 음향인터페이스를 디자인할 때 생각해야할 주제들&lt;br /&gt;
 사용자 행위와 기대에 적절하게 반응하는 자연스럽과 직관적인 피드백을 제공하는가?&lt;br /&gt;
 소리가 일관성과 규칙성을 가지고 체계적으로 구성되는가?&lt;br /&gt;
 제품의 전략적인 방향성을 감성적인 면에서도 충분히 표현하는가?&lt;br /&gt;
 사생활이나 공공장소에서의 불편함을 끼치지 않는가?&lt;br /&gt;
 음량이 너무 크거나 자극적인 소리로 인해 사용자에게 스트레스를 주는가?&lt;br /&gt;
**긍정적인 사용자 경험을 추구하는 제품이라면 소리를 통한 전체적인 경험에서 일관성과 방향성을 유지해야함.&lt;br /&gt;
====터치와 촉감으로 디자인하라====&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1144</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1144"/>
				<updated>2018-10-14T05:42:01Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 메시지를 디자인하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
[[File:Deadspace.jpg|thumb|Dead Space]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.&lt;br /&gt;
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등&lt;br /&gt;
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]&lt;br /&gt;
====개성과 분위기를 표현하라====&lt;br /&gt;
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.&lt;br /&gt;
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법&lt;br /&gt;
**색 ex) Cuphead, Limbo 등&lt;br /&gt;
**질감&lt;br /&gt;
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]&lt;br /&gt;
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등&lt;br /&gt;
====움직임을 표현하라====&lt;br /&gt;
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.&lt;br /&gt;
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.&lt;br /&gt;
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.&lt;br /&gt;
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능&lt;br /&gt;
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.&lt;br /&gt;
====친절한 디자인을 하라====&lt;br /&gt;
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것&lt;br /&gt;
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.&lt;br /&gt;
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.&lt;br /&gt;
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험. &lt;br /&gt;
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개&lt;br /&gt;
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]&lt;br /&gt;
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.&lt;br /&gt;
====소리로 전달하라====&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1143</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1143"/>
				<updated>2018-10-14T05:15:58Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 메시지를 디자인하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
[[File:Deadspace.jpg|thumb|Dead Space]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=File:Deadspace.jpg&amp;diff=1142</id>
		<title>File:Deadspace.jpg</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=File:Deadspace.jpg&amp;diff=1142"/>
				<updated>2018-10-14T05:15:08Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1141</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1141"/>
				<updated>2018-10-14T05:14:59Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* RULE5 감성으로 접근하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
[[File:deadspace.jpg|thumb|Dead Space]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1140</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1140"/>
				<updated>2018-10-14T05:07:03Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* RULE5 감성으로 접근하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb|XMB 인터페이스]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1139</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1139"/>
				<updated>2018-10-14T05:06:34Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 메시지를 디자인하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:XMB.jpg|thumb]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=File:XMB.jpg&amp;diff=1138</id>
		<title>File:XMB.jpg</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=File:XMB.jpg&amp;diff=1138"/>
				<updated>2018-10-14T05:06:08Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1137</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1137"/>
				<updated>2018-10-14T05:05:52Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 메시지를 디자인하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
[[File:xmb.jpg|thumb]]&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1136</id>
		<title>UX 모임 2018-10-22</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-22&amp;diff=1136"/>
				<updated>2018-10-14T05:04:54Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[UX 모임]]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE5 감성으로 접근하라===&lt;br /&gt;
====핵심콘텐츠에 집중하라====&lt;br /&gt;
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단&lt;br /&gt;
&lt;br /&gt;
**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]&lt;br /&gt;
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]&lt;br /&gt;
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]&lt;br /&gt;
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]&lt;br /&gt;
&lt;br /&gt;
*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함. &lt;br /&gt;
====메시지를 디자인하라====&lt;br /&gt;
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.&lt;br /&gt;
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남. &lt;br /&gt;
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.&lt;br /&gt;
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것. &lt;br /&gt;
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음. &lt;br /&gt;
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
*살펴볼 사이트: &lt;br /&gt;
&lt;br /&gt;
===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===&lt;br /&gt;
*How do we operate something new? --&amp;gt; Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations) &lt;br /&gt;
&lt;br /&gt;
====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====&lt;br /&gt;
&lt;br /&gt;
'''Physical constraints'''&lt;br /&gt;
*Limited number of actions&lt;br /&gt;
*Desired action made obvious&lt;br /&gt;
*Restriction prior to any action being taken (to prevent wrong action before it happens)&lt;br /&gt;
**Battery design; USB design?&lt;br /&gt;
*Legacy problem: too many devices use the existing standard&lt;br /&gt;
**Expense of change? &lt;br /&gt;
**Corporate thinking - not caring about the customer&lt;br /&gt;
&lt;br /&gt;
'''Cultural constraints'''&lt;br /&gt;
*Each culture has a set of allowable actions for social situations&lt;br /&gt;
*Ex: Restaurant, public transportation&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Semantic constraints'''&lt;br /&gt;
*The meaning of the situation controls the set of possible actions&lt;br /&gt;
*Can change over time&lt;br /&gt;
&lt;br /&gt;
'''Logical constraints'''&lt;br /&gt;
*After all other options, what is left?&lt;br /&gt;
*Obvious errors&lt;br /&gt;
*Natural mappings help here&lt;br /&gt;
&lt;br /&gt;
'''Cultural norms, conventions, and standards'''&lt;br /&gt;
*Greetings with people, traffic laws, food etiquette&lt;br /&gt;
*A form of cultural constraint&lt;br /&gt;
*Sometimes become international standards or laws&lt;br /&gt;
*Violate conventions, and you are marked as an outsider&lt;br /&gt;
&lt;br /&gt;
====Applying Affordances, Signifiers, and Constraints to Everyday Objects====&lt;br /&gt;
&lt;br /&gt;
'''The problem with doors'''&lt;br /&gt;
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. &lt;br /&gt;
*Focus on aesthetics may blind the designer/purchaser to the lack of usability&lt;br /&gt;
*Cultural norms play a role&lt;br /&gt;
&lt;br /&gt;
'''The problem with switches'''&lt;br /&gt;
*Can be annoying... or dangerous&lt;br /&gt;
*Must know: 1) what they control, 2) mapping (which they control)&lt;br /&gt;
*More switched --&amp;gt; more danger&lt;br /&gt;
*Problem comes from coordination of various professions&lt;br /&gt;
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?&lt;br /&gt;
&lt;br /&gt;
'''Activity-centered controls'''&lt;br /&gt;
*video, comptuer, full ights, lecture, etc. &lt;br /&gt;
*can be done poorly&lt;br /&gt;
*device-centered is a wrong approach - different switches/screens for different devices&lt;br /&gt;
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings&lt;br /&gt;
*manual setting should not cause the current activity to be canceled&lt;br /&gt;
&lt;br /&gt;
====Constraints That Force the Desired Behavior====&lt;br /&gt;
&lt;br /&gt;
'''Forcing functions'''&lt;br /&gt;
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening&lt;br /&gt;
*ex: car keys&lt;br /&gt;
&lt;br /&gt;
'''Interlocks'''&lt;br /&gt;
*Forces operations to take place in proper sequence&lt;br /&gt;
*Press down brake pedal to switch out of park&lt;br /&gt;
*&amp;quot;Dead man's switch&amp;quot; - user must hold down switch during use so that if they die/are injured the operation stops&lt;br /&gt;
**lawn mower, chainsaw, etc. &lt;br /&gt;
&lt;br /&gt;
'''Lock-ins'''&lt;br /&gt;
*Keeps an operation active, presenting someone from prematurely stopping it&lt;br /&gt;
*Ex: &amp;quot;Want to save file?&amp;quot;, jail cells, play pens &lt;br /&gt;
* Devices which only are compatible with the company's other devices&lt;br /&gt;
&lt;br /&gt;
'''Lockouts'''&lt;br /&gt;
*Prevents people from entering a dangerous space or prevents an action&lt;br /&gt;
*Barrier between ground floor and basement for fire safety&lt;br /&gt;
&lt;br /&gt;
====Conventions, Constraints, and Affordances====&lt;br /&gt;
*From perception of an affordance to understanding the potential action relies on conventions&lt;br /&gt;
*Ex: doorknob&lt;br /&gt;
&lt;br /&gt;
'''Conventions are cultural constraints'''&lt;br /&gt;
&lt;br /&gt;
'''When conventions change: the case of destination-control elevators'''&lt;br /&gt;
&lt;br /&gt;
'''People's responses to changes in conventions'''&lt;br /&gt;
*People complain, new learning is required&lt;br /&gt;
*The merits don't matter, the change does&lt;br /&gt;
*Ex: metric system and the U.S.&lt;br /&gt;
&lt;br /&gt;
====The Faucet: A Case History of Design====&lt;br /&gt;
*How to deal with hot and cold&lt;br /&gt;
**Separate not and cold? Only temperature? Only amount? On-off?&lt;br /&gt;
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?&lt;br /&gt;
&lt;br /&gt;
====Using Sound as Signifiers====&lt;br /&gt;
*Useful signifier, but can annoy/distract&lt;br /&gt;
*Silence can be dangerous&lt;br /&gt;
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit&lt;br /&gt;
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-08&amp;diff=1129</id>
		<title>UX 모임 2018-10-08</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-08&amp;diff=1129"/>
				<updated>2018-10-08T01:36:59Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* RULE4 일관성 있게 디자인하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE4 일관성 있게 디자인하라===&lt;br /&gt;
*좋은 디자인의 기본 방향 : 단순하고 쉬운 디자인&lt;br /&gt;
====콘텐츠에 따라 구조를 최적화하라====&lt;br /&gt;
*제품을 구성하고 설계하는 것은 인터페이스를 디자인하는 것. 단순하게는 기능조절 요소지만 더 나아가서 모든 구성요소의 위치, 크기와 같은 속성들이 효율성에 영향&lt;br /&gt;
*&amp;lt;b&amp;gt;디자이너가 레이아웃에서 반드시 고민해야할 것.&amp;lt;/b&amp;gt;&lt;br /&gt;
**미적균형과 직관적인 구조설계&lt;br /&gt;
**기능적인 효율을 극대화한 설계&lt;br /&gt;
**전략적인 목적에 따른 설계&lt;br /&gt;
**다양한 사용자 환경에 대응하는 설계&lt;br /&gt;
====미디어 특성을 고려하여 레이아웃하라====&lt;br /&gt;
*그리드 시스템(Grid system) : 공간을 가상의 격자로 분할하여 콘텐츠 크기와 속성, 콘텐츠 간의 연관성을 참고하여 배치하는 방법.&lt;br /&gt;
=&amp;gt; 콘텐츠 배치에 대한 규약을 시스템화&lt;br /&gt;
*다양한 종류의 콘텐츠(이미지, 동영상, 대화형 콘텐츠, UI)와 같은 미디어 특성을 고려하여 레이아웃 설계&lt;br /&gt;
**문자 : 텍스트블록(text block) [http://eowilsonfoundation.org/e-o-wilson-s-life-on-earth/ E.O. Wilson’s Life on Earth]&lt;br /&gt;
**이미지 : 기존의 문자정보 이미지화. 정적인 이미지에 애니메이션 결합. [https://www.apple.com/ipad-9.7/ ipad]&lt;br /&gt;
**차트와 그래프, 인포그래픽 : 데이터를 도표로 표현. 그래프 스타일에도 메시지와 의도 반영. [https://www.engadget.com/2014/03/19/10-years-of-social-media-by-the-numbers/ 10 years in social media]&lt;br /&gt;
**동영상 : 될수있으면 동영상만 배치. 일반 웹사이트에는 콘텐츠에 대한 설명 함께 게시. [http://www.bbc.com/ bbc]&lt;br /&gt;
**오디오 : 아이콘이나 컨트롤바, 혹은 파형으로 시각화. [https://soundcloud.com/ soundcloud]&lt;br /&gt;
**대화형 콘텐츠 : 핵심콘텐츠인데 보조콘텐츠인지에 따라 배치전략 차이. [http://matthiaswieber.de/ matthiaswieber]&lt;br /&gt;
*콘텐츠 구성 유형과 역할을 검토한 다음 각각의 목적과 기능, 역할, 메시지 등 기본구조를 구축하고 이를 어떻게 설계할 것인지 계획&lt;br /&gt;
====조화로운 레이아웃을 설계하라====&lt;br /&gt;
*횡방향 하향 : 왼쪽위-&amp;gt; 오른쪽 아래. 가장 익숙한 방식&lt;br /&gt;
*방사형 : 하나의 중심요소를 기준으로 나머지 요소 파생&lt;br /&gt;
*하향 : 위쪽이 고차원, 아래쪽은 종속&lt;br /&gt;
*트리형 :하향과 유사하나 단계별 요소들은 수평이 될 수도.&lt;br /&gt;
*중앙형 : 가장 중요한 요소를 공간의 중심에 배치&lt;br /&gt;
*상단 배치형 : 넓은 면적의 중심콘텐츠 + 아래에 부연설명&lt;br /&gt;
*면적 비례형 : 공간의 크기로 중요성 표현&lt;br /&gt;
*인접형 : 요소의 관계에 따라 가깝게 배치.&lt;br /&gt;
====스타일 가이드로 사용성을 극대화하라====&lt;br /&gt;
*스타일 가이드(Style Guide) : 레이아웃 가이드라인에 미적인 요소, 즉 감성적인 가치가 더해진 것. 세부 디자인 요소를 표준화하여 사이트의 일관성 유지&lt;br /&gt;
====효율적으로 기능을 설계하라====&lt;br /&gt;
*모바일 앱 : 디자인과 기능 뿐만 아니라 간편하게 사용할 수 있도록 만드는데 중점&lt;br /&gt;
*레이아웃 배치 : 한 화면에 5-7이내의 요소 배치&lt;br /&gt;
*모듈러 시스템(modular system) : 특성별로 콘텐츠를 묶어서 제공.&lt;br /&gt;
*화면에 어떻게 배치하는 가는 가장 기본적인 조건 &lt;br /&gt;
*모듈러 시스템을 통한 직관적인 방식의 UI [https://www.grasshopper3d.com/ grasshopper]&lt;br /&gt;
====전략적으로 레이아웃을 구성하라====&lt;br /&gt;
*레이아웃 전략 : 콘텐츠 제공자의 전략적인 목적으로 레이아웃 스타일 설계 [https://www.naver.com/ naver]VS.[https://www.daum.net/ daum]&lt;br /&gt;
*목적과 필요에 의해 레이아웃을 설계하는 때 중요한 것은 전체 제품 및 서비스콘셉트와 이를 실현하는 세부 콘텐츠 사이의 연관성. &lt;br /&gt;
*구성요소가 연관성을 잃지 않는 방법&lt;br /&gt;
**사용자관점에서의 정보 접근성과 깊이 : 사용자가 단계적으로 접근할 수 있게 구성&lt;br /&gt;
**중요기능이나 콘텐츠 우선 배치 : 사용자는 자신에게 필요한 것에만 집중하므로 간결한 정보구조&lt;br /&gt;
**그래픽 디자인, 음향 효과와 같은 요소 활용 : 미디어 디자인 요소 활용&lt;br /&gt;
====다양한 사용자 환경에 맞춰 설계하라====&lt;br /&gt;
*반응형 웹으로 구축 : 기술적인 환경에 적극적으로 대응. + 콘텐츠의 의도와 가치를 유지하면서 기기별 특성에 맞게 설계 [https://www.moomin.com/en/ moominvalley]&lt;br /&gt;
*반응형 웹에서도 이미지 요소가 가장 중요.&lt;br /&gt;
====제품의 아이덴티티를 디자인하라====&lt;br /&gt;
*UX디자인에서 제품의 아이덴티티는 '종합적인 경험'. 모든 요소가 사용자 머릿속에 남는 경험.&lt;br /&gt;
*사용자 경험(User experience) : 사용자가 제품을 어떻게 찾고, 어디서 구매하며, 포장을 뜯고, 설명서를 읽은 후 사용하기 시작하고 어느정도 익숙해지는 모든 과정!&lt;br /&gt;
*사용자가 경험하는 동안 긍정적인 생각을 갖게 만들어서 경험이 각인됨.&lt;br /&gt;
*UX디자이너는 세부영역의 구체적인 방법을 모를 수 있지만 대신 제품을 사용자 관점에서 볼 수 있게 돕는 역할. &lt;br /&gt;
*제품의 아이덴티티 디자인 과정에서 고려해야할 주제&lt;br /&gt;
**제품의 아이덴티티와 이미지&lt;br /&gt;
**제품의 개성과 보편성&lt;br /&gt;
**경험에서 얻어지는 아이덴티티 [https://www.mouthshut.com/ mouthshut]&lt;br /&gt;
====직관적으로 드러내라====&lt;br /&gt;
*의도하지 않은 의미로 해석될 위험을 예측하라&lt;br /&gt;
*통일감과 변화의 균형을 추구하라 [https://www.adobe.com/kr/ adobe]&lt;br /&gt;
*브랜드 시스템 영역으로 인식시켜라&lt;br /&gt;
*군더더기 없이 명쾌하게 디자인하라&lt;br /&gt;
*제품의 핵심가치를 디자인하라&lt;br /&gt;
*쉽게 친숙해지도록 디자인하라&lt;br /&gt;
*직관적으로 디자인하라&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===유용한 제목을 만들기 위한 12가지 지침===&lt;br /&gt;
*제목으로 콘텐츠의 윤곽을 잡아라&lt;br /&gt;
*사람들이 질문을 가지고 올 때는 제목에서 질문을 하라&lt;br /&gt;
**좋은 웹 콘텐츠 제목을 쓰는 4가지 방법&lt;br /&gt;
**#사람들이 생각하는 질문으로 만들어라.&lt;br /&gt;
**#대화를 생각하라. 방문자의 입장에서 질문하라.&lt;br /&gt;
**#질문을 짧게 만들어라.&lt;br /&gt;
**#빠르게 접근할 수 있게 핵심 단어로 시작하라.&lt;br /&gt;
*핵심 요지를 전달할 때는 진술문으로 된 제목을 제공하라&lt;br /&gt;
*절차를 보여주는 제목에는 행위 절을 이용하라&lt;br /&gt;
*명사나 명사구로 된 제목은 가끔만 사용하라&lt;br /&gt;
*제목에 방문자의 언어를 담아라&lt;br /&gt;
*평행의 힘을 활용하라&lt;br /&gt;
*너무 깊이 파고들지 마라:제목을 두 레벨 이상으로 만들지 마라(페이지 타이틀 아래로)&lt;br /&gt;
*제목의 레벨을 분명히 하라&lt;br /&gt;
*글자 크기, 진하기, 색상으로 본문과 제목을 차별화하라&lt;br /&gt;
*같은 페이지 링크로 사람들이 쉽게 옮겨 다니게 하라&lt;br /&gt;
*평가하라. 여러분이 쓴 제목을 읽어보라.&lt;br /&gt;
&lt;br /&gt;
=='''''The Design of Everyday Things'' Ch. 3: Knowledge in the Head and in the World''' (린지)== &lt;br /&gt;
* How we acquire knowledge and use it 지식을 어떻게 얻고 사용하는지에 대함&lt;br /&gt;
*예: 화폐가 어떻게 생겼는지? 화폐는 정확히 어떻게 생겼는지 모르더라도 사용할 수 있다. &lt;br /&gt;
&lt;br /&gt;
===Precise Behavior from Imprecise Knowledge 정확하지 않은 지식을 통한 정확한 행동===&lt;br /&gt;
# Knowledge is both in the head and in the world. 지식은 머리(뇌)와 (그 외의) 세상(세계) 속에 있다. &lt;br /&gt;
# Great precision is not required. 최고의 정밀성이 필수적이지 않다. &lt;br /&gt;
# Natural constraints exist in the world. 세계에서는 자연적인 제한이 있다. &lt;br /&gt;
# Knowledge of cultural constrains and conventions exists in the head. 문화적인 제한과 관습에 대한 지식은 머리 속에 있다. &lt;br /&gt;
&lt;br /&gt;
'''Knowledge is in the World'''&lt;br /&gt;
*&amp;quot;We only need to remember sufficient knowledge to let us get our tasks done. Because so much knowledge is available in the environment, it is surprising how little we need to learn. This is one reason people can function well in their environment and still be unable to describe what they do.&amp;quot;&lt;br /&gt;
*Knowledge ''of'' (declarative - fact and rules; easy to teach, can be false) vs knowledge ''how'' (procedural; difficult to teach, subconscious)&lt;br /&gt;
&lt;br /&gt;
'''When Precision if Unexpectedly Required'''&lt;br /&gt;
* 예: 새로운 화폐는 기존 화폐와 비슷해서 국민들이 구별을 못 한다. &lt;br /&gt;
* Differentiation when there is one versus many&lt;br /&gt;
&lt;br /&gt;
'''Constraints Simplify Memory'''&lt;br /&gt;
*Epic poems - meaning + rhymes help with memory&lt;br /&gt;
*Limits to how to put things together&lt;br /&gt;
&lt;br /&gt;
===Memory is Knowledge in the Head===&lt;br /&gt;
*Ali Baba and the Forty Thieves&lt;br /&gt;
*비밀번호 외우기의 어려움&lt;br /&gt;
*안전&lt;br /&gt;
&lt;br /&gt;
===The Structure of Memory===&lt;br /&gt;
&lt;br /&gt;
'''Short-term of Working Memory'''&lt;br /&gt;
&lt;br /&gt;
'''Long-term Memory'''&lt;br /&gt;
&lt;br /&gt;
'''Memory for Arbitrary and Meaningful Things'''&lt;br /&gt;
&lt;br /&gt;
===Approximate Models: Memory in the Real World===&lt;br /&gt;
&lt;br /&gt;
'''Example 1: Converting Temperatures between Fahrenheit and Celsius'''&lt;br /&gt;
&lt;br /&gt;
'''Example 2: A Model of Short-term Memory'''&lt;br /&gt;
&lt;br /&gt;
'''Example 3: Steering a Motorcycle'''&lt;br /&gt;
&lt;br /&gt;
'''Example 4: &amp;quot;Good Enough&amp;quot; Arithmetic'''&lt;br /&gt;
&lt;br /&gt;
'''Scientific Theory Versus Everyday Practice'''&lt;br /&gt;
&lt;br /&gt;
===Knowledge in the Head===&lt;br /&gt;
&lt;br /&gt;
'''How Pilots Remember what Air-traffic Control Tells Them'''&lt;br /&gt;
&lt;br /&gt;
'''Reminding: Prospective Memory'''&lt;br /&gt;
&lt;br /&gt;
===The Tradeoff Between Knowledge in the World and in the Head===&lt;br /&gt;
&lt;br /&gt;
===Memory in Multiple Heads, Multiple Devices===&lt;br /&gt;
&lt;br /&gt;
===Natural Mapping===&lt;br /&gt;
&lt;br /&gt;
===Culture and Design: Natural Mappings Can Vary with Culture===&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-08&amp;diff=1128</id>
		<title>UX 모임 2018-10-08</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-10-08&amp;diff=1128"/>
				<updated>2018-10-08T00:29:37Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 선애 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;==선애==&lt;br /&gt;
===RULE4 일관성 있게 디자인하라===&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===유용한 제목을 만들기 위한 12가지 지침===&lt;br /&gt;
*제목으로 콘텐츠의 윤곽을 잡아라&lt;br /&gt;
*사람들이 질문을 가지고 올 때는 제목에서 질문을 하라&lt;br /&gt;
**좋은 웹 콘텐츠 제목을 쓰는 4가지 방법&lt;br /&gt;
**#사람들이 생각하는 질문으로 만들어라.&lt;br /&gt;
**#대화를 생각하라. 방문자의 입장에서 질문하라.&lt;br /&gt;
**#질문을 짧게 만들어라.&lt;br /&gt;
**#빠르게 접근할 수 있게 핵심 단어로 시작하라.&lt;br /&gt;
*핵심 요지를 전달할 때는 진술문으로 된 제목을 제공하라&lt;br /&gt;
*절차를 보여주는 제목에는 행위 절을 이용하라&lt;br /&gt;
*명사나 명사구로 된 제목은 가끔만 사용하라&lt;br /&gt;
*제목에 방문자의 언어를 담아라&lt;br /&gt;
*평행의 힘을 활용하라&lt;br /&gt;
*너무 깊이 파고들지 마라:제목을 두 레벨 이상으로 만들지 마라(페이지 타이틀 아래로)&lt;br /&gt;
*제목의 레벨을 분명히 하라&lt;br /&gt;
*글자 크기, 진하기, 색상으로 본문과 제목을 차별화하라&lt;br /&gt;
*같은 페이지 링크로 사람들이 쉽게 옮겨 다니게 하라&lt;br /&gt;
*평가하라. 여러분이 쓴 제목을 읽어보라.&lt;br /&gt;
&lt;br /&gt;
=='''''The Design of Everyday Things'' Ch. 3: Knowledge in the Head and in the World''' (린지)== &lt;br /&gt;
* How we acquire knowledge and use it 지식을 어떻게 얻고 사용하는지에 대함&lt;br /&gt;
*예: 화폐가 어떻게 생겼는지? 화폐는 정확히 어떻게 생겼는지 모르더라도 사용할 수 있다. &lt;br /&gt;
&lt;br /&gt;
===Precise Behavior from Imprecise Knowledge 정확하지 않은 지식을 통한 정확한 행동===&lt;br /&gt;
# Knowledge is both in the head and in the world. 지식은 머리(뇌)와 (그 외의) 세상(세계) 속에 있다. &lt;br /&gt;
# Great precision is not required. 최고의 정밀성이 필수적이지 않다. &lt;br /&gt;
# Natural constraints exist in the world. 세계에서는 자연적인 제한이 있다. &lt;br /&gt;
# Knowledge of cultural constrains and conventions exists in the head. 문화적인 제한과 관습에 대한 지식은 머리 속에 있다. &lt;br /&gt;
&lt;br /&gt;
'''Knowledge is in the World'''&lt;br /&gt;
*&amp;quot;We only need to remember sufficient knowledge to let us get our tasks done. Because so much knowledge is available in the environment, it is surprising how little we need to learn. This is one reason people can function well in their environment and still be unable to describe what they do.&amp;quot;&lt;br /&gt;
*Knowledge ''of'' (declarative - fact and rules; easy to teach, can be false) vs knowledge ''how'' (procedural; difficult to teach, subconscious)&lt;br /&gt;
&lt;br /&gt;
'''When Precision if Unexpectedly Required'''&lt;br /&gt;
* 예: 새로운 화폐는 기존 화폐와 비슷해서 국민들이 구별을 못 한다. &lt;br /&gt;
* Differentiation when there is one versus many&lt;br /&gt;
&lt;br /&gt;
'''Constraints Simplify Memory'''&lt;br /&gt;
*Epic poems - meaning + rhymes help with memory&lt;br /&gt;
*Limits to how to put things together&lt;br /&gt;
&lt;br /&gt;
===Memory is Knowledge in the Head===&lt;br /&gt;
*Ali Baba and the Forty Thieves&lt;br /&gt;
*비밀번호 외우기의 어려움&lt;br /&gt;
*안전&lt;br /&gt;
&lt;br /&gt;
===The Structure of Memory===&lt;br /&gt;
&lt;br /&gt;
'''Short-term of Working Memory'''&lt;br /&gt;
&lt;br /&gt;
'''Long-term Memory'''&lt;br /&gt;
&lt;br /&gt;
'''Memory for Arbitrary and Meaningful Things'''&lt;br /&gt;
&lt;br /&gt;
===Approximate Models: Memory in the Real World===&lt;br /&gt;
&lt;br /&gt;
'''Example 1: Converting Temperatures between Fahrenheit and Celsius'''&lt;br /&gt;
&lt;br /&gt;
'''Example 2: A Model of Short-term Memory'''&lt;br /&gt;
&lt;br /&gt;
'''Example 3: Steering a Motorcycle'''&lt;br /&gt;
&lt;br /&gt;
'''Example 4: &amp;quot;Good Enough&amp;quot; Arithmetic'''&lt;br /&gt;
&lt;br /&gt;
'''Scientific Theory Versus Everyday Practice'''&lt;br /&gt;
&lt;br /&gt;
===Knowledge in the Head===&lt;br /&gt;
&lt;br /&gt;
'''How Pilots Remember what Air-traffic Control Tells Them'''&lt;br /&gt;
&lt;br /&gt;
'''Reminding: Prospective Memory'''&lt;br /&gt;
&lt;br /&gt;
===The Tradeoff Between Knowledge in the World and in the Head===&lt;br /&gt;
&lt;br /&gt;
===Memory in Multiple Heads, Multiple Devices===&lt;br /&gt;
&lt;br /&gt;
===Natural Mapping===&lt;br /&gt;
&lt;br /&gt;
===Culture and Design: Natural Mappings Can Vary with Culture===&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EB%A9%94%EC%9D%B8&amp;diff=1117</id>
		<title>UX 모임: 메인</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EB%A9%94%EC%9D%B8&amp;diff=1117"/>
				<updated>2018-09-18T10:53:19Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 회의록 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;center&amp;gt;'''A collaborative exploration of ideas and solutions with [[User:Pinnochio|김현규]] &amp;amp; [[User:Seonae|조선애]]'''&amp;lt;/center&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==회의록==&lt;br /&gt;
*[[UX 모임 2018-07-09]]&lt;br /&gt;
*[[UX 모임 2018-07-29]]&lt;br /&gt;
*[[UX 모임 2018-08-06]]&lt;br /&gt;
*[[UX 모임 2018-08-13]]&lt;br /&gt;
*[[UX 모임 2018-08-20]]&lt;br /&gt;
*[[UX 모임 2018-08-27]]&lt;br /&gt;
&lt;br /&gt;
==참고 자료==&lt;br /&gt;
&lt;br /&gt;
===책===&lt;br /&gt;
====살펴 본====&lt;br /&gt;
*[http://www.designkit.org/ IDEO 인간중심 디자인툴킷] (린지)&lt;br /&gt;
&lt;br /&gt;
====살펴 보는 중====&lt;br /&gt;
*[http://www.yes24.com/24/goods/15679476?scode=032&amp;amp;OzSrank=1  『좋아 보이는 것들의 비밀, UX 디자인』, 김경홍 저, 길벗]  (조선애)&lt;br /&gt;
*[http://www.yes24.com/24/goods/5929794?scode=032&amp;amp;OzSrank=1 『콘텐츠 ux디자인』, 재니스 레디쉬 저, 위키북스] (김현규)&lt;br /&gt;
*[https://www.amazon.com/Design-Everyday-Things-Revised-Expanded-ebook/dp/B00E257T6C The Design of Everyday Things: Revised and Expanded Edition]. Norman, Don. 2013. (린지)&lt;br /&gt;
&lt;br /&gt;
====살펴 볼(?)====&lt;br /&gt;
*[http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&amp;amp;mallGb=KOR&amp;amp;barcode=9788965402169&amp;amp;orderClick=LAG&amp;amp;Kc= 사용자 경험을 창조하는 UX/UI 디자인]&lt;br /&gt;
*[http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&amp;amp;mallGb=KOR&amp;amp;barcode=9791160502831&amp;amp;orderClick=LAG&amp;amp;Kc= 버려지는 디자인, 통과되는 디자인]&lt;br /&gt;
*[http://www.yes24.com/24/Goods/30468592?Acode=101 디자이너가 아닌 사람들을 위한 디자인북] - 디자인의 A to Z를 알려주는 책. 디자인 기본서.&lt;br /&gt;
*[http://www.yes24.com/24/goods/4522066?scode=032&amp;amp;OzSrank=1 『UX DESIGN』, 노주환 저, 멘토르] : 간단한 개념위주 소개, 사례부족&lt;br /&gt;
*[https://www.amazon.com/Communicating-User-Experience-Practical-Documentation/dp/1119971101 『Communicating the User Experience』]&lt;br /&gt;
*[https://www.amazon.com/Designing-User-Interface-Human-Computer-Interaction/dp/0321537351 『Designing the User Interface』]&lt;br /&gt;
*[http://www.yes24.com/24/goods/6585853?scode=032&amp;amp;OzSrank=1  『Human Computer Interaction 개론』] : 저자가 HCI/UX분야 교수. 기본적인 원리와 구체적인 방법을 다룬다고 함.&lt;br /&gt;
&lt;br /&gt;
===웹사이트===&lt;br /&gt;
*[https://medium.com/tag/ux Medium.com UX Tag]&lt;br /&gt;
*[https://www.interaction-design.org/literature/topics/ux-design User Experience (UX) Design / The Interaction Design Foundation]&lt;br /&gt;
*[https://blog.marvelapp.com/ Marvel App]&lt;br /&gt;
**[https://blog.marvelapp.com/introduction-user-experience-design/ An Introduction to User Experience Design]&lt;br /&gt;
**[https://blog.marvelapp.com/design-principles-help-shape-best-user-experience/ Design Principles That Help You]]&lt;br /&gt;
*[https://uxdesign.cc/ UX Collective]&lt;br /&gt;
**[https://uxdesign.cc/ux-design-methods-deliverables-657f54ce3c7d UX Design Methods &amp;amp; Deliverables]&lt;br /&gt;
**[https://uxdesign.cc/ux-sites-and-blogs-780a304766ee UX Sites and Blogs]&lt;br /&gt;
**[https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94 Designing for accessibility is not that hard / Pablo Stanley]&lt;br /&gt;
**[https://uxdesign.cc/solving-design-problems-finding-ux-tools-methods-activities-51140251a2a5 Solving design problems: finding UX tools, methods, and activities / Stéphanie Walter]&lt;br /&gt;
**[https://uxdesign.cc/how-to-develop-an-eye-for-design-c5a4c64bb26c How to develop an eye for Design / Kathleen Warner]&lt;br /&gt;
*[https://blog.prototypr.io/ Prototypr]&lt;br /&gt;
**[https://blog.prototypr.io/what-makes-ux-design-your-passion-31a6fcf0da4f What Makes UX Design Your Passion? / Saadia Minhas]&lt;br /&gt;
*[https://blog.nicolesaidy.com/7-steps-to-become-a-ui-ux-designer-8beed7639a95 7 steps to become a UI/UX designer / Nicole Saidy]&lt;br /&gt;
*[https://uxmastery.com/ UX Mastery]&lt;br /&gt;
**[https://uxmastery.com/how-to-run-an-heuristic-evaluation/ How to run an heuristic evaluation]&lt;br /&gt;
*[http://www.ux-lady.com/ UX Lady]&lt;br /&gt;
**[http://www.ux-lady.com/introduction-to-user-personas/ Introduction to User Personas]&lt;br /&gt;
*[https://uxplanet.org/ UX Planet]&lt;br /&gt;
**[https://uxplanet.org/7-basic-design-principles-we-forget-about-8f5c15d4b527 7 Basic Design Principles We Forget About /  Eugen Eşanu]&lt;br /&gt;
**[https://uxplanet.org/10-small-design-mistakes-we-still-make-1cd5f60bc708 10 Small Design Mistakes We Still Make / Eugen Eşanu]&lt;br /&gt;
*[https://www.smashingmagazine.com/ Smashing Magazine]&lt;br /&gt;
**[https://www.smashingmagazine.com/2012/01/stop-designing-pages-start-designing-flows/ Stop Designing Pages And Start Designing User Flows / Morgan Brown]&lt;br /&gt;
*[https://m.signalvnoise.com/ Signal v. Noise]&lt;br /&gt;
**[https://signalvnoise.com/posts/1926-a-shorthand-for-designing-ui-flows A shorthand for designing UI flows / Signal v. Noise]&lt;br /&gt;
*[https://designshack.net/ design shack] - 디자인에 관한 다양한 정보, 기사들과 함께 많은 예시가 수록되어있는 사이트&lt;br /&gt;
*[http://www.lovelyui.com/ lovelyui] - 좋은 ui패턴들을 수록. 모바일 중심&lt;br /&gt;
*[http://uxdesignweekly.com/ uxdesignweekly] - ux design 관련 다양한 기사들 수록.&lt;br /&gt;
*[https://www.designspiration.net/ designinspiration] - 디자인 영감을 얻기위한 사이트&lt;br /&gt;
*[https://www.webdesignerdepot.com/ webdesignerdepot] - 디자인 관련 트렌드와 사례 수록&lt;br /&gt;
*[https://html.com/blog/23-scientific-website-eye-tracking-studies/  Eye-Tracking Studies: 23 Actionable Lessons]&lt;br /&gt;
&lt;br /&gt;
===온라인 강의 등===&lt;br /&gt;
&lt;br /&gt;
====들어 본====&lt;br /&gt;
*[https://www.edx.org/course/design-thinking-advanced-topics Design Thinking: UX and Advanced Topics / Microsoft] (린지)&lt;br /&gt;
&lt;br /&gt;
====들어 볼(?)====&lt;br /&gt;
*[https://www.coursera.org/courses?languages=en&amp;amp;query=ux+design Coursera (대부분 유료)]&lt;br /&gt;
*[https://www.lynda.com/search?q=UX Lynda.com (유료)]&lt;br /&gt;
*[https://www.edx.org/course?search_query=UX edX (무료 &amp;amp; 유료)]&lt;br /&gt;
*[https://www.coursera.org/specializations/interaction-design#faq-list Coursera 디자인강좌] : 세션별, 프로젝트, 영어, 8/6~가능&lt;br /&gt;
*[https://antony-conboy.teachable.com/p/ux-ui-design-fundamentals/?preview=logged_out UX hop] : UX 디자인에 관한 영상 보유&lt;br /&gt;
*[https://www.youtube.com/watch?v=I0-vBdh4sZ8&amp;amp;feature=youtu.be UX Design Tutorial for Beginners ] : 바로 위에거 강좌 1&lt;br /&gt;
*[https://www.youtube.com/watch?v=zW2QMA9F7ao&amp;amp;feature=youtu.be UX/UI 기획 기초 1강|T아카데미] : sk T아카데미의 ux/ui 강좌&lt;br /&gt;
*[https://www.youtube.com/watch?v=c18MmCzbBSI 3 UX Principles We Can Learn from Steve Jobs] &lt;br /&gt;
*[https://www.mluxacademy.com/ mluxacademy] : 바로 위에거 사이트&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EB%A9%94%EC%9D%B8&amp;diff=1113</id>
		<title>UX 모임: 메인</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84:_%EB%A9%94%EC%9D%B8&amp;diff=1113"/>
				<updated>2018-09-16T04:36:46Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 회의록 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;center&amp;gt;'''A collaborative exploration of ideas and solutions with [[User:Pinnochio|김현규]] &amp;amp; [[User:Seonae|조선애]]'''&amp;lt;/center&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==회의록==&lt;br /&gt;
*[[UX 모임 2018-07-09]]&lt;br /&gt;
*[[UX 모임 2018-07-29]]&lt;br /&gt;
*[[UX 모임 2018-08-06]]&lt;br /&gt;
*[[UX 모임 2018-08-13]]&lt;br /&gt;
*[[UX 모임 2018-08-20]]&lt;br /&gt;
*[[UX 모임 2018-08-27]]&lt;br /&gt;
*[[UX 모임 2018-09-20]]&lt;br /&gt;
&lt;br /&gt;
==참고 자료==&lt;br /&gt;
&lt;br /&gt;
===책===&lt;br /&gt;
====살펴 본====&lt;br /&gt;
*[http://www.designkit.org/ IDEO 인간중심 디자인툴킷] (린지)&lt;br /&gt;
&lt;br /&gt;
====살펴 보는 중====&lt;br /&gt;
*[http://www.yes24.com/24/goods/15679476?scode=032&amp;amp;OzSrank=1  『좋아 보이는 것들의 비밀, UX 디자인』, 김경홍 저, 길벗]  (조선애)&lt;br /&gt;
*[http://www.yes24.com/24/goods/5929794?scode=032&amp;amp;OzSrank=1 『콘텐츠 ux디자인』, 재니스 레디쉬 저, 위키북스] (김현규)&lt;br /&gt;
*[https://www.amazon.com/Design-Everyday-Things-Revised-Expanded-ebook/dp/B00E257T6C The Design of Everyday Things: Revised and Expanded Edition]. Norman, Don. 2013. (린지)&lt;br /&gt;
&lt;br /&gt;
====살펴 볼(?)====&lt;br /&gt;
*[http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&amp;amp;mallGb=KOR&amp;amp;barcode=9788965402169&amp;amp;orderClick=LAG&amp;amp;Kc= 사용자 경험을 창조하는 UX/UI 디자인]&lt;br /&gt;
*[http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&amp;amp;mallGb=KOR&amp;amp;barcode=9791160502831&amp;amp;orderClick=LAG&amp;amp;Kc= 버려지는 디자인, 통과되는 디자인]&lt;br /&gt;
*[http://www.yes24.com/24/Goods/30468592?Acode=101 디자이너가 아닌 사람들을 위한 디자인북] - 디자인의 A to Z를 알려주는 책. 디자인 기본서.&lt;br /&gt;
*[http://www.yes24.com/24/goods/4522066?scode=032&amp;amp;OzSrank=1 『UX DESIGN』, 노주환 저, 멘토르] : 간단한 개념위주 소개, 사례부족&lt;br /&gt;
*[https://www.amazon.com/Communicating-User-Experience-Practical-Documentation/dp/1119971101 『Communicating the User Experience』]&lt;br /&gt;
*[https://www.amazon.com/Designing-User-Interface-Human-Computer-Interaction/dp/0321537351 『Designing the User Interface』]&lt;br /&gt;
*[http://www.yes24.com/24/goods/6585853?scode=032&amp;amp;OzSrank=1  『Human Computer Interaction 개론』] : 저자가 HCI/UX분야 교수. 기본적인 원리와 구체적인 방법을 다룬다고 함.&lt;br /&gt;
&lt;br /&gt;
===웹사이트===&lt;br /&gt;
*[https://medium.com/tag/ux Medium.com UX Tag]&lt;br /&gt;
*[https://www.interaction-design.org/literature/topics/ux-design User Experience (UX) Design / The Interaction Design Foundation]&lt;br /&gt;
*[https://blog.marvelapp.com/ Marvel App]&lt;br /&gt;
**[https://blog.marvelapp.com/introduction-user-experience-design/ An Introduction to User Experience Design]&lt;br /&gt;
**[https://blog.marvelapp.com/design-principles-help-shape-best-user-experience/ Design Principles That Help You]]&lt;br /&gt;
*[https://uxdesign.cc/ UX Collective]&lt;br /&gt;
**[https://uxdesign.cc/ux-design-methods-deliverables-657f54ce3c7d UX Design Methods &amp;amp; Deliverables]&lt;br /&gt;
**[https://uxdesign.cc/ux-sites-and-blogs-780a304766ee UX Sites and Blogs]&lt;br /&gt;
**[https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94 Designing for accessibility is not that hard / Pablo Stanley]&lt;br /&gt;
**[https://uxdesign.cc/solving-design-problems-finding-ux-tools-methods-activities-51140251a2a5 Solving design problems: finding UX tools, methods, and activities / Stéphanie Walter]&lt;br /&gt;
**[https://uxdesign.cc/how-to-develop-an-eye-for-design-c5a4c64bb26c How to develop an eye for Design / Kathleen Warner]&lt;br /&gt;
*[https://blog.prototypr.io/ Prototypr]&lt;br /&gt;
**[https://blog.prototypr.io/what-makes-ux-design-your-passion-31a6fcf0da4f What Makes UX Design Your Passion? / Saadia Minhas]&lt;br /&gt;
*[https://blog.nicolesaidy.com/7-steps-to-become-a-ui-ux-designer-8beed7639a95 7 steps to become a UI/UX designer / Nicole Saidy]&lt;br /&gt;
*[https://uxmastery.com/ UX Mastery]&lt;br /&gt;
**[https://uxmastery.com/how-to-run-an-heuristic-evaluation/ How to run an heuristic evaluation]&lt;br /&gt;
*[http://www.ux-lady.com/ UX Lady]&lt;br /&gt;
**[http://www.ux-lady.com/introduction-to-user-personas/ Introduction to User Personas]&lt;br /&gt;
*[https://uxplanet.org/ UX Planet]&lt;br /&gt;
**[https://uxplanet.org/7-basic-design-principles-we-forget-about-8f5c15d4b527 7 Basic Design Principles We Forget About /  Eugen Eşanu]&lt;br /&gt;
**[https://uxplanet.org/10-small-design-mistakes-we-still-make-1cd5f60bc708 10 Small Design Mistakes We Still Make / Eugen Eşanu]&lt;br /&gt;
*[https://www.smashingmagazine.com/ Smashing Magazine]&lt;br /&gt;
**[https://www.smashingmagazine.com/2012/01/stop-designing-pages-start-designing-flows/ Stop Designing Pages And Start Designing User Flows / Morgan Brown]&lt;br /&gt;
*[https://m.signalvnoise.com/ Signal v. Noise]&lt;br /&gt;
**[https://signalvnoise.com/posts/1926-a-shorthand-for-designing-ui-flows A shorthand for designing UI flows / Signal v. Noise]&lt;br /&gt;
*[https://designshack.net/ design shack] - 디자인에 관한 다양한 정보, 기사들과 함께 많은 예시가 수록되어있는 사이트&lt;br /&gt;
*[http://www.lovelyui.com/ lovelyui] - 좋은 ui패턴들을 수록. 모바일 중심&lt;br /&gt;
*[http://uxdesignweekly.com/ uxdesignweekly] - ux design 관련 다양한 기사들 수록.&lt;br /&gt;
*[https://www.designspiration.net/ designinspiration] - 디자인 영감을 얻기위한 사이트&lt;br /&gt;
*[https://www.webdesignerdepot.com/ webdesignerdepot] - 디자인 관련 트렌드와 사례 수록&lt;br /&gt;
*[https://html.com/blog/23-scientific-website-eye-tracking-studies/  Eye-Tracking Studies: 23 Actionable Lessons]&lt;br /&gt;
&lt;br /&gt;
===온라인 강의 등===&lt;br /&gt;
&lt;br /&gt;
====들어 본====&lt;br /&gt;
*[https://www.edx.org/course/design-thinking-advanced-topics Design Thinking: UX and Advanced Topics / Microsoft] (린지)&lt;br /&gt;
&lt;br /&gt;
====들어 볼(?)====&lt;br /&gt;
*[https://www.coursera.org/courses?languages=en&amp;amp;query=ux+design Coursera (대부분 유료)]&lt;br /&gt;
*[https://www.lynda.com/search?q=UX Lynda.com (유료)]&lt;br /&gt;
*[https://www.edx.org/course?search_query=UX edX (무료 &amp;amp; 유료)]&lt;br /&gt;
*[https://www.coursera.org/specializations/interaction-design#faq-list Coursera 디자인강좌] : 세션별, 프로젝트, 영어, 8/6~가능&lt;br /&gt;
*[https://antony-conboy.teachable.com/p/ux-ui-design-fundamentals/?preview=logged_out UX hop] : UX 디자인에 관한 영상 보유&lt;br /&gt;
*[https://www.youtube.com/watch?v=I0-vBdh4sZ8&amp;amp;feature=youtu.be UX Design Tutorial for Beginners ] : 바로 위에거 강좌 1&lt;br /&gt;
*[https://www.youtube.com/watch?v=zW2QMA9F7ao&amp;amp;feature=youtu.be UX/UI 기획 기초 1강|T아카데미] : sk T아카데미의 ux/ui 강좌&lt;br /&gt;
*[https://www.youtube.com/watch?v=c18MmCzbBSI 3 UX Principles We Can Learn from Steve Jobs] &lt;br /&gt;
*[https://www.mluxacademy.com/ mluxacademy] : 바로 위에거 사이트&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-08-27&amp;diff=1112</id>
		<title>UX 모임 2018-08-27</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-08-27&amp;diff=1112"/>
				<updated>2018-08-27T11:37:28Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 웹사이트 제안 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;'''[[UX 모임]]'''&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
&lt;br /&gt;
===Chapter 2 - The Psychology of Everyday Actions===&lt;br /&gt;
평소에 하는 행동에 대한 심리&lt;br /&gt;
&lt;br /&gt;
* 서랍 예시 &lt;br /&gt;
&lt;br /&gt;
* How do people do things? &lt;br /&gt;
* What happens when things go wrong? How do we detect that they aren’t working, and then how do we know what to do? &lt;br /&gt;
* How do people select and then evaluate their actions?&lt;br /&gt;
* What is the role of understanding (via a conceptual model) and of emotions?&lt;br /&gt;
* How does this translate into principles of design?&lt;br /&gt;
&lt;br /&gt;
====How People Do Things: The Gulfs of Execution and Evaluation ====&lt;br /&gt;
사람이 행동하는 법 : 실행관 평가의 격차&lt;br /&gt;
&lt;br /&gt;
[[File:Gulfs.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
*Gulf of Execution 실행의 격차: where they try to figure out how it operates 작동을 이해하려고 한다&lt;br /&gt;
*Gulf of Evaluation 평가의 격차: where they try to figure out what happened 어떤 일이 이루어졌는지를 이해하려고 한다&lt;br /&gt;
**the amount of effort that the person must make to interpret the physical state of the device and to determine how well the expectations and intentions have been met&lt;br /&gt;
**--&amp;gt; feedback and a good conceptual model&lt;br /&gt;
&lt;br /&gt;
''The difficulties reside in their design, not in the people attempting to use them.''&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action====&lt;br /&gt;
행동의 7 가지 단계&lt;br /&gt;
&lt;br /&gt;
[[File:SevenStages.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
There are two parts to an action: doing and interpreting.  To complete an action, one must know how the item works and what results it produces. &amp;lt;br&amp;gt;&lt;br /&gt;
행동에는 두 부분이 있으며 '함(실행)'과 '이해(평가)'이다. 행동 하려면 물품이 어떻게 작동하는지 알아야 되고 어떤 결과를 생산하는지 알아야 된다. &lt;br /&gt;
&lt;br /&gt;
# Goal (form the goal)&lt;br /&gt;
# Plan (the action) / Execution&lt;br /&gt;
# Specify (an action sequence) / Execution&lt;br /&gt;
# Perform (the action sequence) / Execution&lt;br /&gt;
# Perceive (the state of the world) / Evaluation&lt;br /&gt;
# Interpret (the perception) / Evaluation&lt;br /&gt;
# Compare (the outcome with the goal) / Evaluation&lt;br /&gt;
&lt;br /&gt;
Not all of the activity in the stages is conscious. Most behavior does not require going through all stages in sequence; however, most activities will not be satisfied by single actions.&lt;br /&gt;
모든 단계들은 의식적이지 않을 수 있다. 그리고 모든 행동은 모든 단계를 걸쳐야 되는 것이 아닐 수 있다. 그러나 한 단계로 만 행동이 이루어지지 못한다. &lt;br /&gt;
&lt;br /&gt;
An action can begin with a goal, but also stimulated by the environment. &lt;br /&gt;
&lt;br /&gt;
*goal-driven&lt;br /&gt;
*data-driven&lt;br /&gt;
*event-driven&lt;br /&gt;
&lt;br /&gt;
Most actions are not planned, but opportunistic. 대부분의 행동은 계획된 것이 아니라 기회적이다(상황에 따라 이루어진다). &lt;br /&gt;
&lt;br /&gt;
사람은 전기 드릴을 원하는 것이 아니라 구멍을 원하는 것이다. 그리고 구정이 원하는 이유는 책장을 벽에 올리기 위한 것이다. 목표는 전기 드릴 구매가 아닌 것을 알고 목표가 책을 위한 보관 공간을 원하는 것을 올바르게 이해하면 다른 해결책을 상상할 수 있다.&lt;br /&gt;
&lt;br /&gt;
====Human Thought: Mostly Subconscious====&lt;br /&gt;
인간의 생각 - 주로 무의식적이다&lt;br /&gt;
&lt;br /&gt;
Why do we need to know about the human mind? Because things are designed to be used by people, and without a deep understanding of people, the designs are apt to be faulty, difficult to use, difficult to understand. 인간의 뇌를 왜 이해해야 할까? 인간을 위해 물품이 디자인하기 때문이다. 인간에 대한 깊은 이해가 없으면 디자인이 오류가 있고, 사용하기가 어렵고, 이해하기가 어려워진다. &lt;br /&gt;
&lt;br /&gt;
Conscious attention is necessary to learn most things, but after the initial learning, continued practice and study, sometimes for thousands of hours over a period of years, produces what psychologists call “overlearning,” Once skills have been overlearned, performance appears to be effortless, done automatically, with little or no awareness.&lt;br /&gt;
처음에 의식적으로 생각해야 행동을 할 수 있는데 행동을 할수록 'overlearning'이 된다. 'Overlearning'되면 행동은  자동으로 이루어지듯이 노력과 인식이 없는 것처럼 보인다. &lt;br /&gt;
&lt;br /&gt;
*예시 - 답해보십시오 - 3 번 전에 살던 집에서는 정문을 들어갔을 때 문의 손잡이는 왼쪽에 있었나 오른쪽에 있었나요?&lt;br /&gt;
&lt;br /&gt;
전문가는 특별히 어렵거나 기대되지 못한 상황에서만 의식적 집중이 필요하다. &lt;br /&gt;
&lt;br /&gt;
생각과 감정을 분리할 수 없다. 그리고 감정은 과소평가를 받고 있다. 생각은 이해를 주고 감정은 가치 평가를 준다. &lt;br /&gt;
&lt;br /&gt;
*무의식적 생각 : 빠르고 자동으로 작동 된다, 과거의 사례를 바탕으로 미래 예측과 일반적 추세를 파악할 수 있다.  &lt;br /&gt;
*의식적 생각 : 느리고 노력이 필요하다, 논리를 기반으로 이유를 찾으며 다른 선택과 대안을 고려한다. &lt;br /&gt;
&lt;br /&gt;
무의식적과 의식적 생각은 둘 다 통찰을 줄 수 있지만 둘 다 오해를 일으킬 수 있다. &lt;br /&gt;
&lt;br /&gt;
감정은 생화학을 통해 인식과 소통한다. &lt;br /&gt;
&lt;br /&gt;
긍정적 상태는 창의력에 도움이 되고 부정적 상태는 집중에 도움이 된다.&lt;br /&gt;
&lt;br /&gt;
====Human Cognition and Emotion====&lt;br /&gt;
''인가 인식과 감정''&lt;br /&gt;
&lt;br /&gt;
'''The Three Levels of Processing'''&lt;br /&gt;
*The Visceral Level 본능의 단계&lt;br /&gt;
**&amp;quot;Lizard brain&amp;quot;&lt;br /&gt;
**For designers, the visceral response is about immediate perception; style matters&lt;br /&gt;
*The Behavioral Level 행동의 단계&lt;br /&gt;
**''Learned'' skills, triggered by situations that match the appropriate patterns&lt;br /&gt;
**For designers, the most critical aspect of the behavioral level is that every action is associated with an expectation&lt;br /&gt;
**Feedback is critical&lt;br /&gt;
*The Reflective Level 반성의 단계&lt;br /&gt;
**Conscious cognition; where deep understanding develops, where reasoning and conscious decision-making take place&lt;br /&gt;
**It is reflection that drives us to recommend a product, to recommend that others use it—or perhaps to avoid it.&lt;br /&gt;
**Reflective memories are often more important than reality&lt;br /&gt;
&lt;br /&gt;
*Design must take place at all levels 디자인은 모든 단계에서 이루어져야 한다&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action and the Three Levels of Processing====&lt;br /&gt;
''행동의 4 가지 단계와 의 처리의 3가지 단계''&lt;br /&gt;
&lt;br /&gt;
[[File:SevenThree.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
*Flow&lt;br /&gt;
**Mihaly Csikszentmihalyi&lt;br /&gt;
**The emotional state of complete immersion in an activity&lt;br /&gt;
**Appropriate level of difficultry - requires attention but is not frustrating&lt;br /&gt;
**Expectations and emotions work together&lt;br /&gt;
&lt;br /&gt;
====People as Storytellers====&lt;br /&gt;
''이야기꾼으로서의 사람''&lt;br /&gt;
&lt;br /&gt;
&amp;quot;People are innately disposed to look for causes of events, to form explanations and stories. That is one reason storytelling is such a persuasive medium. Stories resonate with our experiences and provide examples of new instances. From our experiences and the stories of others we tend to form generalizations about the way people behave and things work. We attribute causes to events, and as long as these cause-and-effect pairings make sense, we accept them and use them for understanding future events. Yet these causal attributions are often erroneous. Sometimes they implicate the wrong causes, and for some things that happen, there is no single cause; rather, a complex chain of events that all contribute to the result: if any one of the events would not have occurred, the result would be different. But even when there is no single causal act, that doesn’t stop people from assigning one.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
Conceptual model은 이야기의 형식 중에 하나다. &lt;br /&gt;
&lt;br /&gt;
*예시 - Thermostat&lt;br /&gt;
&lt;br /&gt;
====Blaming the Wrong Things====&lt;br /&gt;
''탓을 잘못 돌리는 것''&lt;br /&gt;
&lt;br /&gt;
&amp;quot;People try to find causes for events. They tend to assign a causal relation whenever two things occur in succession.&amp;quot; 사람은 사건의 원인을 찾는다. &lt;br /&gt;
&lt;br /&gt;
&amp;quot;Often people will use their own conceptual models of the world to determine the perceived causal relationship between the thing being blamed and the result. The word&lt;br /&gt;
perceived is critical: the causal relationship does not have to exist; the person simply has to think it is there. Sometimes the result is to attribute cause to things that had nothing to do with the action.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
It seems natural for people to blame their own misfortunes on the environment. It seems equally natural to blame other people’s misfortunes on their personalities.&lt;br /&gt;
&lt;br /&gt;
'''Learned Helplessness 학습된 무기력 이론'''&lt;br /&gt;
&lt;br /&gt;
*The situation in which people experience repeated failure at a task. As a result, they decide that the task cannot be done, at least not by them: they are helpless. They stop trying.&lt;br /&gt;
* taught helplessness&lt;br /&gt;
&lt;br /&gt;
'''Positive Psychology 긍정 심리학'''&lt;br /&gt;
&lt;br /&gt;
*failure is a learning experience&lt;br /&gt;
&lt;br /&gt;
* Do not blame people when they fail to use your products properly.&lt;br /&gt;
* Take people’s difficulties as signifiers of where the product can be improved.&lt;br /&gt;
* Eliminate all error messages from electronic or computer systems. Instead, provide help and guidance.&lt;br /&gt;
* Make it possible to correct problems directly from help and guidance messages. Allow people to continue with their task: Don’t impede progress—help make it smooth and continuous. Never make people start over.&lt;br /&gt;
* Assume that what people have done is partially correct, so if it is inappropriate, provide the guidance that allows them to correct the problem and be on their way.&lt;br /&gt;
* Think positively, for yourself and for the people you interact with.&lt;br /&gt;
&lt;br /&gt;
====Falsely Blaming Yourself====&lt;br /&gt;
''본인에게 탓을 잘못 돌리는 것''&lt;br /&gt;
&lt;br /&gt;
* Human error usually is a result of poor design.&lt;br /&gt;
** When the system stopped working or did something strange, they dutifully reported it as a problem. But when they made the Return versus Enter error, they blamed themselves. After all, they had been told what to do. They had simply erred.&lt;br /&gt;
* It is about a problem in communication and interaction&lt;br /&gt;
* Machines are not people.&lt;br /&gt;
* Designers should minimize inappropriate actions and provide feedback in the case of an error.&lt;br /&gt;
* People are not machines. &lt;br /&gt;
&lt;br /&gt;
'''How Technology Can Accommodate Human Behavior 인간의 행동을 수용할 수 있는 기술'''&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action: Seven Fundamental Design Principles====&lt;br /&gt;
행동의 4가지 단계 - 7 가지 기본 디자인 원칙&lt;br /&gt;
&lt;br /&gt;
[[File:DesignQuestions.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
'''Checklist of Questions to Ask about a Product'''&lt;br /&gt;
# What do I want to accomplish? 하고 싶은 것이 무엇인가?&lt;br /&gt;
# What are the alternative action sequences? / Feedforward 대안 행동 철차(?)가 있나?&lt;br /&gt;
# What action can I do now? / Feedforward 지금 할 수 있는 행동은 무엇인가?&lt;br /&gt;
# How do I do it? / Feedforward 어떻게 하나?&lt;br /&gt;
# What happened? / Feedback 어떤 일이 이루어졌나?&lt;br /&gt;
# What does it mean? / Feedback 그의 의미는?&lt;br /&gt;
# Is this okay? Have I accomplished my goal? / Feedback 이렇게 되면 괜찮은가? 나의 목표가 달성했나?&lt;br /&gt;
&lt;br /&gt;
*Feedforward: Execution of action 행동 실핼&lt;br /&gt;
**Appropriate use of signifiers, constraints, and mappings; conceptual model&lt;br /&gt;
*Feedback: Understanding of what happened 이루어졌던 일에 대한 이해&lt;br /&gt;
&lt;br /&gt;
'''Seven Fundamental Design Principles'''&lt;br /&gt;
# '''Discoverability'''. It is possible to determine what actions are possible and the current state of the device.&lt;br /&gt;
# '''Feedback'''. There is full and continuous information about the results of actions and the current state of the product or service. After an action has been executed, it is easy to determine the new state.&lt;br /&gt;
# '''Conceptual model'''. The design projects all the information needed to create a good conceptual model of the system, leading to understanding and a feeling of control. The conceptual model enhances both discoverability and evaluation of results.&lt;br /&gt;
# '''Affordances'''. The proper affordances exist to make the desired actions possible.&lt;br /&gt;
# '''Signifiers'''. Effective use of signifiers ensures discoverability and that the feedback is well communicated and intelligible.&lt;br /&gt;
# '''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.&lt;br /&gt;
# '''Constraints'''. Providing physical, logical, semantic, and cultural constraints guides actions and eases interpretation.&lt;br /&gt;
&lt;br /&gt;
===볼 거리===&lt;br /&gt;
*https://trends.uxdesign.cc/&lt;br /&gt;
*[https://www.fastcompany.com/3048139/what-is-zero-ui-and-why-is-it-crucial-to-the-future-of-design Zero UI]&lt;br /&gt;
*[https://uxdesign.cc/design-better-forms-96fadca0f49c Form Design]&lt;br /&gt;
*http://loveforiceland.com/ Love for Iceland 아 너무 예쁘다&amp;lt;3] - design by [http://www.veintidosgrados.com/ Veintidos Grados]&lt;br /&gt;
*[http://lawsofsimplicity.com/ Laws of Simplicity by John Maeda]&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE3 사용자를 고민하게 만들지 말아라===&lt;br /&gt;
&amp;lt;사용성에 대한 기본적인 개념과 필요성, 그리고 이를 최적화하기 위해 고려해야 할 것들과 제품의 사용자 경험에 가치를 더할 방법&amp;gt;&lt;br /&gt;
&lt;br /&gt;
====제대로 사용할 수 있는가?====&lt;br /&gt;
*사용성 : ‘제대로 사용할 수 있는가?’에 대한 주제&lt;br /&gt;
*사용성은 접근성과 적합성이라는 두 가지 가치를 동시에 만족시켜야 함.&lt;br /&gt;
**접근성 : 사용자가 올바르게 조작할 수 있는 것, 사용방법을 쉽게 배우고 익숙해지도록 하는 것. 복잡한 시스템을 실수 없이 작동시킬 수 있는지도 중요.&lt;br /&gt;
**적합성 : 제품의 기능과 성능, 목적이 서로 적합하게 설계되고 사용자도 이를 자연스럽게 이해할 수 있느냐에 대한 것.&lt;br /&gt;
&lt;br /&gt;
====사용자를 파악하라====&lt;br /&gt;
&lt;br /&gt;
사용자에 대해서 충분히 이해하는 것은 제품이 가진 장점과 독창적인 요소를 더욱 효과적으로 돋보이게 할 수 있으며 제품의 한계나 잠재적인 단점들을 보완하는데도 매우 중요한 역할.&lt;br /&gt;
제품을 기획하고 만드는 사람들이 저지르기 쉬운 오류는 바로 어느 누구보다 자신이 제품을 잘 안다고 생각하는 것. 제품을 만드는 사람은 만드는 사람의 시각에서 벗어날 수 없기 때문에 실제 사용자의 관점을 이해하지 못하는 경우가 많음. &lt;br /&gt;
사용자 접근성 = 사용할 사람들에게 사용 기회를 최대한 열어두었는가?&lt;br /&gt;
*유니버셜 디자인(Universial Design) : 장애인뿐만 아니라 성별, 나이별 등의 접근 용이성을 개선하는 노력&lt;br /&gt;
&lt;br /&gt;
*인간공학적 접근성 : 사용자별 신체적 차이와 물리적 한계를 고려.&lt;br /&gt;
*기술적 접근성 : 서비스를 이용하는 기술적인 환경에 대한 고려. ex)인터넷뱅킹&lt;br /&gt;
*사용자 조건에 따른 접근성 : 제품 사용자의 사용 목적과 환경, 기대치 등의 조건들을 고려.&lt;br /&gt;
&lt;br /&gt;
어떤 제품은 교육과 훈련을 받아야만 가능 ex)경비행기 조종, 원자력 발전소 운영 등&lt;br /&gt;
&lt;br /&gt;
보통은 사용법을 숙지하는 시간이 적어야함. 사용자가 바라는 결과의 가치 &amp;gt; 투자하는 시간적, 심리적 가치 : 사용하기 쉬운 제품. &lt;br /&gt;
&lt;br /&gt;
제품 사용에 관한 기본적인 조건 : 사용절차가 단순, 사용방법이 배우기 쉬워야 함, 사용방법이 논리적, 사용방법이 직관적. &lt;br /&gt;
&lt;br /&gt;
사용자 접근성이 기본적인 환경과 관련된 주제라면, 사용성은 사용과정에서의 결함이나 실수의 확률을 낮추고, 막힘없이 지속해서 사용할 수 있는지에 대한 것.&lt;br /&gt;
 &lt;br /&gt;
제품의 사용중에도 사용자에게 제품의 상태를 알려주어야 함, 제품중 실수를 저지르더라도 그 영향이 곧바로 결과로 이어지지 않게하는 안전장치 필요.(피드백)&lt;br /&gt;
&lt;br /&gt;
====제품을 이해하라====&lt;br /&gt;
제품 개발과정에서 제품과 사용자 간의 커뮤니케이션 디자인이 매우 중요. 제품을 실제로 어떻게 사용하게 만드느냐가 바로 인터페이스 디자인. 이단계에서 제품의 기능적인 특징과 사용자 욕구 및 특성을 함께 고려.&lt;br /&gt;
*Use-case : 프로그램의 여러 가지 내장된 세부 기능이 동작하는 절차를 다이어그램으로 시각화하여 이를 직관적으로 평가하고 계획할 수 있게 하는 개발 방법론.&lt;br /&gt;
*제품 플로우맵 : 제품의 특성과 세부 기능을 모두 이해하여 각 단위 기능의 연관성과 작동방식을 이해하는 사람이 작성. ex) 캡슐형 커피머신의 예&lt;br /&gt;
&lt;br /&gt;
====사용자 특성과 전략====&lt;br /&gt;
*‘안다’는 것(인지) : 오감을 통해 외부 자극을 느끼고 여러 가지 조건, 즉 사람의 가치관이나 성별, 나이와 같은 주체로서의 특성과 환경적 특성을 대입해 이해하는 과정.&lt;br /&gt;
*사용성에서 인지조건은 사용자가 제품이나 서비스를 사용하는 상황을 한정해야 실제로 의미있는 접근법을 찾을 수 있음. &lt;br /&gt;
*사용자 특성 : 사용자의 성별, 나이, 취향 등/ 사용자의 의도, 목적 혹은 요구 / 제품에 대한 기대와 인식/ 제품의 외형/ 사용자 조작에 대한 제품 피드백&lt;br /&gt;
&lt;br /&gt;
제품에 대한 기대감과 인식은 사용자의 실제적인 욕구가 형성되는 시작점.&lt;br /&gt;
사용자 욕구가 투영되거나 사용자에게 새로운 욕구를 갖도록 만드는 제품과 서비스는 강력한 동기를 유발. &lt;br /&gt;
&lt;br /&gt;
====감각적인 자극요소====&lt;br /&gt;
*시각적 : 대부분의 제품이 제공하는 방식. 화면에 표시되는 이미지, 아이콘, 언어, 색상 등&lt;br /&gt;
*청각적 : 인공적인 소음, 물리적인 소음, 제품 기능과 연관된 소리 등. 다른 감각기관보다 훨씬 뛰어난 감성의 호소력을 가짐.  ex) [https://www.youtube.com/watch?v=gjyWP2LfbyQ&amp;amp;feature=youtu.be honda 'choir'광고]&lt;br /&gt;
*촉각적 : 사용자에게 물리적인 인지요소로 독특한 호소력을 발휘함. 제품 외형과 품질에 대한 평가를 끌어냄. 햅틱 피드백. 가장 대표적인게 게임 컨트롤러&lt;br /&gt;
*후각적 : 예민하지만 가장 빨리 피로를 느끼는 특성 때문에 적극적으로 활용하기 어려운 자극. 매우 독창적이고 강한 각인 효과. &lt;br /&gt;
*미각적 : 맛을 본다는 것은 매우 적극적인 사용자 행동. 품질을 직접 설득하는 방식으로 구매에 결정적인 영향을 줌. &lt;br /&gt;
:=&amp;gt;오감으로 전달되는 자극은 매우 정확한 메시지를 전달. 반면 논리적 인지는 더욱 언어적이고 체계적이며 복잡한 이해가 필요. &lt;br /&gt;
&lt;br /&gt;
====신체조건과 사용성을 파악하라====&lt;br /&gt;
*인체공학 디자인 : 제품 디자인 중 신체활동 조건에 최적화하는 것. 가구 디자인이 대표적. &lt;br /&gt;
*휴먼스케일(human scale) : 인체의 물리적 속성, 즉 크기, 운동범위, 감각이 찾을 수 있는 범위. 사회 심리적인 인식범위나 영향력도 포함. &lt;br /&gt;
*신체조건 : 신체 크기, 관절의 각도, 신체에 부담이 없는 활동, 시야각, 밝기, 편안한 소리의 범위, 표면 온도 등. &lt;br /&gt;
*사용성 : 안전 + 흥미와 즐거움 ex) 트위스터&lt;br /&gt;
&lt;br /&gt;
====쉽게 배우고 쉽게 기억시켜라====&lt;br /&gt;
*제품이나 서비스의 활용방법이 단순하고 쉬울수록 사용자가 금방 익숙해짐&lt;br /&gt;
**경험을 통해 배우는 것 : 연습하면서 노력해야함. 처음엔 시간이 걸리지만 이후 효과가 뛰어남.&lt;br /&gt;
**교과 학습을 통해 배우는 것 : 학습과정을 체계화할 수 있고 효율적으로 배우고 평가할 수 있음. &lt;br /&gt;
&lt;br /&gt;
====멘탈모델과 매핑을 활용하라====&lt;br /&gt;
*멘탈모델(mental model) : 대상을 심리적으로 구조화한 것. 사용자는 외부 환경이나 대상이 어떤 방식으로 작용하고 동작하는지 추측하고, 구조화하여 더 효과적으로 이해하며 조작할 수 있음.&lt;br /&gt;
*매핑(mapping) : 사용자가 멘탈 모델의 구조를 구축할 때 대상의 세부 속성과 각 요소사이의 관계를 규정하는 심리.&lt;br /&gt;
:멘탈모델이 중요한 이유는 사용자가 제품과 그 사용법을 체계화할 수 있으면 제품을 실수하지 않고 더 효율적으로 사용할 수 있기 때문. 제품의 특성만으로는 제품을 이해하기 불가능하므로 디자이너는 사용자가 제품을 체계화하고 논리적인 멘탈모델을 구축할 수 있게 해야함. &lt;br /&gt;
:멘탈모델은 제품을 구성하는 개별 기능과 각 기능사이의 논리적인 인과관계를 설정하여 제시할 수 있음. 매핑은 멘탈모델을 구축하는 단계에서 인과관계는 물론 직관적인 연관성을 구축하는데 중요. &lt;br /&gt;
&lt;br /&gt;
*시각적인 배치 : 그래픽 디자인 요소, 이들을 배치하는 방식에 따라.  &lt;br /&gt;
*의미적인 배치 : 구체적인 이미지나 언어를 통해 명확한 의미로.&lt;br /&gt;
*논리적인 배치 &lt;br /&gt;
&lt;br /&gt;
====제약조건을 활용하라====&lt;br /&gt;
*물리적 제약조건 : 사용자의 신체적 한계를 파악하고 이를 이용하여 적절하게 디자인하는 것. 또 제품 자체의 형상이나 특성이 디자이너의 설계의도에 부합하는 방향으로만 쓸 수 있도록 디자인하는 것. &lt;br /&gt;
*심리적 제약조건 : 제품에 요소를 활용하여 사용자가 스스로 사용을 꺼리게 만들거나 자제하도록 디자인하는 것. 접근성에 대한 통제방법. &lt;br /&gt;
&lt;br /&gt;
====행위를 유발시켜라====&lt;br /&gt;
*행위 유발 : 사용자가 스스로 어떤 조건에 반응하여 행동한다는 의미에서 제품이나 서비스 자체의 사용자 경험을 극대화하는 방법. 어떤 물리적, 심리적 장치를 구성해 사용자 스스로 동기를 이끌어내어 구체적인 행동을 하는 것. &lt;br /&gt;
*사용자가 행동하게 되는 이유 : 사용자 개인과 환경에 따른 욕구 해소 행위, 외부 자극에 대한 행위, 사용자 가치관에 따른 자발적 행위, 사회적 조건에 대한 응답으로써의 자발적 행위, 감성표출을 위한 자발적 행위. &lt;br /&gt;
&lt;br /&gt;
*직관적인 행동유발 : 모양이나 순서, 구성이 제품의 목적에 맞게 최적화.&lt;br /&gt;
*연관적인 행동유발 : 사용자의 관심이나 이력을 활용. 사용자의 관심과 행동을 추적하고 분석하여 다음 행동을 유도하기도 함.&lt;br /&gt;
&lt;br /&gt;
====기호와 상징체계로 디자인하라====&lt;br /&gt;
소통을 통해 대상을 이해하는 과정에서 언어와 같은 상징체계로부터 벗어나기란 거의 불가능. 상징체계의 역할은 여러 가지 기억을 어떤 기준에 따라 하나의 이미지로 묶어 효율적인 사고를 할 수 있게 하는 것. &lt;br /&gt;
&lt;br /&gt;
*고정된 기호와 변화하는 기호 : 합의된 기호는 고정된 것이 아니라 시간 또는 환경에 따라 달라짐. 언어처럼 고정되지 않은 상징은 사용자 의도에 따라 다양하게 변형시킬 수 있음. &lt;br /&gt;
*은유와 디자인 언어 : 시각 디자인에서 은유는 언어로 전달하기 힘든 것을 직관적으로 전달하는 도구. &lt;br /&gt;
**코드화된 기호의 메시지 : 롤랑 바르트(Roland Barthes)가 제시한 코드화된 기호 메시지는 기호학적 분류로 이미지 기호 배치에 따라 시각적으로 만들어짐. 기호뿐만 아니라 어떻게 배치하고 결합하느냐도 큰 변수로 작용.&lt;br /&gt;
**코드화되지 않은 기호의 메시지 : 상징적인 기호가 아닌 지시적이고 직접적인 이미지를 그대로 사용. 기존의 의미체계로부터 완전히 독립적인 기호로 사용하기도 함. &lt;br /&gt;
**반대와 역설코드 : 담고자 하는 의미와 정반대의 이미지를 사용하여 가치를 강조하고 부각.&lt;br /&gt;
**의미결합 : 두가지 이상의 은유를 결합. 부분이 모인 전체가 아니라 완전한 구조와 정체성을 지닌 통합된 전체로서의 형상과 상태를 말하는 ‘게슈탈트 이론(Gastalt Theory)’에서의 의미확장은 복수의 의미가 더해지면 두 개체 의미 이상의 가치를 지님. &lt;br /&gt;
**지시와 호소 : 전달하려는 메시지에 사고나 행동을 직접 지시하는 상징을 사용. &lt;br /&gt;
**전이 : 서로 다른 의미의 은유를 결합하거나 지시적인 단어와 은유를 조합하여 본래 의미에서 벗어나 새로운 의미로 바꾸는 유형. &lt;br /&gt;
*확장된 메시지 디자인 : 히트상품은 그 제품의 목적과 영역에 한정되지 않고 그 의미를 폭넓게 확장하기도 함. 제품의 기호적인 특성은 제품의 정체성과 직접 연결됨. &lt;br /&gt;
*상징과 기호의 가치 : 상징과 기호는 제품이 담는 사용자의 욕망, 신기술, 미적 가치와 같은 다양한 속성이 사회적, 환경적인 특성과 결합하여 특정한 의미와 방향성을 가짐.&lt;br /&gt;
&lt;br /&gt;
===웹사이트 제안===&lt;br /&gt;
*그냥 디자인이 예쁜...&lt;br /&gt;
**기업소개 : [http://sanriokorea.co.kr/ 산리오], [http://www.ht.co.kr/#bannerPage 해태제과], [http://www.daumsoft.com/ 다음소프트] 등&lt;br /&gt;
**박물관 : [http://www.much.go.kr/ 대한민국역사박물관]&lt;br /&gt;
*사용성 측면에서 ux가 맘에드는...&lt;br /&gt;
**[http://webtoon.daum.net/ 다음웹툰]&lt;br /&gt;
*한번 같이 얘기해보고 싶은...&lt;br /&gt;
**[http://www.aks.ac.kr 한국학중앙연구원]&lt;br /&gt;
*+[https://www.dbcut.com/bbs/index.php 웹디자인 우수 사이트 모음]&lt;br /&gt;
&lt;br /&gt;
==현규==&lt;br /&gt;
===문장을 가다듬는 10가지 지침===&lt;br /&gt;
*방문자에게 이야기하라. &amp;quot;당신&amp;quot;이라고 부른다.&lt;br /&gt;
**일관성지키기&lt;br /&gt;
**다른 사람을 가리킬때는 적절한 명사를 이용하라.&lt;br /&gt;
**절차에는 명령형을 이용하라.&lt;br /&gt;
**'그'나 '그녀'대신 '당신'을 사용하라.&lt;br /&gt;
*여러분은 사람이고 회사도 모인 곳이라는 것을 보여준다.&lt;br /&gt;
**블로그 주인이라면 &amp;quot;나&amp;quot;도 괜찮다.&lt;br /&gt;
**여러분의 글이라면 &amp;quot;나&amp;quot;도 괜찮다.&lt;br /&gt;
**회사를 대표하는 글에는 &amp;quot;우리&amp;quot;를 사용한다.&lt;br /&gt;
**때로는 회사 이름을 써도 좋다.&lt;br /&gt;
**QnA에서 방문자는 &amp;quot;나&amp;quot;와 &amp;quot;당신&amp;quot;, 회사는 &amp;quot;우리&amp;quot;라고 부른다.&lt;br /&gt;
*능동형으로 써라.&lt;br /&gt;
*문장을 짧고, 간결하고, 직접적으로 만들어라.&lt;br /&gt;
**아주 짧은 문장도 괜찮다.&lt;br /&gt;
**잘게 분해해도 좋다.&lt;br /&gt;
**심각한 글에도 바쁜 웹 사용자가 쉽게 이해할 수 있는 문장이 필요하다.&lt;br /&gt;
*불필요한 말을 잘라내라&lt;br /&gt;
*추가 정보는 별도 공간에서 제공하라.&lt;br /&gt;
*단락을 짧게 하라.&lt;br /&gt;
**웹에서는 한 문장짜리 단락도 괜찮다.&lt;br /&gt;
**단락보다는 목록이나 도표가 더 좋다.&lt;br /&gt;
*상황을 가장 먼저 설정하라. - 첫번째 내용은 첫 번째에, 두번째 내용은 두번째에&lt;br /&gt;
*행위는 명사가 아닌 동사에 담아라.&lt;br /&gt;
*사용자의 언어를 이용하라.&lt;br /&gt;
**우리 모두가 단순하고, 짧고, 평범한 용어를 더 빨리 읽는다.&lt;br /&gt;
**더 광범위한 고객을 생각하라.&lt;br /&gt;
&lt;br /&gt;
===유용한 웹 목록을 만드는 9가지 지침===&lt;br /&gt;
*정보를 쉽게 쥘 수 있는 목록을 이용하라.&lt;br /&gt;
*대부분의 목록을 짧게 만들어라.&lt;br /&gt;
**익숙하지 않은 목록은 짧아야 한다.&lt;br /&gt;
**익숙한 목록은 길어도 된다.&lt;br /&gt;
*제 역할을 할 수 있는 포맷으로 만들어라.&lt;br /&gt;
**소개글과 목록 사이의 여백을 제거하라.&lt;br /&gt;
**긴 항목 사이에는 작은 여백을 두어라.&lt;br /&gt;
**줄은 글머리 기호 아래가 아닌 글의 시작 부분에 맞춘다.&lt;br /&gt;
*사이트 개성에 맞는 글머리 기호를 사용하라.&lt;br /&gt;
**사이트 개성에 적합한 글머리 기호는 관련자와 함께 결정하라.&lt;br /&gt;
**보여지는 것보다 무언가 더 있는 것 같은 글머리 기호는 안된다.&lt;br /&gt;
*절차에는 숫자 목록을 이용하라.&lt;br /&gt;
*단락은 단계로 바꿔 제시하라.&lt;br /&gt;
*복잡한 절차도 단계로 제시하라.&lt;br /&gt;
*목록 내 문장 구조를 평행하게 하라.&lt;br /&gt;
*단계가 아니면 숫자를 쓰지마라. 그렇지 않으면 사람들은 단계로 착각한다.&lt;br /&gt;
*비교할 숫자가 있을 때 도표를 이용하라.&lt;br /&gt;
*일련의 &amp;quot;~하면 ~할 것이다(IF, THEN)&amp;quot; 형식의 문장이 있다면 도표를 이용하라.&lt;br /&gt;
*도표는 질문에 대한 답변으로 생각하라.&lt;br /&gt;
*도표의 왼쪽 열에 어떤 정보를 넣을지 신중히 생각하라.&lt;br /&gt;
*도표를 간단하게 만들어라.&lt;br /&gt;
*줄이 아닌 정보에 집중할 수 있는 도표를 만들어라.&lt;br /&gt;
**열이나 행 사이에 두꺼운 선을 넣지마라.&lt;br /&gt;
**테이블 안의 글을 중앙 정렬하지 마라.&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-08-27&amp;diff=1107</id>
		<title>UX 모임 2018-08-27</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-08-27&amp;diff=1107"/>
				<updated>2018-08-26T13:35:41Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 사용자를 파악하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;'''[[UX 모임]]'''&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
&lt;br /&gt;
===Chapter 2 - The Psychology of Everyday Actions===&lt;br /&gt;
평소에 하는 행동에 대한 심리&lt;br /&gt;
&lt;br /&gt;
* 서랍 예시 &lt;br /&gt;
&lt;br /&gt;
* How do people do things? &lt;br /&gt;
* What happens when things go wrong? How do we detect that they aren’t working, and then how do we know what to do? &lt;br /&gt;
* How do people select and then evaluate their actions?&lt;br /&gt;
* What is the role of understanding (via a conceptual model) and of emotions?&lt;br /&gt;
* How does this translate into principles of design?&lt;br /&gt;
&lt;br /&gt;
====How People Do Things: The Gulfs of Execution and Evaluation ====&lt;br /&gt;
사람이 행동하는 법 : 실행관 평가의 격차&lt;br /&gt;
&lt;br /&gt;
[[File:Gulfs.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
*Gulf of Execution 실행의 격차: where they try to figure out how it operates 작동을 이해하려고 한다&lt;br /&gt;
*Gulf of Evaluation 평가의 격차: where they try to figure out what happened 어떤 일이 이루어졌는지를 이해하려고 한다&lt;br /&gt;
**the amount of effort that the person must make to interpret the physical state of the device and to determine how well the expectations and intentions have been met&lt;br /&gt;
**--&amp;gt; feedback and a good conceptual model&lt;br /&gt;
&lt;br /&gt;
''The difficulties reside in their design, not in the people attempting to use them.''&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action====&lt;br /&gt;
행동의 7 가지 단계&lt;br /&gt;
&lt;br /&gt;
[[File:SevenStages.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
There are two parts to an action: doing and interpreting.  To complete an action, one must know how the item works and what results it produces. &amp;lt;br&amp;gt;&lt;br /&gt;
행동에는 두 부분이 있으며 '함(실행)'과 '이해(평가)'이다. 행동 하려면 물품이 어떻게 작동하는지 알아야 되고 어떤 결과를 생산하는지 알아야 된다. &lt;br /&gt;
&lt;br /&gt;
# Goal (form the goal)&lt;br /&gt;
# Plan (the action) / Execution&lt;br /&gt;
# Specify (an action sequence) / Execution&lt;br /&gt;
# Perform (the action sequence) / Execution&lt;br /&gt;
# Perceive (the state of the world) / Evaluation&lt;br /&gt;
# Interpret (the perception) / Evaluation&lt;br /&gt;
# Compare (the outcome with the goal) / Evaluation&lt;br /&gt;
&lt;br /&gt;
Not all of the activity in the stages is conscious. Most behavior does not require going through all stages in sequence; however, most activities will not be satisfied by single actions.&lt;br /&gt;
모든 단계들은 의식적이지 않을 수 있다. 그리고 모든 행동은 모든 단계를 걸쳐야 되는 것이 아닐 수 있다. 그러나 한 단계로 만 행동이 이루어지지 못한다. &lt;br /&gt;
&lt;br /&gt;
An action can begin with a goal, but also stimulated by the environment. &lt;br /&gt;
&lt;br /&gt;
*goal-driven&lt;br /&gt;
*data-driven&lt;br /&gt;
*event-driven&lt;br /&gt;
&lt;br /&gt;
Most actions are not planned, but opportunistic. 대부분의 행동은 계획된 것이 아니라 기회적이다(상황에 따라 이루어진다). &lt;br /&gt;
&lt;br /&gt;
사람은 전기 드릴을 원하는 것이 아니라 구멍을 원하는 것이다. 그리고 구정이 원하는 이유는 책장을 벽에 올리기 위한 것이다. 목표는 전기 드릴 구매가 아닌 것을 알고 목표가 책을 위한 보관 공간을 원하는 것을 올바르게 이해하면 다른 해결책을 상상할 수 있다.&lt;br /&gt;
&lt;br /&gt;
====Human Thought: Mostly Subconscious====&lt;br /&gt;
인간의 생각 - 주로 무의식적이다&lt;br /&gt;
&lt;br /&gt;
Why do we need to know about the human mind? Because things are designed to be used by people, and without a deep understanding of people, the designs are apt to be faulty, difficult to use, difficult to understand. 인간의 뇌를 왜 이해해야 할까? 인간을 위해 물품이 디자인하기 때문이다. 인간에 대한 깊은 이해가 없으면 디자인이 오류가 있고, 사용하기가 어렵고, 이해하기가 어려워진다. &lt;br /&gt;
&lt;br /&gt;
Conscious attention is necessary to learn most things, but after the initial learning, continued practice and study, sometimes for thousands of hours over a period of years, produces what psychologists call “overlearning,” Once skills have been overlearned, performance appears to be effortless, done automatically, with little or no awareness.&lt;br /&gt;
처음에 의식적으로 생각해야 행동을 할 수 있는데 행동을 할수록 'overlearning'이 된다. 'Overlearning'되면 행동은  자동으로 이루어지듯이 노력과 인식이 없는 것처럼 보인다. &lt;br /&gt;
&lt;br /&gt;
*예시 - 답해보십시오 - 3 번 전에 살던 집에서는 정문을 들어갔을 때 문의 손잡이는 왼쪽에 있었나 오른쪽에 있었나요?&lt;br /&gt;
&lt;br /&gt;
전문가는 특별히 어렵거나 기대되지 못한 상황에서만 의식적 집중이 필요하다. &lt;br /&gt;
&lt;br /&gt;
생각과 감정을 분리할 수 없다. 그리고 감정은 과소평가를 받고 있다. 생각은 이해를 주고 감정은 가치 평가를 준다. &lt;br /&gt;
&lt;br /&gt;
*무의식적 생각 : 빠르고 자동으로 작동 된다, 과거의 사례를 바탕으로 미래 예측과 일반적 추세를 파악할 수 있다.  &lt;br /&gt;
*의식적 생각 : 느리고 노력이 필요하다, 논리를 기반으로 이유를 찾으며 다른 선택과 대안을 고려한다. &lt;br /&gt;
&lt;br /&gt;
무의식적과 의식적 생각은 둘 다 통찰을 줄 수 있지만 둘 다 오해를 일으킬 수 있다. &lt;br /&gt;
&lt;br /&gt;
감정은 생화학을 통해 인식과 소통한다. &lt;br /&gt;
&lt;br /&gt;
긍정적 상태는 창의력에 도움이 되고 부정적 상태는 집중에 도움이 된다.&lt;br /&gt;
&lt;br /&gt;
====Human Cognition and Emotion====&lt;br /&gt;
''인가 인식과 감정''&lt;br /&gt;
&lt;br /&gt;
'''The Three Levels of Processing'''&lt;br /&gt;
*The Visceral Level 본능의 단계&lt;br /&gt;
**&amp;quot;Lizard brain&amp;quot;&lt;br /&gt;
**For designers, the visceral response is about immediate perception; style matters&lt;br /&gt;
*The Behavioral Level 행동의 단계&lt;br /&gt;
**''Learned'' skills, triggered by situations that match the appropriate patterns&lt;br /&gt;
**For designers, the most critical aspect of the behavioral level is that every action is associated with an expectation&lt;br /&gt;
**Feedback is critical&lt;br /&gt;
*The Reflective Level 반성의 단계&lt;br /&gt;
**Conscious cognition; where deep understanding develops, where reasoning and conscious decision-making take place&lt;br /&gt;
**It is reflection that drives us to recommend a product, to recommend that others use it—or perhaps to avoid it.&lt;br /&gt;
**Reflective memories are often more important than reality&lt;br /&gt;
&lt;br /&gt;
*Design must take place at all levels 디자인은 모든 단계에서 이루어져야 한다&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action and the Three Levels of Processing====&lt;br /&gt;
''행동의 4 가지 단계와 의 처리의 3가지 단계''&lt;br /&gt;
&lt;br /&gt;
[[File:SevenThree.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
*Flow&lt;br /&gt;
**Mihaly Csikszentmihalyi&lt;br /&gt;
**The emotional state of complete immersion in an activity&lt;br /&gt;
**Appropriate level of difficultry - requires attention but is not frustrating&lt;br /&gt;
**Expectations and emotions work together&lt;br /&gt;
&lt;br /&gt;
====People as Storytellers====&lt;br /&gt;
''이야기꾼으로서의 사람''&lt;br /&gt;
&lt;br /&gt;
&amp;quot;People are innately disposed to look for causes of events, to form explanations and stories. That is one reason storytelling is such a persuasive medium. Stories resonate with our experiences and provide examples of new instances. From our experiences and the stories of others we tend to form generalizations about the way people behave and things work. We attribute causes to events, and as long as these cause-and-effect pairings make sense, we accept them and use them for understanding future events. Yet these causal attributions are often erroneous. Sometimes they implicate the wrong causes, and for some things that happen, there is no single cause; rather, a complex chain of events that all contribute to the result: if any one of the events would not have occurred, the result would be different. But even when there is no single causal act, that doesn’t stop people from assigning one.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
Conceptual model은 이야기의 형식 중에 하나다. &lt;br /&gt;
&lt;br /&gt;
*예시 - Thermostat&lt;br /&gt;
&lt;br /&gt;
====Blaming the Wrong Things====&lt;br /&gt;
''탓을 잘못 돌리는 것''&lt;br /&gt;
&lt;br /&gt;
&amp;quot;People try to find causes for events. They tend to assign a causal relation whenever two things occur in succession.&amp;quot; 사람은 사건의 원인을 찾는다. &lt;br /&gt;
&lt;br /&gt;
&amp;quot;Often people will use their own conceptual models of the world to determine the perceived causal relationship between the thing being blamed and the result. The word&lt;br /&gt;
perceived is critical: the causal relationship does not have to exist; the person simply has to think it is there. Sometimes the result is to attribute cause to things that had nothing to do with the action.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
It seems natural for people to blame their own misfortunes on the environment. It seems equally natural to blame other people’s misfortunes on their personalities.&lt;br /&gt;
&lt;br /&gt;
'''Learned Helplessness 학습된 무기력 이론'''&lt;br /&gt;
&lt;br /&gt;
*The situation in which people experience repeated failure at a task. As a result, they decide that the task cannot be done, at least not by them: they are helpless. They stop trying.&lt;br /&gt;
* taught helplessness&lt;br /&gt;
&lt;br /&gt;
'''Positive Psychology 긍정 심리학'''&lt;br /&gt;
&lt;br /&gt;
*failure is a learning experience&lt;br /&gt;
&lt;br /&gt;
* Do not blame people when they fail to use your products properly.&lt;br /&gt;
* Take people’s difficulties as signifiers of where the product can be improved.&lt;br /&gt;
* Eliminate all error messages from electronic or computer systems. Instead, provide help and guidance.&lt;br /&gt;
* Make it possible to correct problems directly from help and guidance messages. Allow people to continue with their task: Don’t impede progress—help make it smooth and continuous. Never make people start over.&lt;br /&gt;
* Assume that what people have done is partially correct, so if it is inappropriate, provide the guidance that allows them to correct the problem and be on their way.&lt;br /&gt;
* Think positively, for yourself and for the people you interact with.&lt;br /&gt;
&lt;br /&gt;
====Falsely Blaming Yourself====&lt;br /&gt;
''본인에게 탓을 잘못 돌리는 것''&lt;br /&gt;
&lt;br /&gt;
* Human error usually is a result of poor design.&lt;br /&gt;
** When the system stopped working or did something strange, they dutifully reported it as a problem. But when they made the Return versus Enter error, they blamed themselves. After all, they had been told what to do. They had simply erred.&lt;br /&gt;
* It is about a problem in communication and interaction&lt;br /&gt;
* Machines are not people.&lt;br /&gt;
* Designers should minimize inappropriate actions and provide feedback in the case of an error.&lt;br /&gt;
* People are not machines. &lt;br /&gt;
&lt;br /&gt;
'''How Technology Can Accommodate Human Behavior 인간의 행동을 수용할 수 있는 기술'''&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action: Seven Fundamental Design Principles====&lt;br /&gt;
행동의 4가지 단계 - 7 가지 기본 디자인 원칙&lt;br /&gt;
&lt;br /&gt;
[[File:DesignQuestions.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
'''Checklist of Questions to Ask about a Product'''&lt;br /&gt;
# What do I want to accomplish?&lt;br /&gt;
# What are the alternative action sequences? / Feedforward&lt;br /&gt;
# What action can I do now? / Feedforward&lt;br /&gt;
# How do I do it? / Feedforward&lt;br /&gt;
# What happened? / Feedback&lt;br /&gt;
# What does it mean? / Feedback&lt;br /&gt;
# Is this okay? Have I accomplished my goal? / Feedback&lt;br /&gt;
&lt;br /&gt;
*Feedforward: Execution of action&lt;br /&gt;
**Appropriate use of signifiers, constraints, and mappings; conceptual model&lt;br /&gt;
*Feedback: Understanding of what happened&lt;br /&gt;
&lt;br /&gt;
'''Seven Fundamental Design Principles'''&lt;br /&gt;
# '''Discoverability'''. It is possible to determine what actions are possible and the current state of the device.&lt;br /&gt;
# '''Feedback'''. There is full and continuous information about the results of actions and the current state of the product or service. After an action has been executed, it is easy to determine the new state.&lt;br /&gt;
# '''Conceptual model'''. The design projects all the information needed to create a good conceptual model of the system, leading to understanding and a feeling of control. The conceptual model enhances both discoverability and evaluation of results.&lt;br /&gt;
# '''Affordances'''. The proper affordances exist to make the desired actions possible.&lt;br /&gt;
# '''Signifiers'''. Effective use of signifiers ensures discoverability and that the feedback is well communicated and intelligible.&lt;br /&gt;
# '''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.&lt;br /&gt;
# '''Constraints'''. Providing physical, logical, semantic, and cultural constraints guides actions and eases interpretation.&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE3 사용자를 고민하게 만들지 말아라===&lt;br /&gt;
&amp;lt;사용성에 대한 기본적인 개념과 필요성, 그리고 이를 최적화하기 위해 고려해야 할 것들과 제품의 사용자 경험에 가치를 더할 방법&amp;gt;&lt;br /&gt;
&lt;br /&gt;
====제대로 사용할 수 있는가?====&lt;br /&gt;
*사용성 : ‘제대로 사용할 수 있는가?’에 대한 주제&lt;br /&gt;
*사용성은 접근성과 적합성이라는 두 가지 가치를 동시에 만족시켜야 함.&lt;br /&gt;
**접근성 : 사용자가 올바르게 조작할 수 있는 것, 사용방법을 쉽게 배우고 익숙해지도록 하는 것. 복잡한 시스템을 실수 없이 작동시킬 수 있는지도 중요.&lt;br /&gt;
**적합성 : 제품의 기능과 성능, 목적이 서로 적합하게 설계되고 사용자도 이를 자연스럽게 이해할 수 있느냐에 대한 것.&lt;br /&gt;
&lt;br /&gt;
====사용자를 파악하라====&lt;br /&gt;
&lt;br /&gt;
사용자에 대해서 충분히 이해하는 것은 제품이 가진 장점과 독창적인 요소를 더욱 효과적으로 돋보이게 할 수 있으며 제품의 한계나 잠재적인 단점들을 보완하는데도 매우 중요한 역할.&lt;br /&gt;
제품을 기획하고 만드는 사람들이 저지르기 쉬운 오류는 바로 어느 누구보다 자신이 제품을 잘 안다고 생각하는 것. 제품을 만드는 사람은 만드는 사람의 시각에서 벗어날 수 없기 때문에 실제 사용자의 관점을 이해하지 못하는 경우가 많음. &lt;br /&gt;
사용자 접근성 = 사용할 사람들에게 사용 기회를 최대한 열어두었는가?&lt;br /&gt;
*유니버셜 디자인(Universial Design) : 장애인뿐만 아니라 성별, 나이별 등의 접근 용이성을 개선하는 노력&lt;br /&gt;
&lt;br /&gt;
*인간공학적 접근성 : 사용자별 신체적 차이와 물리적 한계를 고려.&lt;br /&gt;
*기술적 접근성 : 서비스를 이용하는 기술적인 환경에 대한 고려. ex)인터넷뱅킹&lt;br /&gt;
*사용자 조건에 따른 접근성 : 제품 사용자의 사용 목적과 환경, 기대치 등의 조건들을 고려.&lt;br /&gt;
&lt;br /&gt;
어떤 제품은 교육과 훈련을 받아야만 가능 ex)경비행기 조종, 원자력 발전소 운영 등&lt;br /&gt;
&lt;br /&gt;
보통은 사용법을 숙지하는 시간이 적어야함. 사용자가 바라는 결과의 가치 &amp;gt; 투자하는 시간적, 심리적 가치 : 사용하기 쉬운 제품. &lt;br /&gt;
&lt;br /&gt;
제품 사용에 관한 기본적인 조건 : 사용절차가 단순, 사용방법이 배우기 쉬워야 함, 사용방법이 논리적, 사용방법이 직관적. &lt;br /&gt;
&lt;br /&gt;
사용자 접근성이 기본적인 환경과 관련된 주제라면, 사용성은 사용과정에서의 결함이나 실수의 확률을 낮추고, 막힘없이 지속해서 사용할 수 있는지에 대한 것.&lt;br /&gt;
 &lt;br /&gt;
제품의 사용중에도 사용자에게 제품의 상태를 알려주어야 함, 제품중 실수를 저지르더라도 그 영향이 곧바로 결과로 이어지지 않게하는 안전장치 필요.(피드백)&lt;br /&gt;
&lt;br /&gt;
====제품을 이해하라====&lt;br /&gt;
제품 개발과정에서 제품과 사용자 간의 커뮤니케이션 디자인이 매우 중요. 제품을 실제로 어떻게 사용하게 만드느냐가 바로 인터페이스 디자인. 이단계에서 제품의 기능적인 특징과 사용자 욕구 및 특성을 함께 고려.&lt;br /&gt;
*Use-case : 프로그램의 여러 가지 내장된 세부 기능이 동작하는 절차를 다이어그램으로 시각화하여 이를 직관적으로 평가하고 계획할 수 있게 하는 개발 방법론.&lt;br /&gt;
*제품 플로우맵 : 제품의 특성과 세부 기능을 모두 이해하여 각 단위 기능의 연관성과 작동방식을 이해하는 사람이 작성. ex) 캡슐형 커피머신의 예&lt;br /&gt;
&lt;br /&gt;
====사용자 특성과 전략====&lt;br /&gt;
*‘안다’는 것(인지) : 오감을 통해 외부 자극을 느끼고 여러 가지 조건, 즉 사람의 가치관이나 성별, 나이와 같은 주체로서의 특성과 환경적 특성을 대입해 이해하는 과정.&lt;br /&gt;
*사용성에서 인지조건은 사용자가 제품이나 서비스를 사용하는 상황을 한정해야 실제로 의미있는 접근법을 찾을 수 있음. &lt;br /&gt;
*사용자 특성 : 사용자의 성별, 나이, 취향 등/ 사용자의 의도, 목적 혹은 요구 / 제품에 대한 기대와 인식/ 제품의 외형/ 사용자 조작에 대한 제품 피드백&lt;br /&gt;
&lt;br /&gt;
제품에 대한 기대감과 인식은 사용자의 실제적인 욕구가 형성되는 시작점.&lt;br /&gt;
사용자 욕구가 투영되거나 사용자에게 새로운 욕구를 갖도록 만드는 제품과 서비스는 강력한 동기를 유발. &lt;br /&gt;
&lt;br /&gt;
====감각적인 자극요소====&lt;br /&gt;
*시각적 : 대부분의 제품이 제공하는 방식. 화면에 표시되는 이미지, 아이콘, 언어, 색상 등&lt;br /&gt;
*청각적 : 인공적인 소음, 물리적인 소음, 제품 기능과 연관된 소리 등. 다른 감각기관보다 훨씬 뛰어난 감성의 호소력을 가짐.  ex) [https://www.youtube.com/watch?v=gjyWP2LfbyQ&amp;amp;feature=youtu.be honda 'choir'광고]&lt;br /&gt;
*촉각적 : 사용자에게 물리적인 인지요소로 독특한 호소력을 발휘함. 제품 외형과 품질에 대한 평가를 끌어냄. 햅틱 피드백. 가장 대표적인게 게임 컨트롤러&lt;br /&gt;
*후각적 : 예민하지만 가장 빨리 피로를 느끼는 특성 때문에 적극적으로 활용하기 어려운 자극. 매우 독창적이고 강한 각인 효과. &lt;br /&gt;
*미각적 : 맛을 본다는 것은 매우 적극적인 사용자 행동. 품질을 직접 설득하는 방식으로 구매에 결정적인 영향을 줌. &lt;br /&gt;
:=&amp;gt;오감으로 전달되는 자극은 매우 정확한 메시지를 전달. 반면 논리적 인지는 더욱 언어적이고 체계적이며 복잡한 이해가 필요. &lt;br /&gt;
&lt;br /&gt;
====신체조건과 사용성을 파악하라====&lt;br /&gt;
*인체공학 디자인 : 제품 디자인 중 신체활동 조건에 최적화하는 것. 가구 디자인이 대표적. &lt;br /&gt;
*휴먼스케일(human scale) : 인체의 물리적 속성, 즉 크기, 운동범위, 감각이 찾을 수 있는 범위. 사회 심리적인 인식범위나 영향력도 포함. &lt;br /&gt;
*신체조건 : 신체 크기, 관절의 각도, 신체에 부담이 없는 활동, 시야각, 밝기, 편안한 소리의 범위, 표면 온도 등. &lt;br /&gt;
*사용성 : 안전 + 흥미와 즐거움 ex) 트위스터&lt;br /&gt;
&lt;br /&gt;
====쉽게 배우고 쉽게 기억시켜라====&lt;br /&gt;
*제품이나 서비스의 활용방법이 단순하고 쉬울수록 사용자가 금방 익숙해짐&lt;br /&gt;
**경험을 통해 배우는 것 : 연습하면서 노력해야함. 처음엔 시간이 걸리지만 이후 효과가 뛰어남.&lt;br /&gt;
**교과 학습을 통해 배우는 것 : 학습과정을 체계화할 수 있고 효율적으로 배우고 평가할 수 있음. &lt;br /&gt;
&lt;br /&gt;
====멘탈모델과 매핑을 활용하라====&lt;br /&gt;
*멘탈모델(mental model) : 대상을 심리적으로 구조화한 것. 사용자는 외부 환경이나 대상이 어떤 방식으로 작용하고 동작하는지 추측하고, 구조화하여 더 효과적으로 이해하며 조작할 수 있음.&lt;br /&gt;
*매핑(mapping) : 사용자가 멘탈 모델의 구조를 구축할 때 대상의 세부 속성과 각 요소사이의 관계를 규정하는 심리.&lt;br /&gt;
:멘탈모델이 중요한 이유는 사용자가 제품과 그 사용법을 체계화할 수 있으면 제품을 실수하지 않고 더 효율적으로 사용할 수 있기 때문. 제품의 특성만으로는 제품을 이해하기 불가능하므로 디자이너는 사용자가 제품을 체계화하고 논리적인 멘탈모델을 구축할 수 있게 해야함. &lt;br /&gt;
:멘탈모델은 제품을 구성하는 개별 기능과 각 기능사이의 논리적인 인과관계를 설정하여 제시할 수 있음. 매핑은 멘탈모델을 구축하는 단계에서 인과관계는 물론 직관적인 연관성을 구축하는데 중요. &lt;br /&gt;
&lt;br /&gt;
*시각적인 배치 : 그래픽 디자인 요소, 이들을 배치하는 방식에 따라.  &lt;br /&gt;
*의미적인 배치 : 구체적인 이미지나 언어를 통해 명확한 의미로.&lt;br /&gt;
*논리적인 배치 &lt;br /&gt;
&lt;br /&gt;
====제약조건을 활용하라====&lt;br /&gt;
*물리적 제약조건 : 사용자의 신체적 한계를 파악하고 이를 이용하여 적절하게 디자인하는 것. 또 제품 자체의 형상이나 특성이 디자이너의 설계의도에 부합하는 방향으로만 쓸 수 있도록 디자인하는 것. &lt;br /&gt;
*심리적 제약조건 : 제품에 요소를 활용하여 사용자가 스스로 사용을 꺼리게 만들거나 자제하도록 디자인하는 것. 접근성에 대한 통제방법. &lt;br /&gt;
&lt;br /&gt;
====행위를 유발시켜라====&lt;br /&gt;
*행위 유발 : 사용자가 스스로 어떤 조건에 반응하여 행동한다는 의미에서 제품이나 서비스 자체의 사용자 경험을 극대화하는 방법. 어떤 물리적, 심리적 장치를 구성해 사용자 스스로 동기를 이끌어내어 구체적인 행동을 하는 것. &lt;br /&gt;
*사용자가 행동하게 되는 이유 : 사용자 개인과 환경에 따른 욕구 해소 행위, 외부 자극에 대한 행위, 사용자 가치관에 따른 자발적 행위, 사회적 조건에 대한 응답으로써의 자발적 행위, 감성표출을 위한 자발적 행위. &lt;br /&gt;
&lt;br /&gt;
*직관적인 행동유발 : 모양이나 순서, 구성이 제품의 목적에 맞게 최적화.&lt;br /&gt;
*연관적인 행동유발 : 사용자의 관심이나 이력을 활용. 사용자의 관심과 행동을 추적하고 분석하여 다음 행동을 유도하기도 함.&lt;br /&gt;
&lt;br /&gt;
====기호와 상징체계로 디자인하라====&lt;br /&gt;
소통을 통해 대상을 이해하는 과정에서 언어와 같은 상징체계로부터 벗어나기란 거의 불가능. 상징체계의 역할은 여러 가지 기억을 어떤 기준에 따라 하나의 이미지로 묶어 효율적인 사고를 할 수 있게 하는 것. &lt;br /&gt;
&lt;br /&gt;
*고정된 기호와 변화하는 기호 : 합의된 기호는 고정된 것이 아니라 시간 또는 환경에 따라 달라짐. 언어처럼 고정되지 않은 상징은 사용자 의도에 따라 다양하게 변형시킬 수 있음. &lt;br /&gt;
*은유와 디자인 언어 : 시각 디자인에서 은유는 언어로 전달하기 힘든 것을 직관적으로 전달하는 도구. &lt;br /&gt;
**코드화된 기호의 메시지 : 롤랑 바르트(Roland Barthes)가 제시한 코드화된 기호 메시지는 기호학적 분류로 이미지 기호 배치에 따라 시각적으로 만들어짐. 기호뿐만 아니라 어떻게 배치하고 결합하느냐도 큰 변수로 작용.&lt;br /&gt;
**코드화되지 않은 기호의 메시지 : 상징적인 기호가 아닌 지시적이고 직접적인 이미지를 그대로 사용. 기존의 의미체계로부터 완전히 독립적인 기호로 사용하기도 함. &lt;br /&gt;
**반대와 역설코드 : 담고자 하는 의미와 정반대의 이미지를 사용하여 가치를 강조하고 부각.&lt;br /&gt;
**의미결합 : 두가지 이상의 은유를 결합. 부분이 모인 전체가 아니라 완전한 구조와 정체성을 지닌 통합된 전체로서의 형상과 상태를 말하는 ‘게슈탈트 이론(Gastalt Theory)’에서의 의미확장은 복수의 의미가 더해지면 두 개체 의미 이상의 가치를 지님. &lt;br /&gt;
**지시와 호소 : 전달하려는 메시지에 사고나 행동을 직접 지시하는 상징을 사용. &lt;br /&gt;
**전이 : 서로 다른 의미의 은유를 결합하거나 지시적인 단어와 은유를 조합하여 본래 의미에서 벗어나 새로운 의미로 바꾸는 유형. &lt;br /&gt;
*확장된 메시지 디자인 : 히트상품은 그 제품의 목적과 영역에 한정되지 않고 그 의미를 폭넓게 확장하기도 함. 제품의 기호적인 특성은 제품의 정체성과 직접 연결됨. &lt;br /&gt;
*상징과 기호의 가치 : 상징과 기호는 제품이 담는 사용자의 욕망, 신기술, 미적 가치와 같은 다양한 속성이 사회적, 환경적인 특성과 결합하여 특정한 의미와 방향성을 가짐.&lt;br /&gt;
&lt;br /&gt;
===웹사이트 제안===&lt;br /&gt;
*그냥 디자인이 예쁜...&lt;br /&gt;
**기업소개 : [http://sanriokorea.co.kr/ 산리오], [http://www.ht.co.kr/#bannerPage 해태제과], [http://www.daumsoft.com/ 다음소프트] 등&lt;br /&gt;
**박물관 : [http://www.much.go.kr/ 대한민국역사박물관]&lt;br /&gt;
*사용성 측면에서 ux가 맘에드는...&lt;br /&gt;
**[http://webtoon.daum.net/ 다음웹툰]&lt;br /&gt;
*한번 같이 얘기해보고 싶은...&lt;br /&gt;
**[http://www.aks.ac.kr 한국학중앙연구원]&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-08-27&amp;diff=1106</id>
		<title>UX 모임 2018-08-27</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-08-27&amp;diff=1106"/>
				<updated>2018-08-26T13:29:05Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 사용자를 파악하라 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;'''[[UX 모임]]'''&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
&lt;br /&gt;
===Chapter 2 - The Psychology of Everyday Actions===&lt;br /&gt;
평소에 하는 행동에 대한 심리&lt;br /&gt;
&lt;br /&gt;
* 서랍 예시 &lt;br /&gt;
&lt;br /&gt;
* How do people do things? &lt;br /&gt;
* What happens when things go wrong? How do we detect that they aren’t working, and then how do we know what to do? &lt;br /&gt;
* How do people select and then evaluate their actions?&lt;br /&gt;
* What is the role of understanding (via a conceptual model) and of emotions?&lt;br /&gt;
* How does this translate into principles of design?&lt;br /&gt;
&lt;br /&gt;
====How People Do Things: The Gulfs of Execution and Evaluation ====&lt;br /&gt;
사람이 행동하는 법 : 실행관 평가의 격차&lt;br /&gt;
&lt;br /&gt;
[[File:Gulfs.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
*Gulf of Execution 실행의 격차: where they try to figure out how it operates 작동을 이해하려고 한다&lt;br /&gt;
*Gulf of Evaluation 평가의 격차: where they try to figure out what happened 어떤 일이 이루어졌는지를 이해하려고 한다&lt;br /&gt;
**the amount of effort that the person must make to interpret the physical state of the device and to determine how well the expectations and intentions have been met&lt;br /&gt;
**--&amp;gt; feedback and a good conceptual model&lt;br /&gt;
&lt;br /&gt;
''The difficulties reside in their design, not in the people attempting to use them.''&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action====&lt;br /&gt;
행동의 7 가지 단계&lt;br /&gt;
&lt;br /&gt;
[[File:SevenStages.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
There are two parts to an action: doing and interpreting.  To complete an action, one must know how the item works and what results it produces. &amp;lt;br&amp;gt;&lt;br /&gt;
행동에는 두 부분이 있으며 '함(실행)'과 '이해(평가)'이다. 행동 하려면 물품이 어떻게 작동하는지 알아야 되고 어떤 결과를 생산하는지 알아야 된다. &lt;br /&gt;
&lt;br /&gt;
# Goal (form the goal)&lt;br /&gt;
# Plan (the action) / Execution&lt;br /&gt;
# Specify (an action sequence) / Execution&lt;br /&gt;
# Perform (the action sequence) / Execution&lt;br /&gt;
# Perceive (the state of the world) / Evaluation&lt;br /&gt;
# Interpret (the perception) / Evaluation&lt;br /&gt;
# Compare (the outcome with the goal) / Evaluation&lt;br /&gt;
&lt;br /&gt;
Not all of the activity in the stages is conscious. Most behavior does not require going through all stages in sequence; however, most activities will not be satisfied by single actions.&lt;br /&gt;
모든 단계들은 의식적이지 않을 수 있다. 그리고 모든 행동은 모든 단계를 걸쳐야 되는 것이 아닐 수 있다. 그러나 한 단계로 만 행동이 이루어지지 못한다. &lt;br /&gt;
&lt;br /&gt;
An action can begin with a goal, but also stimulated by the environment. &lt;br /&gt;
&lt;br /&gt;
*goal-driven&lt;br /&gt;
*data-driven&lt;br /&gt;
*event-driven&lt;br /&gt;
&lt;br /&gt;
Most actions are not planned, but opportunistic. 대부분의 행동은 계획된 것이 아니라 기회적이다(상황에 따라 이루어진다). &lt;br /&gt;
&lt;br /&gt;
사람은 전기 드릴을 원하는 것이 아니라 구멍을 원하는 것이다. 그리고 구정이 원하는 이유는 책장을 벽에 올리기 위한 것이다. 목표는 전기 드릴 구매가 아닌 것을 알고 목표가 책을 위한 보관 공간을 원하는 것을 올바르게 이해하면 다른 해결책을 상상할 수 있다.&lt;br /&gt;
&lt;br /&gt;
====Human Thought: Mostly Subconscious====&lt;br /&gt;
인간의 생각 - 주로 무의식적이다&lt;br /&gt;
&lt;br /&gt;
Why do we need to know about the human mind? Because things are designed to be used by people, and without a deep understanding of people, the designs are apt to be faulty, difficult to use, difficult to understand. 인간의 뇌를 왜 이해해야 할까? 인간을 위해 물품이 디자인하기 때문이다. 인간에 대한 깊은 이해가 없으면 디자인이 오류가 있고, 사용하기가 어렵고, 이해하기가 어려워진다. &lt;br /&gt;
&lt;br /&gt;
Conscious attention is necessary to learn most things, but after the initial learning, continued practice and study, sometimes for thousands of hours over a period of years, produces what psychologists call “overlearning,” Once skills have been overlearned, performance appears to be effortless, done automatically, with little or no awareness.&lt;br /&gt;
처음에 의식적으로 생각해야 행동을 할 수 있는데 행동을 할수록 'overlearning'이 된다. 'Overlearning'되면 행동은  자동으로 이루어지듯이 노력과 인식이 없는 것처럼 보인다. &lt;br /&gt;
&lt;br /&gt;
*예시 - 답해보십시오 - 3 번 전에 살던 집에서는 정문을 들어갔을 때 문의 손잡이는 왼쪽에 있었나 오른쪽에 있었나요?&lt;br /&gt;
&lt;br /&gt;
전문가는 특별히 어렵거나 기대되지 못한 상황에서만 의식적 집중이 필요하다. &lt;br /&gt;
&lt;br /&gt;
생각과 감정을 분리할 수 없다. 그리고 감정은 과소평가를 받고 있다. 생각은 이해를 주고 감정은 가치 평가를 준다. &lt;br /&gt;
&lt;br /&gt;
*무의식적 생각 : 빠르고 자동으로 작동 된다, 과거의 사례를 바탕으로 미래 예측과 일반적 추세를 파악할 수 있다.  &lt;br /&gt;
*의식적 생각 : 느리고 노력이 필요하다, 논리를 기반으로 이유를 찾으며 다른 선택과 대안을 고려한다. &lt;br /&gt;
&lt;br /&gt;
무의식적과 의식적 생각은 둘 다 통찰을 줄 수 있지만 둘 다 오해를 일으킬 수 있다. &lt;br /&gt;
&lt;br /&gt;
감정은 생화학을 통해 인식과 소통한다. &lt;br /&gt;
&lt;br /&gt;
긍정적 상태는 창의력에 도움이 되고 부정적 상태는 집중에 도움이 된다.&lt;br /&gt;
&lt;br /&gt;
====Human Cognition and Emotion====&lt;br /&gt;
''인가 인식과 감정''&lt;br /&gt;
&lt;br /&gt;
'''The Three Levels of Processing'''&lt;br /&gt;
*The Visceral Level 본능의 단계&lt;br /&gt;
**&amp;quot;Lizard brain&amp;quot;&lt;br /&gt;
**For designers, the visceral response is about immediate perception; style matters&lt;br /&gt;
*The Behavioral Level 행동의 단계&lt;br /&gt;
**''Learned'' skills, triggered by situations that match the appropriate patterns&lt;br /&gt;
**For designers, the most critical aspect of the behavioral level is that every action is associated with an expectation&lt;br /&gt;
**Feedback is critical&lt;br /&gt;
*The Reflective Level 반성의 단계&lt;br /&gt;
**Conscious cognition; where deep understanding develops, where reasoning and conscious decision-making take place&lt;br /&gt;
**It is reflection that drives us to recommend a product, to recommend that others use it—or perhaps to avoid it.&lt;br /&gt;
**Reflective memories are often more important than reality&lt;br /&gt;
&lt;br /&gt;
*Design must take place at all levels 디자인은 모든 단계에서 이루어져야 한다&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action and the Three Levels of Processing====&lt;br /&gt;
''행동의 4 가지 단계와 의 처리의 3가지 단계''&lt;br /&gt;
&lt;br /&gt;
[[File:SevenThree.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
*Flow&lt;br /&gt;
**Mihaly Csikszentmihalyi&lt;br /&gt;
**The emotional state of complete immersion in an activity&lt;br /&gt;
**Appropriate level of difficultry - requires attention but is not frustrating&lt;br /&gt;
**Expectations and emotions work together&lt;br /&gt;
&lt;br /&gt;
====People as Storytellers====&lt;br /&gt;
''이야기꾼으로서의 사람''&lt;br /&gt;
&lt;br /&gt;
&amp;quot;People are innately disposed to look for causes of events, to form explanations and stories. That is one reason storytelling is such a persuasive medium. Stories resonate with our experiences and provide examples of new instances. From our experiences and the stories of others we tend to form generalizations about the way people behave and things work. We attribute causes to events, and as long as these cause-and-effect pairings make sense, we accept them and use them for understanding future events. Yet these causal attributions are often erroneous. Sometimes they implicate the wrong causes, and for some things that happen, there is no single cause; rather, a complex chain of events that all contribute to the result: if any one of the events would not have occurred, the result would be different. But even when there is no single causal act, that doesn’t stop people from assigning one.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
Conceptual model은 이야기의 형식 중에 하나다. &lt;br /&gt;
&lt;br /&gt;
*예시 - Thermostat&lt;br /&gt;
&lt;br /&gt;
====Blaming the Wrong Things====&lt;br /&gt;
''탓을 잘못 돌리는 것''&lt;br /&gt;
&lt;br /&gt;
&amp;quot;People try to find causes for events. They tend to assign a causal relation whenever two things occur in succession.&amp;quot; 사람은 사건의 원인을 찾는다. &lt;br /&gt;
&lt;br /&gt;
&amp;quot;Often people will use their own conceptual models of the world to determine the perceived causal relationship between the thing being blamed and the result. The word&lt;br /&gt;
perceived is critical: the causal relationship does not have to exist; the person simply has to think it is there. Sometimes the result is to attribute cause to things that had nothing to do with the action.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
It seems natural for people to blame their own misfortunes on the environment. It seems equally natural to blame other people’s misfortunes on their personalities.&lt;br /&gt;
&lt;br /&gt;
'''Learned Helplessness 학습된 무기력 이론'''&lt;br /&gt;
&lt;br /&gt;
*The situation in which people experience repeated failure at a task. As a result, they decide that the task cannot be done, at least not by them: they are helpless. They stop trying.&lt;br /&gt;
* taught helplessness&lt;br /&gt;
&lt;br /&gt;
'''Positive Psychology 긍정 심리학'''&lt;br /&gt;
&lt;br /&gt;
*failure is a learning experience&lt;br /&gt;
&lt;br /&gt;
* Do not blame people when they fail to use your products properly.&lt;br /&gt;
* Take people’s difficulties as signifiers of where the product can be improved.&lt;br /&gt;
* Eliminate all error messages from electronic or computer systems. Instead, provide help and guidance.&lt;br /&gt;
* Make it possible to correct problems directly from help and guidance messages. Allow people to continue with their task: Don’t impede progress—help make it smooth and continuous. Never make people start over.&lt;br /&gt;
* Assume that what people have done is partially correct, so if it is inappropriate, provide the guidance that allows them to correct the problem and be on their way.&lt;br /&gt;
* Think positively, for yourself and for the people you interact with.&lt;br /&gt;
&lt;br /&gt;
====Falsely Blaming Yourself====&lt;br /&gt;
''본인에게 탓을 잘못 돌리는 것''&lt;br /&gt;
&lt;br /&gt;
* Human error usually is a result of poor design.&lt;br /&gt;
** When the system stopped working or did something strange, they dutifully reported it as a problem. But when they made the Return versus Enter error, they blamed themselves. After all, they had been told what to do. They had simply erred.&lt;br /&gt;
* It is about a problem in communication and interaction&lt;br /&gt;
* Machines are not people.&lt;br /&gt;
* Designers should minimize inappropriate actions and provide feedback in the case of an error.&lt;br /&gt;
* People are not machines. &lt;br /&gt;
&lt;br /&gt;
'''How Technology Can Accommodate Human Behavior 인간의 행동을 수용할 수 있는 기술'''&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action: Seven Fundamental Design Principles====&lt;br /&gt;
행동의 4가지 단계 - 7 가지 기본 디자인 원칙&lt;br /&gt;
&lt;br /&gt;
[[File:DesignQuestions.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
'''Checklist of Questions to Ask about a Product'''&lt;br /&gt;
# What do I want to accomplish?&lt;br /&gt;
# What are the alternative action sequences? / Feedforward&lt;br /&gt;
# What action can I do now? / Feedforward&lt;br /&gt;
# How do I do it? / Feedforward&lt;br /&gt;
# What happened? / Feedback&lt;br /&gt;
# What does it mean? / Feedback&lt;br /&gt;
# Is this okay? Have I accomplished my goal? / Feedback&lt;br /&gt;
&lt;br /&gt;
*Feedforward: Execution of action&lt;br /&gt;
**Appropriate use of signifiers, constraints, and mappings; conceptual model&lt;br /&gt;
*Feedback: Understanding of what happened&lt;br /&gt;
&lt;br /&gt;
'''Seven Fundamental Design Principles'''&lt;br /&gt;
# '''Discoverability'''. It is possible to determine what actions are possible and the current state of the device.&lt;br /&gt;
# '''Feedback'''. There is full and continuous information about the results of actions and the current state of the product or service. After an action has been executed, it is easy to determine the new state.&lt;br /&gt;
# '''Conceptual model'''. The design projects all the information needed to create a good conceptual model of the system, leading to understanding and a feeling of control. The conceptual model enhances both discoverability and evaluation of results.&lt;br /&gt;
# '''Affordances'''. The proper affordances exist to make the desired actions possible.&lt;br /&gt;
# '''Signifiers'''. Effective use of signifiers ensures discoverability and that the feedback is well communicated and intelligible.&lt;br /&gt;
# '''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.&lt;br /&gt;
# '''Constraints'''. Providing physical, logical, semantic, and cultural constraints guides actions and eases interpretation.&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE3 사용자를 고민하게 만들지 말아라===&lt;br /&gt;
&amp;lt;사용성에 대한 기본적인 개념과 필요성, 그리고 이를 최적화하기 위해 고려해야 할 것들과 제품의 사용자 경험에 가치를 더할 방법&amp;gt;&lt;br /&gt;
&lt;br /&gt;
====제대로 사용할 수 있는가?====&lt;br /&gt;
*사용성 : ‘제대로 사용할 수 있는가?’에 대한 주제&lt;br /&gt;
*사용성은 접근성과 적합성이라는 두 가지 가치를 동시에 만족시켜야 함.&lt;br /&gt;
**접근성 : 사용자가 올바르게 조작할 수 있는 것, 사용방법을 쉽게 배우고 익숙해지도록 하는 것. 복잡한 시스템을 실수 없이 작동시킬 수 있는지도 중요.&lt;br /&gt;
**적합성 : 제품의 기능과 성능, 목적이 서로 적합하게 설계되고 사용자도 이를 자연스럽게 이해할 수 있느냐에 대한 것.&lt;br /&gt;
&lt;br /&gt;
====사용자를 파악하라====&lt;br /&gt;
&lt;br /&gt;
사용자에 대해서 충분히 이해하는 것은 제품이 가진 장점과 독창적인 요소를 더욱 효과적으로 돋보이게 할 수 있으며 제품의 한계나 잠재적인 단점들을 보완하는데도 매우 중요한 역할.&lt;br /&gt;
제품을 기획하고 만드는 사람들이 저지르기 쉬운 오류는 바로 어느 누구보다 자신이 제품을 잘 안다고 생각하는 것. 제품을 만드는 사람은 만드는 사람의 시각에서 벗어날 수 없기 때문에 실제 사용자의 관점을 이해하지 못하는 경우가 많음. &lt;br /&gt;
사용자 접근성 = 사용할 사람들에게 사용 기회를 최대한 열어두었는가?&lt;br /&gt;
*유니버셜 디자인(Universial Design) : 장애인뿐만 아니라 성별, 나이별 등의 접근 용이성을 개선하는 노력&lt;br /&gt;
&lt;br /&gt;
*인간공학적 접근성 : 사용자별 신체적 차이와 물리적 한계를 고려.&lt;br /&gt;
*기술적 접근성 : 서비스를 이용하는 기술적인 환경에 대한 고려. ex)인터넷뱅킹&lt;br /&gt;
*사용자 조건에 따른 접근성 : 제품 사용자의 사용 목적과 환경, 기대치 등의 조건들을 고려.&lt;br /&gt;
&lt;br /&gt;
어떤 제품은 교육과 훈련을 받아야만 가능 ex)경비행기 조종, 원자력 발전소 운영 등&lt;br /&gt;
보통은 사용법을 숙지하는 시간이 적어야함. 사용자가 바라는 결과의 가치 &amp;gt; 투자하는 시간적, 심리적 가치 : 사용하기 쉬운 제품. &lt;br /&gt;
제품 사용에 관한 기본적인 조건 : 사용절차가 단순, 사용방법이 배우기 쉬워야 함, 사용방법이 논리적, 사용방법이 직관적. &lt;br /&gt;
&lt;br /&gt;
사용자 접근성이 기본적인 환경과 관련된 주제라면, 사용성은 사용과정에서의 결함이나 실수의 확률을 낮추고, 막힘없이 지속해서 사용할 수 있는지에 대한 것. &lt;br /&gt;
제품의 사용중에도 사용자에게 제품의 상태를 알려주어야 함, 제품중 실수를 저지르더라도 그 영향이 곧바로 결과로 이어지지 않게하는 안전장치 필요.(피드백)&lt;br /&gt;
&lt;br /&gt;
====제품을 이해하라====&lt;br /&gt;
제품 개발과정에서 제품과 사용자 간의 커뮤니케이션 디자인이 매우 중요. 제품을 실제로 어떻게 사용하게 만드느냐가 바로 인터페이스 디자인. 이단계에서 제품의 기능적인 특징과 사용자 욕구 및 특성을 함께 고려.&lt;br /&gt;
*Use-case : 프로그램의 여러 가지 내장된 세부 기능이 동작하는 절차를 다이어그램으로 시각화하여 이를 직관적으로 평가하고 계획할 수 있게 하는 개발 방법론.&lt;br /&gt;
*제품 플로우맵 : 제품의 특성과 세부 기능을 모두 이해하여 각 단위 기능의 연관성과 작동방식을 이해하는 사람이 작성. ex) 캡슐형 커피머신의 예&lt;br /&gt;
&lt;br /&gt;
====사용자 특성과 전략====&lt;br /&gt;
*‘안다’는 것(인지) : 오감을 통해 외부 자극을 느끼고 여러 가지 조건, 즉 사람의 가치관이나 성별, 나이와 같은 주체로서의 특성과 환경적 특성을 대입해 이해하는 과정.&lt;br /&gt;
*사용성에서 인지조건은 사용자가 제품이나 서비스를 사용하는 상황을 한정해야 실제로 의미있는 접근법을 찾을 수 있음. &lt;br /&gt;
*사용자 특성 : 사용자의 성별, 나이, 취향 등/ 사용자의 의도, 목적 혹은 요구 / 제품에 대한 기대와 인식/ 제품의 외형/ 사용자 조작에 대한 제품 피드백&lt;br /&gt;
&lt;br /&gt;
제품에 대한 기대감과 인식은 사용자의 실제적인 욕구가 형성되는 시작점.&lt;br /&gt;
사용자 욕구가 투영되거나 사용자에게 새로운 욕구를 갖도록 만드는 제품과 서비스는 강력한 동기를 유발. &lt;br /&gt;
&lt;br /&gt;
====감각적인 자극요소====&lt;br /&gt;
*시각적 : 대부분의 제품이 제공하는 방식. 화면에 표시되는 이미지, 아이콘, 언어, 색상 등&lt;br /&gt;
*청각적 : 인공적인 소음, 물리적인 소음, 제품 기능과 연관된 소리 등. 다른 감각기관보다 훨씬 뛰어난 감성의 호소력을 가짐.  ex) [https://www.youtube.com/watch?v=gjyWP2LfbyQ&amp;amp;feature=youtu.be honda 'choir'광고]&lt;br /&gt;
*촉각적 : 사용자에게 물리적인 인지요소로 독특한 호소력을 발휘함. 제품 외형과 품질에 대한 평가를 끌어냄. 햅틱 피드백. 가장 대표적인게 게임 컨트롤러&lt;br /&gt;
*후각적 : 예민하지만 가장 빨리 피로를 느끼는 특성 때문에 적극적으로 활용하기 어려운 자극. 매우 독창적이고 강한 각인 효과. &lt;br /&gt;
*미각적 : 맛을 본다는 것은 매우 적극적인 사용자 행동. 품질을 직접 설득하는 방식으로 구매에 결정적인 영향을 줌. &lt;br /&gt;
:=&amp;gt;오감으로 전달되는 자극은 매우 정확한 메시지를 전달. 반면 논리적 인지는 더욱 언어적이고 체계적이며 복잡한 이해가 필요. &lt;br /&gt;
&lt;br /&gt;
====신체조건과 사용성을 파악하라====&lt;br /&gt;
*인체공학 디자인 : 제품 디자인 중 신체활동 조건에 최적화하는 것. 가구 디자인이 대표적. &lt;br /&gt;
*휴먼스케일(human scale) : 인체의 물리적 속성, 즉 크기, 운동범위, 감각이 찾을 수 있는 범위. 사회 심리적인 인식범위나 영향력도 포함. &lt;br /&gt;
*신체조건 : 신체 크기, 관절의 각도, 신체에 부담이 없는 활동, 시야각, 밝기, 편안한 소리의 범위, 표면 온도 등. &lt;br /&gt;
*사용성 : 안전 + 흥미와 즐거움 ex) 트위스터&lt;br /&gt;
&lt;br /&gt;
====쉽게 배우고 쉽게 기억시켜라====&lt;br /&gt;
*제품이나 서비스의 활용방법이 단순하고 쉬울수록 사용자가 금방 익숙해짐&lt;br /&gt;
**경험을 통해 배우는 것 : 연습하면서 노력해야함. 처음엔 시간이 걸리지만 이후 효과가 뛰어남.&lt;br /&gt;
**교과 학습을 통해 배우는 것 : 학습과정을 체계화할 수 있고 효율적으로 배우고 평가할 수 있음. &lt;br /&gt;
&lt;br /&gt;
====멘탈모델과 매핑을 활용하라====&lt;br /&gt;
*멘탈모델(mental model) : 대상을 심리적으로 구조화한 것. 사용자는 외부 환경이나 대상이 어떤 방식으로 작용하고 동작하는지 추측하고, 구조화하여 더 효과적으로 이해하며 조작할 수 있음.&lt;br /&gt;
*매핑(mapping) : 사용자가 멘탈 모델의 구조를 구축할 때 대상의 세부 속성과 각 요소사이의 관계를 규정하는 심리.&lt;br /&gt;
:멘탈모델이 중요한 이유는 사용자가 제품과 그 사용법을 체계화할 수 있으면 제품을 실수하지 않고 더 효율적으로 사용할 수 있기 때문. 제품의 특성만으로는 제품을 이해하기 불가능하므로 디자이너는 사용자가 제품을 체계화하고 논리적인 멘탈모델을 구축할 수 있게 해야함. &lt;br /&gt;
:멘탈모델은 제품을 구성하는 개별 기능과 각 기능사이의 논리적인 인과관계를 설정하여 제시할 수 있음. 매핑은 멘탈모델을 구축하는 단계에서 인과관계는 물론 직관적인 연관성을 구축하는데 중요. &lt;br /&gt;
&lt;br /&gt;
*시각적인 배치 : 그래픽 디자인 요소, 이들을 배치하는 방식에 따라.  &lt;br /&gt;
*의미적인 배치 : 구체적인 이미지나 언어를 통해 명확한 의미로.&lt;br /&gt;
*논리적인 배치 &lt;br /&gt;
&lt;br /&gt;
====제약조건을 활용하라====&lt;br /&gt;
*물리적 제약조건 : 사용자의 신체적 한계를 파악하고 이를 이용하여 적절하게 디자인하는 것. 또 제품 자체의 형상이나 특성이 디자이너의 설계의도에 부합하는 방향으로만 쓸 수 있도록 디자인하는 것. &lt;br /&gt;
*심리적 제약조건 : 제품에 요소를 활용하여 사용자가 스스로 사용을 꺼리게 만들거나 자제하도록 디자인하는 것. 접근성에 대한 통제방법. &lt;br /&gt;
&lt;br /&gt;
====행위를 유발시켜라====&lt;br /&gt;
*행위 유발 : 사용자가 스스로 어떤 조건에 반응하여 행동한다는 의미에서 제품이나 서비스 자체의 사용자 경험을 극대화하는 방법. 어떤 물리적, 심리적 장치를 구성해 사용자 스스로 동기를 이끌어내어 구체적인 행동을 하는 것. &lt;br /&gt;
*사용자가 행동하게 되는 이유 : 사용자 개인과 환경에 따른 욕구 해소 행위, 외부 자극에 대한 행위, 사용자 가치관에 따른 자발적 행위, 사회적 조건에 대한 응답으로써의 자발적 행위, 감성표출을 위한 자발적 행위. &lt;br /&gt;
&lt;br /&gt;
*직관적인 행동유발 : 모양이나 순서, 구성이 제품의 목적에 맞게 최적화.&lt;br /&gt;
*연관적인 행동유발 : 사용자의 관심이나 이력을 활용. 사용자의 관심과 행동을 추적하고 분석하여 다음 행동을 유도하기도 함.&lt;br /&gt;
&lt;br /&gt;
====기호와 상징체계로 디자인하라====&lt;br /&gt;
소통을 통해 대상을 이해하는 과정에서 언어와 같은 상징체계로부터 벗어나기란 거의 불가능. 상징체계의 역할은 여러 가지 기억을 어떤 기준에 따라 하나의 이미지로 묶어 효율적인 사고를 할 수 있게 하는 것. &lt;br /&gt;
&lt;br /&gt;
*고정된 기호와 변화하는 기호 : 합의된 기호는 고정된 것이 아니라 시간 또는 환경에 따라 달라짐. 언어처럼 고정되지 않은 상징은 사용자 의도에 따라 다양하게 변형시킬 수 있음. &lt;br /&gt;
*은유와 디자인 언어 : 시각 디자인에서 은유는 언어로 전달하기 힘든 것을 직관적으로 전달하는 도구. &lt;br /&gt;
**코드화된 기호의 메시지 : 롤랑 바르트(Roland Barthes)가 제시한 코드화된 기호 메시지는 기호학적 분류로 이미지 기호 배치에 따라 시각적으로 만들어짐. 기호뿐만 아니라 어떻게 배치하고 결합하느냐도 큰 변수로 작용.&lt;br /&gt;
**코드화되지 않은 기호의 메시지 : 상징적인 기호가 아닌 지시적이고 직접적인 이미지를 그대로 사용. 기존의 의미체계로부터 완전히 독립적인 기호로 사용하기도 함. &lt;br /&gt;
**반대와 역설코드 : 담고자 하는 의미와 정반대의 이미지를 사용하여 가치를 강조하고 부각.&lt;br /&gt;
**의미결합 : 두가지 이상의 은유를 결합. 부분이 모인 전체가 아니라 완전한 구조와 정체성을 지닌 통합된 전체로서의 형상과 상태를 말하는 ‘게슈탈트 이론(Gastalt Theory)’에서의 의미확장은 복수의 의미가 더해지면 두 개체 의미 이상의 가치를 지님. &lt;br /&gt;
**지시와 호소 : 전달하려는 메시지에 사고나 행동을 직접 지시하는 상징을 사용. &lt;br /&gt;
**전이 : 서로 다른 의미의 은유를 결합하거나 지시적인 단어와 은유를 조합하여 본래 의미에서 벗어나 새로운 의미로 바꾸는 유형. &lt;br /&gt;
*확장된 메시지 디자인 : 히트상품은 그 제품의 목적과 영역에 한정되지 않고 그 의미를 폭넓게 확장하기도 함. 제품의 기호적인 특성은 제품의 정체성과 직접 연결됨. &lt;br /&gt;
*상징과 기호의 가치 : 상징과 기호는 제품이 담는 사용자의 욕망, 신기술, 미적 가치와 같은 다양한 속성이 사회적, 환경적인 특성과 결합하여 특정한 의미와 방향성을 가짐.&lt;br /&gt;
&lt;br /&gt;
===웹사이트 제안===&lt;br /&gt;
*그냥 디자인이 예쁜...&lt;br /&gt;
**기업소개 : [http://sanriokorea.co.kr/ 산리오], [http://www.ht.co.kr/#bannerPage 해태제과], [http://www.daumsoft.com/ 다음소프트] 등&lt;br /&gt;
**박물관 : [http://www.much.go.kr/ 대한민국역사박물관]&lt;br /&gt;
*사용성 측면에서 ux가 맘에드는...&lt;br /&gt;
**[http://webtoon.daum.net/ 다음웹툰]&lt;br /&gt;
*한번 같이 얘기해보고 싶은...&lt;br /&gt;
**[http://www.aks.ac.kr 한국학중앙연구원]&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	<entry>
		<id>http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-08-27&amp;diff=1105</id>
		<title>UX 모임 2018-08-27</title>
		<link rel="alternate" type="text/html" href="http://dh.aks.ac.kr/~lyndsey/wiki/index.php?title=UX_%EB%AA%A8%EC%9E%84_2018-08-27&amp;diff=1105"/>
				<updated>2018-08-26T13:28:35Z</updated>
		
		<summary type="html">&lt;p&gt;Seonae: /* 제대로 사용할 수 있는가? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;'''[[UX 모임]]'''&lt;br /&gt;
&lt;br /&gt;
==린지==&lt;br /&gt;
&lt;br /&gt;
===Chapter 2 - The Psychology of Everyday Actions===&lt;br /&gt;
평소에 하는 행동에 대한 심리&lt;br /&gt;
&lt;br /&gt;
* 서랍 예시 &lt;br /&gt;
&lt;br /&gt;
* How do people do things? &lt;br /&gt;
* What happens when things go wrong? How do we detect that they aren’t working, and then how do we know what to do? &lt;br /&gt;
* How do people select and then evaluate their actions?&lt;br /&gt;
* What is the role of understanding (via a conceptual model) and of emotions?&lt;br /&gt;
* How does this translate into principles of design?&lt;br /&gt;
&lt;br /&gt;
====How People Do Things: The Gulfs of Execution and Evaluation ====&lt;br /&gt;
사람이 행동하는 법 : 실행관 평가의 격차&lt;br /&gt;
&lt;br /&gt;
[[File:Gulfs.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
*Gulf of Execution 실행의 격차: where they try to figure out how it operates 작동을 이해하려고 한다&lt;br /&gt;
*Gulf of Evaluation 평가의 격차: where they try to figure out what happened 어떤 일이 이루어졌는지를 이해하려고 한다&lt;br /&gt;
**the amount of effort that the person must make to interpret the physical state of the device and to determine how well the expectations and intentions have been met&lt;br /&gt;
**--&amp;gt; feedback and a good conceptual model&lt;br /&gt;
&lt;br /&gt;
''The difficulties reside in their design, not in the people attempting to use them.''&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action====&lt;br /&gt;
행동의 7 가지 단계&lt;br /&gt;
&lt;br /&gt;
[[File:SevenStages.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
There are two parts to an action: doing and interpreting.  To complete an action, one must know how the item works and what results it produces. &amp;lt;br&amp;gt;&lt;br /&gt;
행동에는 두 부분이 있으며 '함(실행)'과 '이해(평가)'이다. 행동 하려면 물품이 어떻게 작동하는지 알아야 되고 어떤 결과를 생산하는지 알아야 된다. &lt;br /&gt;
&lt;br /&gt;
# Goal (form the goal)&lt;br /&gt;
# Plan (the action) / Execution&lt;br /&gt;
# Specify (an action sequence) / Execution&lt;br /&gt;
# Perform (the action sequence) / Execution&lt;br /&gt;
# Perceive (the state of the world) / Evaluation&lt;br /&gt;
# Interpret (the perception) / Evaluation&lt;br /&gt;
# Compare (the outcome with the goal) / Evaluation&lt;br /&gt;
&lt;br /&gt;
Not all of the activity in the stages is conscious. Most behavior does not require going through all stages in sequence; however, most activities will not be satisfied by single actions.&lt;br /&gt;
모든 단계들은 의식적이지 않을 수 있다. 그리고 모든 행동은 모든 단계를 걸쳐야 되는 것이 아닐 수 있다. 그러나 한 단계로 만 행동이 이루어지지 못한다. &lt;br /&gt;
&lt;br /&gt;
An action can begin with a goal, but also stimulated by the environment. &lt;br /&gt;
&lt;br /&gt;
*goal-driven&lt;br /&gt;
*data-driven&lt;br /&gt;
*event-driven&lt;br /&gt;
&lt;br /&gt;
Most actions are not planned, but opportunistic. 대부분의 행동은 계획된 것이 아니라 기회적이다(상황에 따라 이루어진다). &lt;br /&gt;
&lt;br /&gt;
사람은 전기 드릴을 원하는 것이 아니라 구멍을 원하는 것이다. 그리고 구정이 원하는 이유는 책장을 벽에 올리기 위한 것이다. 목표는 전기 드릴 구매가 아닌 것을 알고 목표가 책을 위한 보관 공간을 원하는 것을 올바르게 이해하면 다른 해결책을 상상할 수 있다.&lt;br /&gt;
&lt;br /&gt;
====Human Thought: Mostly Subconscious====&lt;br /&gt;
인간의 생각 - 주로 무의식적이다&lt;br /&gt;
&lt;br /&gt;
Why do we need to know about the human mind? Because things are designed to be used by people, and without a deep understanding of people, the designs are apt to be faulty, difficult to use, difficult to understand. 인간의 뇌를 왜 이해해야 할까? 인간을 위해 물품이 디자인하기 때문이다. 인간에 대한 깊은 이해가 없으면 디자인이 오류가 있고, 사용하기가 어렵고, 이해하기가 어려워진다. &lt;br /&gt;
&lt;br /&gt;
Conscious attention is necessary to learn most things, but after the initial learning, continued practice and study, sometimes for thousands of hours over a period of years, produces what psychologists call “overlearning,” Once skills have been overlearned, performance appears to be effortless, done automatically, with little or no awareness.&lt;br /&gt;
처음에 의식적으로 생각해야 행동을 할 수 있는데 행동을 할수록 'overlearning'이 된다. 'Overlearning'되면 행동은  자동으로 이루어지듯이 노력과 인식이 없는 것처럼 보인다. &lt;br /&gt;
&lt;br /&gt;
*예시 - 답해보십시오 - 3 번 전에 살던 집에서는 정문을 들어갔을 때 문의 손잡이는 왼쪽에 있었나 오른쪽에 있었나요?&lt;br /&gt;
&lt;br /&gt;
전문가는 특별히 어렵거나 기대되지 못한 상황에서만 의식적 집중이 필요하다. &lt;br /&gt;
&lt;br /&gt;
생각과 감정을 분리할 수 없다. 그리고 감정은 과소평가를 받고 있다. 생각은 이해를 주고 감정은 가치 평가를 준다. &lt;br /&gt;
&lt;br /&gt;
*무의식적 생각 : 빠르고 자동으로 작동 된다, 과거의 사례를 바탕으로 미래 예측과 일반적 추세를 파악할 수 있다.  &lt;br /&gt;
*의식적 생각 : 느리고 노력이 필요하다, 논리를 기반으로 이유를 찾으며 다른 선택과 대안을 고려한다. &lt;br /&gt;
&lt;br /&gt;
무의식적과 의식적 생각은 둘 다 통찰을 줄 수 있지만 둘 다 오해를 일으킬 수 있다. &lt;br /&gt;
&lt;br /&gt;
감정은 생화학을 통해 인식과 소통한다. &lt;br /&gt;
&lt;br /&gt;
긍정적 상태는 창의력에 도움이 되고 부정적 상태는 집중에 도움이 된다.&lt;br /&gt;
&lt;br /&gt;
====Human Cognition and Emotion====&lt;br /&gt;
''인가 인식과 감정''&lt;br /&gt;
&lt;br /&gt;
'''The Three Levels of Processing'''&lt;br /&gt;
*The Visceral Level 본능의 단계&lt;br /&gt;
**&amp;quot;Lizard brain&amp;quot;&lt;br /&gt;
**For designers, the visceral response is about immediate perception; style matters&lt;br /&gt;
*The Behavioral Level 행동의 단계&lt;br /&gt;
**''Learned'' skills, triggered by situations that match the appropriate patterns&lt;br /&gt;
**For designers, the most critical aspect of the behavioral level is that every action is associated with an expectation&lt;br /&gt;
**Feedback is critical&lt;br /&gt;
*The Reflective Level 반성의 단계&lt;br /&gt;
**Conscious cognition; where deep understanding develops, where reasoning and conscious decision-making take place&lt;br /&gt;
**It is reflection that drives us to recommend a product, to recommend that others use it—or perhaps to avoid it.&lt;br /&gt;
**Reflective memories are often more important than reality&lt;br /&gt;
&lt;br /&gt;
*Design must take place at all levels 디자인은 모든 단계에서 이루어져야 한다&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action and the Three Levels of Processing====&lt;br /&gt;
''행동의 4 가지 단계와 의 처리의 3가지 단계''&lt;br /&gt;
&lt;br /&gt;
[[File:SevenThree.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
*Flow&lt;br /&gt;
**Mihaly Csikszentmihalyi&lt;br /&gt;
**The emotional state of complete immersion in an activity&lt;br /&gt;
**Appropriate level of difficultry - requires attention but is not frustrating&lt;br /&gt;
**Expectations and emotions work together&lt;br /&gt;
&lt;br /&gt;
====People as Storytellers====&lt;br /&gt;
''이야기꾼으로서의 사람''&lt;br /&gt;
&lt;br /&gt;
&amp;quot;People are innately disposed to look for causes of events, to form explanations and stories. That is one reason storytelling is such a persuasive medium. Stories resonate with our experiences and provide examples of new instances. From our experiences and the stories of others we tend to form generalizations about the way people behave and things work. We attribute causes to events, and as long as these cause-and-effect pairings make sense, we accept them and use them for understanding future events. Yet these causal attributions are often erroneous. Sometimes they implicate the wrong causes, and for some things that happen, there is no single cause; rather, a complex chain of events that all contribute to the result: if any one of the events would not have occurred, the result would be different. But even when there is no single causal act, that doesn’t stop people from assigning one.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
Conceptual model은 이야기의 형식 중에 하나다. &lt;br /&gt;
&lt;br /&gt;
*예시 - Thermostat&lt;br /&gt;
&lt;br /&gt;
====Blaming the Wrong Things====&lt;br /&gt;
''탓을 잘못 돌리는 것''&lt;br /&gt;
&lt;br /&gt;
&amp;quot;People try to find causes for events. They tend to assign a causal relation whenever two things occur in succession.&amp;quot; 사람은 사건의 원인을 찾는다. &lt;br /&gt;
&lt;br /&gt;
&amp;quot;Often people will use their own conceptual models of the world to determine the perceived causal relationship between the thing being blamed and the result. The word&lt;br /&gt;
perceived is critical: the causal relationship does not have to exist; the person simply has to think it is there. Sometimes the result is to attribute cause to things that had nothing to do with the action.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
It seems natural for people to blame their own misfortunes on the environment. It seems equally natural to blame other people’s misfortunes on their personalities.&lt;br /&gt;
&lt;br /&gt;
'''Learned Helplessness 학습된 무기력 이론'''&lt;br /&gt;
&lt;br /&gt;
*The situation in which people experience repeated failure at a task. As a result, they decide that the task cannot be done, at least not by them: they are helpless. They stop trying.&lt;br /&gt;
* taught helplessness&lt;br /&gt;
&lt;br /&gt;
'''Positive Psychology 긍정 심리학'''&lt;br /&gt;
&lt;br /&gt;
*failure is a learning experience&lt;br /&gt;
&lt;br /&gt;
* Do not blame people when they fail to use your products properly.&lt;br /&gt;
* Take people’s difficulties as signifiers of where the product can be improved.&lt;br /&gt;
* Eliminate all error messages from electronic or computer systems. Instead, provide help and guidance.&lt;br /&gt;
* Make it possible to correct problems directly from help and guidance messages. Allow people to continue with their task: Don’t impede progress—help make it smooth and continuous. Never make people start over.&lt;br /&gt;
* Assume that what people have done is partially correct, so if it is inappropriate, provide the guidance that allows them to correct the problem and be on their way.&lt;br /&gt;
* Think positively, for yourself and for the people you interact with.&lt;br /&gt;
&lt;br /&gt;
====Falsely Blaming Yourself====&lt;br /&gt;
''본인에게 탓을 잘못 돌리는 것''&lt;br /&gt;
&lt;br /&gt;
* Human error usually is a result of poor design.&lt;br /&gt;
** When the system stopped working or did something strange, they dutifully reported it as a problem. But when they made the Return versus Enter error, they blamed themselves. After all, they had been told what to do. They had simply erred.&lt;br /&gt;
* It is about a problem in communication and interaction&lt;br /&gt;
* Machines are not people.&lt;br /&gt;
* Designers should minimize inappropriate actions and provide feedback in the case of an error.&lt;br /&gt;
* People are not machines. &lt;br /&gt;
&lt;br /&gt;
'''How Technology Can Accommodate Human Behavior 인간의 행동을 수용할 수 있는 기술'''&lt;br /&gt;
&lt;br /&gt;
====The Seven Stages of Action: Seven Fundamental Design Principles====&lt;br /&gt;
행동의 4가지 단계 - 7 가지 기본 디자인 원칙&lt;br /&gt;
&lt;br /&gt;
[[File:DesignQuestions.PNG|thumbnail]]&lt;br /&gt;
&lt;br /&gt;
'''Checklist of Questions to Ask about a Product'''&lt;br /&gt;
# What do I want to accomplish?&lt;br /&gt;
# What are the alternative action sequences? / Feedforward&lt;br /&gt;
# What action can I do now? / Feedforward&lt;br /&gt;
# How do I do it? / Feedforward&lt;br /&gt;
# What happened? / Feedback&lt;br /&gt;
# What does it mean? / Feedback&lt;br /&gt;
# Is this okay? Have I accomplished my goal? / Feedback&lt;br /&gt;
&lt;br /&gt;
*Feedforward: Execution of action&lt;br /&gt;
**Appropriate use of signifiers, constraints, and mappings; conceptual model&lt;br /&gt;
*Feedback: Understanding of what happened&lt;br /&gt;
&lt;br /&gt;
'''Seven Fundamental Design Principles'''&lt;br /&gt;
# '''Discoverability'''. It is possible to determine what actions are possible and the current state of the device.&lt;br /&gt;
# '''Feedback'''. There is full and continuous information about the results of actions and the current state of the product or service. After an action has been executed, it is easy to determine the new state.&lt;br /&gt;
# '''Conceptual model'''. The design projects all the information needed to create a good conceptual model of the system, leading to understanding and a feeling of control. The conceptual model enhances both discoverability and evaluation of results.&lt;br /&gt;
# '''Affordances'''. The proper affordances exist to make the desired actions possible.&lt;br /&gt;
# '''Signifiers'''. Effective use of signifiers ensures discoverability and that the feedback is well communicated and intelligible.&lt;br /&gt;
# '''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.&lt;br /&gt;
# '''Constraints'''. Providing physical, logical, semantic, and cultural constraints guides actions and eases interpretation.&lt;br /&gt;
&lt;br /&gt;
==선애==&lt;br /&gt;
===RULE3 사용자를 고민하게 만들지 말아라===&lt;br /&gt;
&amp;lt;사용성에 대한 기본적인 개념과 필요성, 그리고 이를 최적화하기 위해 고려해야 할 것들과 제품의 사용자 경험에 가치를 더할 방법&amp;gt;&lt;br /&gt;
&lt;br /&gt;
====제대로 사용할 수 있는가?====&lt;br /&gt;
*사용성 : ‘제대로 사용할 수 있는가?’에 대한 주제&lt;br /&gt;
*사용성은 접근성과 적합성이라는 두 가지 가치를 동시에 만족시켜야 함.&lt;br /&gt;
**접근성 : 사용자가 올바르게 조작할 수 있는 것, 사용방법을 쉽게 배우고 익숙해지도록 하는 것. 복잡한 시스템을 실수 없이 작동시킬 수 있는지도 중요.&lt;br /&gt;
**적합성 : 제품의 기능과 성능, 목적이 서로 적합하게 설계되고 사용자도 이를 자연스럽게 이해할 수 있느냐에 대한 것.&lt;br /&gt;
&lt;br /&gt;
====사용자를 파악하라====&lt;br /&gt;
&lt;br /&gt;
사용자에 대해서 충분히 이해하는 것은 제품이 가진 장점과 독창적인 요소를 더욱 효과적으로 돋보이게 할 수 있으며 제품의 한계나 잠재적인 단점들을 보완하는데도 매우 중요한 역할.&lt;br /&gt;
제품을 기획하고 만드는 사람들이 저지르기 쉬운 오류는 바로 어느 누구보다 자신이 제품을 잘 안다고 생각하는 것. 제품을 만드는 사람은 만드는 사람의 시각에서 벗어날 수 없기 때문에 실제 사용자의 관점을 이해하지 못하는 경우가 많음. &lt;br /&gt;
사용자 접근성 = 사용할 사람들에게 사용 기회를 최대한 열어두었는가?&lt;br /&gt;
*유니버셜 디자인(Universial Design) : 장애인뿐만 아니라 성별, 나이별 등의 접근 용이성을 개선하는 노력&lt;br /&gt;
&lt;br /&gt;
*인간공학적 접근성 : 사용자별 신체적 차이고 물리적 한계를 고려.&lt;br /&gt;
*기술적 접근성 : 서비스를 이용하는 기술적인 환경에 대한 고려. ex)인터넷뱅킹&lt;br /&gt;
*사용자 조건에 따른 접근성 : 제품 사용자의 사용 목적과 환경, 기대치 등의 조건들을 고려.&lt;br /&gt;
&lt;br /&gt;
어떤 제품은 교육과 훈련을 받아야만 가능 ex)경비행기 조종, 원자력 발전소 운영 등&lt;br /&gt;
보통은 사용법을 숙지하는 시간이 적어야함. 사용자가 바라는 결과의 가치 &amp;gt; 투자하는 시간적, 심리적 가치 : 사용하기 쉬운 제품. &lt;br /&gt;
제품 사용에 관한 기본적인 조건 : 사용절차가 단순, 사용방법이 배우기 쉬워야 함, 사용방법이 논리적, 사용방법이 직관적. &lt;br /&gt;
&lt;br /&gt;
사용자 접근성이 기본적인 환경과 관련된 주제라면, 사용성은 사용과정에서의 결함이나 실수의 확률을 낮추고, 막힘없이 지속해서 사용할 수 있는지에 대한 것. &lt;br /&gt;
제품의 사용중에도 사용자에게 제품의 상태를 알려주어야 함, 제품중 실수를 저지르더라도 그 영향이 곧바로 결과로 이어지지 않게하는 안전장치 필요.(피드백)&lt;br /&gt;
&lt;br /&gt;
====제품을 이해하라====&lt;br /&gt;
제품 개발과정에서 제품과 사용자 간의 커뮤니케이션 디자인이 매우 중요. 제품을 실제로 어떻게 사용하게 만드느냐가 바로 인터페이스 디자인. 이단계에서 제품의 기능적인 특징과 사용자 욕구 및 특성을 함께 고려.&lt;br /&gt;
*Use-case : 프로그램의 여러 가지 내장된 세부 기능이 동작하는 절차를 다이어그램으로 시각화하여 이를 직관적으로 평가하고 계획할 수 있게 하는 개발 방법론.&lt;br /&gt;
*제품 플로우맵 : 제품의 특성과 세부 기능을 모두 이해하여 각 단위 기능의 연관성과 작동방식을 이해하는 사람이 작성. ex) 캡슐형 커피머신의 예&lt;br /&gt;
&lt;br /&gt;
====사용자 특성과 전략====&lt;br /&gt;
*‘안다’는 것(인지) : 오감을 통해 외부 자극을 느끼고 여러 가지 조건, 즉 사람의 가치관이나 성별, 나이와 같은 주체로서의 특성과 환경적 특성을 대입해 이해하는 과정.&lt;br /&gt;
*사용성에서 인지조건은 사용자가 제품이나 서비스를 사용하는 상황을 한정해야 실제로 의미있는 접근법을 찾을 수 있음. &lt;br /&gt;
*사용자 특성 : 사용자의 성별, 나이, 취향 등/ 사용자의 의도, 목적 혹은 요구 / 제품에 대한 기대와 인식/ 제품의 외형/ 사용자 조작에 대한 제품 피드백&lt;br /&gt;
&lt;br /&gt;
제품에 대한 기대감과 인식은 사용자의 실제적인 욕구가 형성되는 시작점.&lt;br /&gt;
사용자 욕구가 투영되거나 사용자에게 새로운 욕구를 갖도록 만드는 제품과 서비스는 강력한 동기를 유발. &lt;br /&gt;
&lt;br /&gt;
====감각적인 자극요소====&lt;br /&gt;
*시각적 : 대부분의 제품이 제공하는 방식. 화면에 표시되는 이미지, 아이콘, 언어, 색상 등&lt;br /&gt;
*청각적 : 인공적인 소음, 물리적인 소음, 제품 기능과 연관된 소리 등. 다른 감각기관보다 훨씬 뛰어난 감성의 호소력을 가짐.  ex) [https://www.youtube.com/watch?v=gjyWP2LfbyQ&amp;amp;feature=youtu.be honda 'choir'광고]&lt;br /&gt;
*촉각적 : 사용자에게 물리적인 인지요소로 독특한 호소력을 발휘함. 제품 외형과 품질에 대한 평가를 끌어냄. 햅틱 피드백. 가장 대표적인게 게임 컨트롤러&lt;br /&gt;
*후각적 : 예민하지만 가장 빨리 피로를 느끼는 특성 때문에 적극적으로 활용하기 어려운 자극. 매우 독창적이고 강한 각인 효과. &lt;br /&gt;
*미각적 : 맛을 본다는 것은 매우 적극적인 사용자 행동. 품질을 직접 설득하는 방식으로 구매에 결정적인 영향을 줌. &lt;br /&gt;
:=&amp;gt;오감으로 전달되는 자극은 매우 정확한 메시지를 전달. 반면 논리적 인지는 더욱 언어적이고 체계적이며 복잡한 이해가 필요. &lt;br /&gt;
&lt;br /&gt;
====신체조건과 사용성을 파악하라====&lt;br /&gt;
*인체공학 디자인 : 제품 디자인 중 신체활동 조건에 최적화하는 것. 가구 디자인이 대표적. &lt;br /&gt;
*휴먼스케일(human scale) : 인체의 물리적 속성, 즉 크기, 운동범위, 감각이 찾을 수 있는 범위. 사회 심리적인 인식범위나 영향력도 포함. &lt;br /&gt;
*신체조건 : 신체 크기, 관절의 각도, 신체에 부담이 없는 활동, 시야각, 밝기, 편안한 소리의 범위, 표면 온도 등. &lt;br /&gt;
*사용성 : 안전 + 흥미와 즐거움 ex) 트위스터&lt;br /&gt;
&lt;br /&gt;
====쉽게 배우고 쉽게 기억시켜라====&lt;br /&gt;
*제품이나 서비스의 활용방법이 단순하고 쉬울수록 사용자가 금방 익숙해짐&lt;br /&gt;
**경험을 통해 배우는 것 : 연습하면서 노력해야함. 처음엔 시간이 걸리지만 이후 효과가 뛰어남.&lt;br /&gt;
**교과 학습을 통해 배우는 것 : 학습과정을 체계화할 수 있고 효율적으로 배우고 평가할 수 있음. &lt;br /&gt;
&lt;br /&gt;
====멘탈모델과 매핑을 활용하라====&lt;br /&gt;
*멘탈모델(mental model) : 대상을 심리적으로 구조화한 것. 사용자는 외부 환경이나 대상이 어떤 방식으로 작용하고 동작하는지 추측하고, 구조화하여 더 효과적으로 이해하며 조작할 수 있음.&lt;br /&gt;
*매핑(mapping) : 사용자가 멘탈 모델의 구조를 구축할 때 대상의 세부 속성과 각 요소사이의 관계를 규정하는 심리.&lt;br /&gt;
:멘탈모델이 중요한 이유는 사용자가 제품과 그 사용법을 체계화할 수 있으면 제품을 실수하지 않고 더 효율적으로 사용할 수 있기 때문. 제품의 특성만으로는 제품을 이해하기 불가능하므로 디자이너는 사용자가 제품을 체계화하고 논리적인 멘탈모델을 구축할 수 있게 해야함. &lt;br /&gt;
:멘탈모델은 제품을 구성하는 개별 기능과 각 기능사이의 논리적인 인과관계를 설정하여 제시할 수 있음. 매핑은 멘탈모델을 구축하는 단계에서 인과관계는 물론 직관적인 연관성을 구축하는데 중요. &lt;br /&gt;
&lt;br /&gt;
*시각적인 배치 : 그래픽 디자인 요소, 이들을 배치하는 방식에 따라.  &lt;br /&gt;
*의미적인 배치 : 구체적인 이미지나 언어를 통해 명확한 의미로.&lt;br /&gt;
*논리적인 배치 &lt;br /&gt;
&lt;br /&gt;
====제약조건을 활용하라====&lt;br /&gt;
*물리적 제약조건 : 사용자의 신체적 한계를 파악하고 이를 이용하여 적절하게 디자인하는 것. 또 제품 자체의 형상이나 특성이 디자이너의 설계의도에 부합하는 방향으로만 쓸 수 있도록 디자인하는 것. &lt;br /&gt;
*심리적 제약조건 : 제품에 요소를 활용하여 사용자가 스스로 사용을 꺼리게 만들거나 자제하도록 디자인하는 것. 접근성에 대한 통제방법. &lt;br /&gt;
&lt;br /&gt;
====행위를 유발시켜라====&lt;br /&gt;
*행위 유발 : 사용자가 스스로 어떤 조건에 반응하여 행동한다는 의미에서 제품이나 서비스 자체의 사용자 경험을 극대화하는 방법. 어떤 물리적, 심리적 장치를 구성해 사용자 스스로 동기를 이끌어내어 구체적인 행동을 하는 것. &lt;br /&gt;
*사용자가 행동하게 되는 이유 : 사용자 개인과 환경에 따른 욕구 해소 행위, 외부 자극에 대한 행위, 사용자 가치관에 따른 자발적 행위, 사회적 조건에 대한 응답으로써의 자발적 행위, 감성표출을 위한 자발적 행위. &lt;br /&gt;
&lt;br /&gt;
*직관적인 행동유발 : 모양이나 순서, 구성이 제품의 목적에 맞게 최적화.&lt;br /&gt;
*연관적인 행동유발 : 사용자의 관심이나 이력을 활용. 사용자의 관심과 행동을 추적하고 분석하여 다음 행동을 유도하기도 함.&lt;br /&gt;
&lt;br /&gt;
====기호와 상징체계로 디자인하라====&lt;br /&gt;
소통을 통해 대상을 이해하는 과정에서 언어와 같은 상징체계로부터 벗어나기란 거의 불가능. 상징체계의 역할은 여러 가지 기억을 어떤 기준에 따라 하나의 이미지로 묶어 효율적인 사고를 할 수 있게 하는 것. &lt;br /&gt;
&lt;br /&gt;
*고정된 기호와 변화하는 기호 : 합의된 기호는 고정된 것이 아니라 시간 또는 환경에 따라 달라짐. 언어처럼 고정되지 않은 상징은 사용자 의도에 따라 다양하게 변형시킬 수 있음. &lt;br /&gt;
*은유와 디자인 언어 : 시각 디자인에서 은유는 언어로 전달하기 힘든 것을 직관적으로 전달하는 도구. &lt;br /&gt;
**코드화된 기호의 메시지 : 롤랑 바르트(Roland Barthes)가 제시한 코드화된 기호 메시지는 기호학적 분류로 이미지 기호 배치에 따라 시각적으로 만들어짐. 기호뿐만 아니라 어떻게 배치하고 결합하느냐도 큰 변수로 작용.&lt;br /&gt;
**코드화되지 않은 기호의 메시지 : 상징적인 기호가 아닌 지시적이고 직접적인 이미지를 그대로 사용. 기존의 의미체계로부터 완전히 독립적인 기호로 사용하기도 함. &lt;br /&gt;
**반대와 역설코드 : 담고자 하는 의미와 정반대의 이미지를 사용하여 가치를 강조하고 부각.&lt;br /&gt;
**의미결합 : 두가지 이상의 은유를 결합. 부분이 모인 전체가 아니라 완전한 구조와 정체성을 지닌 통합된 전체로서의 형상과 상태를 말하는 ‘게슈탈트 이론(Gastalt Theory)’에서의 의미확장은 복수의 의미가 더해지면 두 개체 의미 이상의 가치를 지님. &lt;br /&gt;
**지시와 호소 : 전달하려는 메시지에 사고나 행동을 직접 지시하는 상징을 사용. &lt;br /&gt;
**전이 : 서로 다른 의미의 은유를 결합하거나 지시적인 단어와 은유를 조합하여 본래 의미에서 벗어나 새로운 의미로 바꾸는 유형. &lt;br /&gt;
*확장된 메시지 디자인 : 히트상품은 그 제품의 목적과 영역에 한정되지 않고 그 의미를 폭넓게 확장하기도 함. 제품의 기호적인 특성은 제품의 정체성과 직접 연결됨. &lt;br /&gt;
*상징과 기호의 가치 : 상징과 기호는 제품이 담는 사용자의 욕망, 신기술, 미적 가치와 같은 다양한 속성이 사회적, 환경적인 특성과 결합하여 특정한 의미와 방향성을 가짐.&lt;br /&gt;
&lt;br /&gt;
===웹사이트 제안===&lt;br /&gt;
*그냥 디자인이 예쁜...&lt;br /&gt;
**기업소개 : [http://sanriokorea.co.kr/ 산리오], [http://www.ht.co.kr/#bannerPage 해태제과], [http://www.daumsoft.com/ 다음소프트] 등&lt;br /&gt;
**박물관 : [http://www.much.go.kr/ 대한민국역사박물관]&lt;br /&gt;
*사용성 측면에서 ux가 맘에드는...&lt;br /&gt;
**[http://webtoon.daum.net/ 다음웹툰]&lt;br /&gt;
*한번 같이 얘기해보고 싶은...&lt;br /&gt;
**[http://www.aks.ac.kr 한국학중앙연구원]&lt;/div&gt;</summary>
		<author><name>Seonae</name></author>	</entry>

	</feed>