Lyndsey Twining - User contributions [en]

UX 모임 2018-11-12

2018-11-11T01:09:26Z

Pinocchio: /* 현규 */

==선애==
===RULE8. 사용자 경험 디자인을 위한 7가지 법칙===
====첫번째, 트렌드를 읽어라====
*기술 트렌드
*사회적 트렌드
*경제적 여건
*환경 및 공익 관련 인식
====두번째, 사용자 니즈를 제품으로 구현하라====
*사용자 행동 분석 : 카드 소팅, 멘탈 모델링, 사용자 관찰, 사용자 리뷰

====세번째, 벤치마킹으로 경쟁자를 분석하라====
*전략적인 제품의 방향
*경쟁에 대한 준비
*핵심 가치와 품질 개선
*개발 과정 혁신을 통한 생산성 강화 : 벤치마킹 대상선정, 대상분석, 결과 평가
====네번째, 디자인 설계도를 그려라====
*기능의 정의
*플로우 맵 작성 : 간결성, 멘탈 모델링, 오류 방지
*와이어프레임
====다섯번째, 소통가능한 인터페이스를 디자인하라====
*조작체계
*피드백체계
*상징체계
====여섯번째, 인터랙션 디자인을 활용하라====
*논리와 감성의 통합요소
*사회 가치로써의 확장
====일곱번째, 프로토타입 테스트로 성공확률을 높여라====
*제품의 구조적 완결 테스트
*제품의 성능 테스트
*제품의 감성 요소 테스트
*제품의 인터랙션 디자인 품질 테스트 : 페이퍼 프로토타입, 인터랙티브 프로토타입
====플러스, UX디자인을 위한 사용성 테스트 매뉴얼====
*휴리스틱 리서치
*사용자 테스트 : 테스트 담당자, 테스터 선정, 테스트 공간, 제품, 예산
*사용자 테스트 실행 : 테스트 준비, 사용자 테스트 실행, 소리내며 생각하기 기법, 사용자 테스트 순서, 테스트 결과 분석

==현규==
===다양성과 포용===
*핵심 사용자에게 집중하고 나머지는 배제하는 방법이 옳은 걸까?
*존 마에다: 다양성은 해결해야하는 문제가 아니라 문화적 책임이자 경제적 기회. 모두를 포용하는 디자인은 세상을 바라보는 새로운 관점이자 돈이 되는 좋은 비즈니스.
====인클루시브 디자인====
*"전 세계 74억 명을 만족시키는 제품을 만드는 동시에 개인 맞춤형 제품을 만들 수 있을까?"
*사회 구성원 모두를 포용하며 모두가 사용할 수 있는 제품 혹은 서비스를 디자인하기 위한 방법.
*#누가 소외되고, 불편함을 겪는지 인식하는 것에서 출발한다
*#다양한 인간이 각 사회에 어떻게 적용해쓴닞 알아보고, 여기에서 배운 내용을 바탕으로 누구에게나 적용 가능한 유연한 솔루션을 디자인 해야한다.
*#한 명을 위한 솔루션에서 더 많은 사람을 위한 솔루션으로
*#*인클루시브 디자인은 세상을 바라보는 우리의 사고방식, 방법론, 행동을 바꾼다.
====생각해볼거리====
*※ 타겟을 정하는 것 VS 모두를 포용하는 것. 대립적인 것일까?
*※ 정보 디자인에서 인클루시브 디자인이 가능할까?
*※ 대한민국이 가진 문화적 배경의 강점은 무엇일까?. 이를 디자인에 적용해본다면, 어떻게 활용할 수 있을까?
===유용한 웹페이지===
[https://designintech.report/ 디자인 인 테크]

==린지==

UX 모임 2018-11-12

2018-11-11T01:09:02Z

Pinocchio: /* 현규 */

==선애==
===RULE8. 사용자 경험 디자인을 위한 7가지 법칙===
====첫번째, 트렌드를 읽어라====
*기술 트렌드
*사회적 트렌드
*경제적 여건
*환경 및 공익 관련 인식
====두번째, 사용자 니즈를 제품으로 구현하라====
*사용자 행동 분석 : 카드 소팅, 멘탈 모델링, 사용자 관찰, 사용자 리뷰

====세번째, 벤치마킹으로 경쟁자를 분석하라====
*전략적인 제품의 방향
*경쟁에 대한 준비
*핵심 가치와 품질 개선
*개발 과정 혁신을 통한 생산성 강화 : 벤치마킹 대상선정, 대상분석, 결과 평가
====네번째, 디자인 설계도를 그려라====
*기능의 정의
*플로우 맵 작성 : 간결성, 멘탈 모델링, 오류 방지
*와이어프레임
====다섯번째, 소통가능한 인터페이스를 디자인하라====
*조작체계
*피드백체계
*상징체계
====여섯번째, 인터랙션 디자인을 활용하라====
*논리와 감성의 통합요소
*사회 가치로써의 확장
====일곱번째, 프로토타입 테스트로 성공확률을 높여라====
*제품의 구조적 완결 테스트
*제품의 성능 테스트
*제품의 감성 요소 테스트
*제품의 인터랙션 디자인 품질 테스트 : 페이퍼 프로토타입, 인터랙티브 프로토타입
====플러스, UX디자인을 위한 사용성 테스트 매뉴얼====
*휴리스틱 리서치
*사용자 테스트 : 테스트 담당자, 테스터 선정, 테스트 공간, 제품, 예산
*사용자 테스트 실행 : 테스트 준비, 사용자 테스트 실행, 소리내며 생각하기 기법, 사용자 테스트 순서, 테스트 결과 분석

==현규==
===다양성과 포용===
*핵심 사용자에게 집중하고 나머지는 배제하는 방법이 옳은 걸까?
*존 마에다: 다양성은 해결해야하는 문제가 아니라 문화적 책임이자 경제적 기회. 모두를 포용하는 디자인은 세상을 바라보는 새로운 관점이자 돈이 되는 좋은 비즈니스.
====인클루시브 디자인====
*"전 세계 74억 명을 만족시키는 제품을 만드는 동시에 개인 맞춤형 제품을 만들 수 있을까?"
*사회 구성원 모두를 포용하며 모두가 사용할 수 있는 제품 혹은 서비스를 디자인하기 위한 방법.
*#누가 소외되고, 불편함을 겪는지 인식하는 것에서 출발한다
*#다양한 인간이 각 사회에 어떻게 적용해쓴닞 알아보고, 여기에서 배운 내용을 바탕으로 누구에게나 적용 가능한 유연한 솔루션을 디자인 해야한다.
*#한 명을 위한 솔루션에서 더 많은 사람을 위한 솔루션으로
*#*인클루시브 디자인은 세상을 바라보는 우리의 사고방식, 방법론, 행동을 바꾼다.
====생각해볼거리====
※ 타겟을 정하는 것 VS 모두를 포용하는 것. 대립적인 것일까?
※ 정보 디자인에서 인클루시브 디자인이 가능할까?
※ 대한민국이 가진 문화적 배경의 강점은 무엇일까?. 이를 디자인에 적용해본다면, 어떻게 활용할 수 있을까?
===유용한 웹페이지===
[https://designintech.report/ 디자인 인 테크]

==린지==

UX 모임 2018-11-04

2018-11-03T07:58:04Z

Pinocchio: /* 현규 */

==선애==

==현규==
===인터랙션18===
===인터랙션 디자인이란===
*사전적정의: 인간이 제품이나 서비스를 사용하면서 상호작용하는 것을 용이하게 하는 디자인분야
*"사용자 중심의 의미 있는 경험을 만들어 제품과 사용자 사이의 틈을 메우는 일", "디지털 제품의 정적인 부분을 디자인하는 UI디자인의 상대적인 의미로 사용하는 동적인 디자인", "인터페이스를 인지한 후 사용자가 어떤 행동을 해서 어떤 경험을 하게 할지 구성하는 일로 작동을 위한 행동을 정의 내려주는 것"
[[File:InteractionDesign.jpeg|400px]]
===인터랙션 어워즈===
*퓨처 보이스 어워드
**[https://youtu.be/f01Fh-eJ3II 브이타이완]
**더 많은 시민들을 입법과 정책 결정 과정에 참여시킬 수 있도록하는 참여 민주주의 실험 프로젝트
*Disrupting(기존에 존재하는 제품이나 서비스를 완전히 새롭게 디자인)
**[https://vimeo.com/240137191 VR파워트레이너]
**어디서나 전동휠체어 축구를 연습할 수 있는 가상현실 플랫폼 VR.
*Empowering(인간의 한계를 넘어서게 하는 디자인)
**[https://vimeo.com/240767794 POSB Jolly]
**싱가포르 이주노동자들이 쉽게 이용할수 있는 모바일 뱅킹 앱. 인터페이스 단순. 다양한 언어 지원.
*Optimizing(일상을 효율적으로 바꾸는 디자인)
**[https://vimeo.com/240767296 뉴 노르딕]
**정육면체 큐브안에 담기는 기내식. 분해 용이, 환경친화적.
*Connecting: 사람과 커뮤니티가 소통하게 만들다
**[https://vimeo.com/240087832 무트, Make Democracy Great Again]
**공공기관과 시민들이 건설적인 대화를 할 수 있도록 도와주는 플랫폼. 인공지능 기반의 대화형 인터페이스로 용자의 문의를 분류하고, 대답이 가능한 문의라면 무트가 즉시 답을 준다. 사용자가 책임자와 대화하고 싶다면, 무트는 질문에 적합한 담당자와 연결해서 대화가 계속될 수 있도록 만들어준다.
*Expressing:자기표현과 창의력을 독려하다
**[https://vimeo.com/240533504 오브젝트파이어]
**오브젝트파이어는 일상의 오브젝트가 사용자의 고유한 행동에 반응하도록 훈련시킬 수 있게 만들어주는 기기.
===인간 중심 디자인===
====앨런쿠퍼====
*좋은 선조처럼 생각하기(ancestry thinking)
**우리는 무엇을 가정하고 있는가 ex) 화장실 자동 물비누가 흑인의 손을 인식하지 못함.
**우리는 어떤 외부효과를 만들고 있는가 ex) 집앞에 쓰레기 버리기, 카풀서비스, 대형 할인 마트.
**어떤 시간 척도를 사용하고 있는가 ex) 최초 개인용 컴퓨터를 개발하면서 연도 표기를 위해 두자리만 사용.
====하라 켄야====
*여백을 남겨두기(Make things unknown)
**무인양품의 철학: 단 하나의 테이블을 만든다. 모든 맥락에 맞는 단 하나의 상품, 내가 원하는 맥락에 맞게 쓸 수 있는 물건.
**엑스포메이션(exformation): 우리가 그 대상에 대해 얼마나 모르는지, 세상에 대해 얼마나 무지한지 깨닫게 만들기 위한 프로젝트. 무지를 인지하는 것만으로도 대상에 대한 관심과 호기심을 증대시키고 세상을 전혀 다른 관점으로 바라볼 수 있다.
***여백의 미와 미니멀리즘은 다르다. 동양과 서양이 세상을 바라보는 방식은 다르다. 서양은 제품 그 자체에 집중한다. 동양은 맥락을 본다. 여백의 미에는 이미 맥락이 들어가 있다.

==린지==
==='''The Design of Everyday Things - Ch. 6 Design Thinking'''===
*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.
*Should question the problem itself; discover the real problem underneath

===올바른(?) 문제를 해결하기 Solving the Correct Problem===
*Good designers: Rather than converging on a solution, they diverge and think of many ideas
*The key emphasis of this book is developing products that fit the needs and capabilities of people
*Designers resist jumping to a conclusion; they find the root issue then suggest multiple potential solutions - This is design thinking.
*"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."
*Two key factors: 1) finding the right problem, 2) meeting human needs and capabilities

===더블 다이아몬드 디자인 모델 The Double-Diamond Model of Design===
#Expand the scope of the problem (discover)
#Converge on a single problem statement (define)
#Expand the space of possible solutions (develop)
#Converge on a final solution (deliver)

*Managers: Encourage free exploration, but hold them to a schedule and budget

===인간 중심 디자인 과정 The Human-Centered Design Process===
*Four stages:
#Observation
#Idea generation (ideation)
#Prototyping
#Testing
#(Iterate)

'''1. 관찰 Observation'''
*사용자의 의도, 행동 등 깊게 이해하려고 함
*인구 통계학적 세분화(성별, 나이, 등)보다 사람이 하는 행동 중심으로 관찰하면 좋다
*문제를 정하는 것과 해결책을 찾는 것은 사용자에 대한 깊은 이해가 필요하다

*디자인 연구 대 시장 연구 Design Research versus Market Research
**디자인 연구는 사용자가 무엇을 뭘 필요한지에 대한 연구이며 시장 연구는 소비자가 무엇을 구매할지에 대한 연구이다
**디자인 연구는 소수의 사람을 연구 대상으로 관찰을 통해 하며 시장 연구는 다수의 사람을 연구 대상으로 설문조사, 포커스그룹 등으로 한다
**시장 연구의 위험성은 사람이 '원하다고' 하는 것과 실제적으로 필요한 것이 다를 수 있으며, 디자인 연구의 위험성은 소수의 사람을 연구 대상으로 삼기 때문의 결과가 대표적인지 확실하지 않을 수 있다
**장단점이 다 있지만 사실은 두 종류의 연구가 필요하다

'''2. 아이디어 만들기 Idea Generation'''
*디자인 조건이 정해지면 많은 해결책을 생각해 나야 된다
*규칙
#수 많은 이이디어 제시해 봐라
#제한 없이 창의적으로 생각해야 한다; 미친 아이디어이더라도 그 것을 통해 통찰을 얻을 수도 있다
#모든 것을 의심해라; 바보 같은 질문이 없다(오히려 바보 같은 질문 묻는 것이 좋다)

'''3. 프로토타이핑Prototyping'''

'''4. 실험하기 Testing'''

*반복하기 Iteration
**행동 중심 대 인간 중심 디자인 Activity-Centered versus Human-Centered Design
**과제와 행동의 차이 점에 대하여 On the Differences Between Tasks and Activities
**반복적 디자인 대 직선적 단계 디자인 Iterative Design versus Linear Stages

===내가 방금 말 한 건? 사실 보통 그렇게 되지 않는다 What I Just Told You? It Doesn't Really Work That Way===
*돈 노르맨의 생산적 발달 법 Don Norman's Law of Productive Development

===디자인 문제 The Design Challenge===
*물품은 모순된 조건이 있다 Products Have Multiple Conflicting Requirements
*특별한 사람들 위한 디자인 Designing for Special People
*오명 문제 The Stigma Problem

===복잡함이 좋다; 안 좋은 것은 헷갈림이다 Complexity Is Good; It Is Confusion That Is Bad===

===표준화와 기술 Standardization and Technology===
*표준을 정하기 Establishing Standards
*표준이 왜 필요한지 : 간단한 예시 Why Standards Are Necessary: A Simple Illustration
*정하기가 너무 오래 걸려서 기술이 넘은 표준 A Standard That Took So Long, Technology Overran It
*인기를 이끌지 못한 표준 : 디지털 시간 A Standard That Never Caught On: Digital Time

===물품들을 일부러 다르게 만든다 Deliberately Making Things Different===

===디자인 : 사람을 위해 기술을 발달하기 Design: Developing Technology for People===

UX 모임 2018-11-04

2018-11-03T07:56:55Z

Pinocchio: /* 현규 */

==선애==

==현규==
'''인터랙션18'''
===인터랙션 디자인이란===
*사전적정의: 인간이 제품이나 서비스를 사용하면서 상호작용하는 것을 용이하게 하는 디자인분야
*"사용자 중심의 의미 있는 경험을 만들어 제품과 사용자 사이의 틈을 메우는 일", "디지털 제품의 정적인 부분을 디자인하는 UI디자인의 상대적인 의미로 사용하는 동적인 디자인", "인터페이스를 인지한 후 사용자가 어떤 행동을 해서 어떤 경험을 하게 할지 구성하는 일로 작동을 위한 행동을 정의 내려주는 것"
[[File:InteractionDesign.jpeg|400px]]
===인터랙션 어워즈===
*퓨처 보이스 어워드
**[https://youtu.be/f01Fh-eJ3II 브이타이완]
**더 많은 시민들을 입법과 정책 결정 과정에 참여시킬 수 있도록하는 참여 민주주의 실험 프로젝트
*Disrupting(기존에 존재하는 제품이나 서비스를 완전히 새롭게 디자인)
**[https://vimeo.com/240137191 VR파워트레이너]
**어디서나 전동휠체어 축구를 연습할 수 있는 가상현실 플랫폼 VR.
*Empowering(인간의 한계를 넘어서게 하는 디자인)
**[https://vimeo.com/240767794 POSB Jolly]
**싱가포르 이주노동자들이 쉽게 이용할수 있는 모바일 뱅킹 앱. 인터페이스 단순. 다양한 언어 지원.
*Optimizing(일상을 효율적으로 바꾸는 디자인)
**[https://vimeo.com/240767296 뉴 노르딕]
**정육면체 큐브안에 담기는 기내식. 분해 용이, 환경친화적.
*Connecting: 사람과 커뮤니티가 소통하게 만들다
**[https://vimeo.com/240087832 무트, Make Democracy Great Again]
**공공기관과 시민들이 건설적인 대화를 할 수 있도록 도와주는 플랫폼. 인공지능 기반의 대화형 인터페이스로 용자의 문의를 분류하고, 대답이 가능한 문의라면 무트가 즉시 답을 준다. 사용자가 책임자와 대화하고 싶다면, 무트는 질문에 적합한 담당자와 연결해서 대화가 계속될 수 있도록 만들어준다.
*Expressing:자기표현과 창의력을 독려하다
**[https://vimeo.com/240533504 오브젝트파이어]
**오브젝트파이어는 일상의 오브젝트가 사용자의 고유한 행동에 반응하도록 훈련시킬 수 있게 만들어주는 기기.
===인간 중심 디자인===
====앨런쿠퍼====
*좋은 선조처럼 생각하기(ancestry thinking)
**우리는 무엇을 가정하고 있는가 ex) 화장실 자동 물비누가 흑인의 손을 인식하지 못함.
**우리는 어떤 외부효과를 만들고 있는가 ex) 집앞에 쓰레기 버리기, 카풀서비스, 대형 할인 마트.
**어떤 시간 척도를 사용하고 있는가 ex) 최초 개인용 컴퓨터를 개발하면서 연도 표기를 위해 두자리만 사용.
====하라 켄야====
*여백을 남겨두기(Make things unknown)
**무인양품의 철학: 단 하나의 테이블을 만든다. 모든 맥락에 맞는 단 하나의 상품, 내가 원하는 맥락에 맞게 쓸 수 있는 물건.
**엑스포메이션(exformation): 우리가 그 대상에 대해 얼마나 모르는지, 세상에 대해 얼마나 무지한지 깨닫게 만들기 위한 프로젝트. 무지를 인지하는 것만으로도 대상에 대한 관심과 호기심을 증대시키고 세상을 전혀 다른 관점으로 바라볼 수 있다.
***여백의 미와 미니멀리즘은 다르다. 동양과 서양이 세상을 바라보는 방식은 다르다. 서양은 제품 그 자체에 집중한다. 동양은 맥락을 본다. 여백의 미에는 이미 맥락이 들어가 있다.

==린지==
==='''The Design of Everyday Things - Ch. 6 Design Thinking'''===
*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.
*Should question the problem itself; discover the real problem underneath

===올바른(?) 문제를 해결하기 Solving the Correct Problem===
*Good designers: Rather than converging on a solution, they diverge and think of many ideas
*The key emphasis of this book is developing products that fit the needs and capabilities of people
*Designers resist jumping to a conclusion; they find the root issue then suggest multiple potential solutions - This is design thinking.
*"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."
*Two key factors: 1) finding the right problem, 2) meeting human needs and capabilities

===더블 다이아몬드 디자인 모델 The Double-Diamond Model of Design===
#Expand the scope of the problem (discover)
#Converge on a single problem statement (define)
#Expand the space of possible solutions (develop)
#Converge on a final solution (deliver)

*Managers: Encourage free exploration, but hold them to a schedule and budget

===인간 중심 디자인 과정 The Human-Centered Design Process===
*Four stages:
#Observation
#Idea generation (ideation)
#Prototyping
#Testing
#(Iterate)

'''1. 관찰 Observation'''
*사용자의 의도, 행동 등 깊게 이해하려고 함
*인구 통계학적 세분화(성별, 나이, 등)보다 사람이 하는 행동 중심으로 관찰하면 좋다
*문제를 정하는 것과 해결책을 찾는 것은 사용자에 대한 깊은 이해가 필요하다

*디자인 연구 대 시장 연구 Design Research versus Market Research
**디자인 연구는 사용자가 무엇을 뭘 필요한지에 대한 연구이며 시장 연구는 소비자가 무엇을 구매할지에 대한 연구이다
**디자인 연구는 소수의 사람을 연구 대상으로 관찰을 통해 하며 시장 연구는 다수의 사람을 연구 대상으로 설문조사, 포커스그룹 등으로 한다
**시장 연구의 위험성은 사람이 '원하다고' 하는 것과 실제적으로 필요한 것이 다를 수 있으며, 디자인 연구의 위험성은 소수의 사람을 연구 대상으로 삼기 때문의 결과가 대표적인지 확실하지 않을 수 있다
**장단점이 다 있지만 사실은 두 종류의 연구가 필요하다

'''2. 아이디어 만들기 Idea Generation'''
*디자인 조건이 정해지면 많은 해결책을 생각해 나야 된다
*규칙
#수 많은 이이디어 제시해 봐라
#제한 없이 창의적으로 생각해야 한다; 미친 아이디어이더라도 그 것을 통해 통찰을 얻을 수도 있다
#모든 것을 의심해라; 바보 같은 질문이 없다(오히려 바보 같은 질문 묻는 것이 좋다)

'''3. 프로토타이핑Prototyping'''

'''4. 실험하기 Testing'''

*반복하기 Iteration
**행동 중심 대 인간 중심 디자인 Activity-Centered versus Human-Centered Design
**과제와 행동의 차이 점에 대하여 On the Differences Between Tasks and Activities
**반복적 디자인 대 직선적 단계 디자인 Iterative Design versus Linear Stages

===내가 방금 말 한 건? 사실 보통 그렇게 되지 않는다 What I Just Told You? It Doesn't Really Work That Way===
*돈 노르맨의 생산적 발달 법 Don Norman's Law of Productive Development

===디자인 문제 The Design Challenge===
*물품은 모순된 조건이 있다 Products Have Multiple Conflicting Requirements
*특별한 사람들 위한 디자인 Designing for Special People
*오명 문제 The Stigma Problem

===복잡함이 좋다; 안 좋은 것은 헷갈림이다 Complexity Is Good; It Is Confusion That Is Bad===

===표준화와 기술 Standardization and Technology===
*표준을 정하기 Establishing Standards
*표준이 왜 필요한지 : 간단한 예시 Why Standards Are Necessary: A Simple Illustration
*정하기가 너무 오래 걸려서 기술이 넘은 표준 A Standard That Took So Long, Technology Overran It
*인기를 이끌지 못한 표준 : 디지털 시간 A Standard That Never Caught On: Digital Time

===물품들을 일부러 다르게 만든다 Deliberately Making Things Different===

===디자인 : 사람을 위해 기술을 발달하기 Design: Developing Technology for People===

File:InteractionDesign.jpeg

2018-11-03T07:10:05Z

Pinocchio: File uploaded with MsUpload

File uploaded with MsUpload

UX 모임 2018-10-29

2018-10-29T01:21:23Z

Pinocchio: /* 선애 */

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

==현규==
===의미있는 링크 만들기===
*링크 이름으로 새로운 프로그램이나 제품의 이름을 이용하지 마라
*문서 제목이나 제목을 링크로 이용하겠다는 생각을 재고하라
**링크의 의미가 제대로 전달되지 않을 수 있기 때문이다
*한발 앞서 생각하라 링크와 페이지 제목을 맞춰라
**링크와 페이지 제목이 일치하면 방문자는 제대로 된 길을 가고 있다고 생각한다.
*허락된 공간에서 최대한 명시적으로 써라. 필요한 자리를 만들어라.
*행위 링크에는 행위 절을 이용하라
**동사로 시작하는 링크가 더 쉽게 이해된다(한국말에서는 다르다)
*명사 단독 사용을 아껴라. 길게 설명하는 링크가 더 좋다
**이상적인 링크의 단어수는 7개에서 12개.
*사람들이 필요로 하면 짧은 설명을 덧붙여라. 아니면 링크를 다시 써라.
**링크를 의미 있기 만들어라. Click here나 More을 피하라.
*비슷한 링크가 여러 개 있다면 정리하라.
*사람들이 여러분의 정보에 머무르기를 원한다면 링크를 임베드하지 마라.
**사람들이 대강 읽으면 임베드링크도 괜찮다 (위키피디아 처럼)
**하지만 사람들이 중간에 배회하기를 원하지 않는다면 링크를 제일 밑이나 본문 옆에 둬라
*링크에 글머리 기호를 이용할 때는 이 기호도 클릭되게 하라
*방문하지 않은 링크와 방문한 링크 모두 명확히 보이게 하라

UX 모임 2018-10-22

2018-10-15T03:11:08Z

Pinocchio: /* 현규 */

[[UX 모임]]

==선애==
*웹사이트 : [https://www.lego.com/ko-kr/ 레고]
===RULE5 감성으로 접근하라===
====핵심콘텐츠에 집중하라====
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단

**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https://www.google.co.kr/ 구글]
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]

*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함.

====메시지를 디자인하라====
[[File:XMB.jpg|thumb|XMB 인터페이스]]
[[File:Deadspace.jpg|thumb|Dead Space]]
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남.
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것.
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음.
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]
====개성과 분위기를 표현하라====
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법
**색 ex) Cuphead, Limbo 등
**질감
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등
====움직임을 표현하라====
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.
====친절한 디자인을 하라====
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험.
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.
====소리로 전달하라====
*사람의 오감은 개별적으로 작동하지 않고 동시에 전체적인 직관을 형성. 소리는 필수적인 요소.
*칵테일 파티와 주의 집중
**칵테일 파티(Cocktail Party) 효과[선택적 지각(Selective Perception) : 주변환경이 소음으로 가득해도 주의를 집중하여 원하는 소리를 듣는것.
**UX디자인의 소리는 다른 소리와 분명하게 구분하고 직관적이어야 하며, 객관적인 정보를 담을 수 있어야 함.
*소리 정보의 활용
**직관적인 소리
***인공적인 소리를 디자인하기 전에 직관적인 소리 정보를 얻고 활용해야 하는 점을 이해해야함.
***직관적인 소리는 대부분 경험을 통해 축적되어 상황과 소리는 자연스러운 관계를 가짐.
***ex) 크리스털와인잔, 금속 자물쇠, 애플사의 Mighty Mouse, 시리얼, 구급차 등
***직관적인 소리는 정보를 빠르게 전달. 기본적으로 직관성을 보장할 수 있는 범위에서 창의성을 발휘해야 함.
**메시지를 담는 소리
***쉽게 말해 대화하는 것. 모든 종류의 메시지는 상호간에 소통하는 공통점이 필요.
***명확하고 효율적으로 메시지를 전달하기 위해서는 쉽고 단순한 단어를 사용하고 메시지의 의미도 한가지로 제한.
***언어 : 서로 이해할 수 있는 하나의 언어
***환경적 특성 : 지리적 환경 뿐만 아니라 시간, 기후, 문화적 환경 등 사용자의 다양한 환경요소 고려
***절차적 연관성 : 서로간에 절차의 흐름을 정확하게 공유. ex) ARS
*음향정보의 특성
**선형성 : 소리는 선형적. 주의 집중과 메시지를 이해하는 데 필요한 시간 고려. ex)[http://www.podbbang.com/ranking/daily 팟캐스트]
**전파성 : 적합한 상황과 목적에 따라 사용.
**취향과 감성 : 소리는 시각정보 이상으로 상상력을 자극. 음향은 언제나 선택 및 조절할 수 있게 구성.
*음향 인터페이스 AUI
**제품에서 음향인터페이스를 디자인할 때 생각해야할 주제들
사용자 행위와 기대에 적절하게 반응하는 자연스럽과 직관적인 피드백을 제공하는가?
소리가 일관성과 규칙성을 가지고 체계적으로 구성되는가?
제품의 전략적인 방향성을 감성적인 면에서도 충분히 표현하는가?
사생활이나 공공장소에서의 불편함을 끼치지 않는가?
음량이 너무 크거나 자극적인 소리로 인해 사용자에게 스트레스를 주는가?

**긍정적인 사용자 경험을 추구하는 제품이라면 소리를 통한 전체적인 경험에서 일관성과 방향성을 유지해야함.

====터치와 촉감으로 디자인하라====
*개인PC시대에는 키보드와 마우스로 조작하기 때문에 모니터와 직접적인 소통이 없었음
*모바일 혁명이후 터치인터페이스가 널리 일반화됨.
*촉감 요소는 현재 진동정도에 그치지만, 그래픽과 모션디자인을 활용해 가상의 촉감을 디자인할 수 있음.
*'타격감' : 액션 게임에서 느끼는 특유의 조작감. 여러가지 요소가 순간적으로 결합하여 하나의 타격감, 즉 촉각을 창출.
*햅틱 피드백 : 직관적인 형태의 메시지 역할, 촉각은 청각에 비해 사용자에 따른 민감도나 인지능력의 차이가 큼. 시각정보와 함께 사용자 주의집중을 강화하는 수단으로 사용하는 것이 적합.
====하드웨어와 소프트웨어의 사용자 경험을 고려하라====
*최근 스마트 기기는 내장된 운영체제와 소프트웨엉, 이들을 탑재하고 물리적인 소통방법을 제공하는 제품 디자인 사이의 유기적인 통합을 강조.
*유연한 하드웨어 인터페이스
**스마트폰이 주목받는 이유는 확장성과 유용성 : 자유롭게 어플리케이션 설치.
**최근 기술트렌드는 사용자 선택과 필요성에 따라 확장할 수 있는 유용성에 초점
**따라서 하드웨어 또한 유연한 환경에 대응할 수 있어야 함. 화면 기반의 인터페이스의 중요성이 확대됨
*경계없는 인터페이스 : 하드웨어와 소프트웨어는 사용자 입장에서는 하나의 통합된 제품. 이 두가지가 하나의 목적과 가치를 공유하여 자연스럽게 연결되어야 함.
*감성적 통합 : 물리적 제품의 외형인 하드웨어는 직관적이며 직접 사용자 감성에 다가감. 반면 소프트웨어는 뇌의 인지작용을 거져 정신적인 교감을 형성.
====새로운 경험을 디자인하라====
*웨어러블 제품 : 현실세계에 디지털콘텐츠와 서비스를 더해 새로운 가치를 만드는 증강현실 콘셉 제품. ex) 구글 글래스
*웨어러블 기기 시장은 아직 초기 단계로, 성공가능성을 높이기 위해서는 사용자 관점에서 이해하는 '통찰력'이 필요.
*웨어러블 컴퓨터 분야는 다양한 시도가 진행중. 감성에 초점을 맞춘 시도도 꾸준히 진행.
*휴대에서 착용으로 : 착용형 장치는 사용자와 기기 사이의 관계에서 큰 장점을 가짐. 신체에 밀착되어 사용자 경험을 동시에 공유하고 이를 지능적으로 활용하여 새로운 가치를 만들 수 있음.
*감성 vs 기능성 : 필요성과 별도로 감성적인 영향을 미침
**감성 : 미적인 영역. 웨어러블 영역에 자연스럽게 어울리는 기능과 외형/ 감성적인 소통요소 디자인영역. 1인칭 관점의 공유
*신체정보의 활용 : 개인의 영역을 확장시킴. 사용자의 기본적인 신체상태와 활동상황을 실시간으로 분석.
*개인영역의 확장 : 카메라를 통해 시각정보를 저장하고 위치를 추적하여 온라인에 기록. 이를 바탕으로 멀티미디어 콘텐츠도 생산가능.
*특수목적 : 스포츠나 군사 목적, 의료 활동을 위한 연구, 재해 대책이나 우주 탐사 등을 위한 것.

==현규==
*사이트:[https://threejs.org/ three.js]
===일러스트레이션 효과적으로 사용하기===
====사진 종류별 유의사항====
*정확한 항목사진
**사람들이 어떤 측면을 보고싶어 하는가.(ex 등산화 밑바닥 보여주기)
**말과 앞으로 일어나는 일이 일치되게 하라. 기대감 충족시키기.
**사진이나 그림이 도움이 되는 다른 상황도 생각하라.
**오프라인 정보와 온라인 정보를 연결하라.
**책, 잡지, 또는 다른 인쇄 매체의 사진이라면 꼭 그 인쇄 매체를 웹과 연결시켜야 할지 생각하라
*콘셉트나 절차를 보여주는 사진
**크기 비교(ex 자동차 크기)
**규모와 비율 이해하기(ex 편지 사이즈)
**절차 보여주기
*차트, 그래프, 지도
**지도와 목록을 결합하라
**단순하게 만들라. 보여지는 데이터 양을 사용자가 선택할 수 있게 하라.
**차트와 그래프의 제목에 핵심 요지를 담아라.
**좋은 데이터 제시 원칙을 웹에도 적용하라.
*감성적인 사진
**사진이 의도했던 감성을 불러일으키는지 확인하라.
**전 세계 고객을 감안하라.
====효과적으로 일러스트레이션을 이용하기 위한 9가지 지침====
#무엇인지, 왜 그런지 생각하게 하지마라.
#적당한 크기로 제시하라
#*작은 사진도 선명히 보이게 하라
#*사진으로 공간을 너무 많이 써서 중요한 정보가 밀려 내려가거나 옆으로 빠지게 하지 마라.
#콘텐츠를 감추기보다 돋보이게 하는 일러스트레이션을 이용하라.
#사람 사진에는 다양성을 담아라
#*여러분의 회사가 다양성을 표방한다는 것을 보여라. 하지만 진실돼야 한다.
#*방문자를 대변하려면 폭넓게 생각하라.
#*테스트, 테스트, 테스트
#콘텐츠가 광고처럼 보이지 않게 하라.
#글자나 사진이 깜빡거리거나, 돌아가거나, 흔들리거나, 돌아다니게 하지마라.
#*텍스트가 돌아가게 하지마라.
#*사람들이 페이지에 있을 때 페이지를 바꾸지 마라.
#*동물, 새, 나비 등이 페이지에 돌아다니게 하지 마라
#*애니메이션 효과에 따른 트레이드 오프를 신중히 고려하라
#애니메이션은 도움될 때만 사용하라.
#스플래쉬나 플래시로 사람들을 기다리게 하지 마라
#*스플래쉬 페이지는 사람들의 시간을 잡아먹는다
#*좋은 말도 과하면 안하느니만 못하다
#*사람들은 온라인 경험을 직접 제어하고 싶어한다.
#*일부 사람들에게는 진입부의 비디오가 장애물이다.
#*일러스트레이션은 접근 가능하게 만들어라

==린지==
*살펴볼 사이트: [http://roman.cs.pusan.ac.kr/ 한국어/로마자 변화기]

===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===
뭘 하면 되는지를 아는 방법: 제약, 발견성(?), 그리고 피드백
*How do we operate something new? --> 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, 기존의 경험와의 비유)을 통해.

====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical 4 가지의 제약: 물리적, 문화적, 의미적, 논리적====

'''Physical constraints 물리적 제약'''
*Limited number of actions 행동의 한정된 개수
*Desired action made obvious 원하는 행동을 분명히 한다
*Restriction prior to any action being taken (to prevent wrong action before it happens) 행동하기전의 한계 (틀린 행동을 방지하기 위해)
**Battery design; USB design? 건전기, usb 디자인
*Legacy problem: too many devices use the existing standard '레거시 문제' - 수 많은 제품들이 안 좋은 디자인을 오래 사용해 왔기 때문에 바꾸고 싶더라도 바꾸기가 쉽지 않다
**Expense of change? 바꿈의 비용인가?
**Corporate thinking - not caring about the customer 아니면 사용자를 무시하는 사업의 태도인가?

'''Cultural constraints 문화전 제약'''
*Each culture has a set of allowable actions for social situations 어느 사회적 상황에서 가능한 행동이 문화마다 정해져 있다.
*Ex: Restaurant, public transportation 예: 식당 방문, 대중 교통
*Can change over time 시간 지나면 변화한다

'''Semantic constraints 의미적 제약'''
*The meaning of the situation controls the set of possible actions 상황의 의미에 따라 가능한 행동이 한정되어 있다.
*Can change over time 시간 지나면 변화한다

'''Logical constraints 논리적 제약'''
*After all other options, what is left? 다른 행동들을 다 해보고 나서 남은 것이 뭐가 있는기?
*Obvious errors 당연한 오류
*Natural mappings help here 여기는 자연적인 매핑이 도움이 된다

'''Cultural norms, conventions, and standards 문화적 규법, 관습, 기준'''
*Greetings with people, traffic laws, food etiquette 인사, 교통 법, 식사 예절 등
*A form of cultural constraint 문화적 제약 중에 하나
*Sometimes become international standards or laws 이 것이 국제적인 기준이 되는 경우도 있다
*Violate conventions, and you are marked as an outsider 관습을 위반하면 외부인으로 인식이 될 위험성이 있다

====Applying Affordances, Signifiers, and Constraints to Everyday Objects 평소에 사용하는 물품에 affordances, signifiers, 그리고 제약을 적용하기====

'''The problem with doors '문'의 문제'''
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc. 사용 방법이 불명확한 경우가 있다 - 어디서 누르고 당기는지, 자동인지 아닌지, 등
*Focus on aesthetics may blind the designer/purchaser to the lack of usability 미학에 집중함으로써 (디자이너나 구매자가) 사용의 편리성이 잊게 되는 경우가 있다
*Cultural norms play a role 문화 규법의 역할

'''The problem with switches '스위치'의 문제'''
*Can be annoying... or dangerous 귀찮을 수도 있지만 그것보다 위험할 수도 있다
*Must know: 1) what they control, 2) mapping (which they control) 알아야 될 것 : 어떠한 것을 조절하는지, 매핑 (무엇을 조절하는지)
*More switches --> more danger 스위치가 많을 수록 위험성이 높아진다
*Problem comes from coordination of various professions 문제는 여러 직업의 조직화를 통해 이루어진다
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures? 휴대폼, 컴퓨터 등의 스크린(화면) 또는 센서를 통해 이 문제를 어떻게 해결하게 될 수 있을까?

'''Activity-centered controls 행동 중심 조종 장치'''
*video, computer, full lights, lecture, etc. 비디오 재생, 컴퓨터 사용, 모든 불, 강의 등과 같은 행동을 위한 조종 장치가 좋다
*can be done poorly 그러나 잘 못할 수 있다
*device-centered is a wrong approach - different switches/screens for different devices 디바이스(기계) 중심 조종 장치가 틀린 접근 방법이다
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings 행동 중심 조종 장치가 있더라도 수동 설정이 가능해야 핸다
*manual setting should not cause the current activity to be canceled 단, 수동 설정은 사용 중인 행동 중심 조절을 취소 시키면 안 된다

====Constraints That Force the Desired Behavior 원하는 행동을 억지로 하게 만드는 제약====

'''Forcing functions 억지로 하게 하는 기능'''
*a kind of physical constraint: situations in which the actions are constrained so that failure at one stage prevents the next step from happening 물리적 제약 중에 하나 : 한 단계에서의 실패는 다음 단계로 지나가지 못 하게 한다
*ex: car keys 예 : 자동차 열쇠

'''Interlocks'''
*Forces operations to take place in proper sequence 알 맞는 순서 대로 하게 한다
*Press down brake pedal to switch out of park 브레이크 페달을 누르고 있어야 park에서 drive 등으로 바꿀 수 있다
*"Dead man's switch" - user must hold down switch during use so that if they die/are injured the operation stops '죽은 사람의 스위치' : 스위치를 누르고 있어야만 사용할 수 있다 (즉, 죽으면 스위치를 더 이상 누르지 못해서 자동으로 중지된다)
**lawn mower, chainsaw, etc. 잔지갂기기계, 전기톱

'''Lock-ins'''
*Keeps an operation active, presenting someone from prematurely stopping it 작업을 계속 하게 한다 (즉, 사람이 일찍이 그 작업을 중지하지 못하게 한다)
*Ex: "Want to save file?", jail cells, play pens 예 : '나가기 적에 파일을 저장하시겠어요?', 감옥, 아기 놀이울
*Devices which only are compatible with the company's other devices 같은 회사 제품만과 사용이 가능한 제품

'''Lockouts'''
*Prevents people from entering a dangerous space or prevents an action 위험한 공간 또는 행동에 진입하지 못하게 하는 것
*Barrier between ground floor and basement for fire safety 화재 안전을 위해 1층과 지하 사이의 게이트

====Conventions, Constraints, and Affordances 관습, 제약, 그리고 affordances====
*From perception of an affordance to understanding the potential action relies on conventions / affordance의 인식에서 가능한 행동에 대한 이해까지는 관습이 필요하다
*Ex: doorknob 예 : 문 손잡이

'''Conventions are cultural constraints 관습은 문화적 제약이다'''

'''When conventions change: the case of destination-control elevators 관습이 바꿀 때 : destination-control 엘리베이터의 사례'''

'''People's responses to changes in conventions 관습이 바꿀 때 사람의 반응'''
*People complain, new learning is required 불평한다, 새롭게 배울 것이 있다
*The merits don't matter, the change does 좋은 점은 상관 없다, 바꿔야 된다는 것이 상관이 있다
*Ex: metric system and the U.S. 예 : 미국과 메트릭 시스템

====The Faucet: A Case History of Design 수도 꼭지 : 디자인의 사례 역사====
*How to deal with hot and cold 냉.온수의 문제
**Separate not and cold? Only temperature? Only amount? On-off? 내수와 온수를 따로 조절함? 온도만 조절함? 압력만 조절함?
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow? 어떤 것이 온수고 어떤 것이 냉수인가? 온도를 어떻게 조절하는가? 압력을 어떻게 조절하는가? 눌러야 압력이 강해지나 아니면 당겨야 압력이 강해지나?

====Using Sound as Signifiers '신호'로써 소리의 사용함====
*Useful signifier, but can annoy/distract 유용하지만 귀찮게 하거나 집중 못하게 할 수 있다
*Silence can be dangerous 소리 없으면 위험할 수 있다
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit 예: 전자 자동차가 너무 조용해서 보행자가 자가 오는 것을 못 들려서 사고가 날 수 있다
*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 스큐어모피즘] - 옛날 또는 익숙한 개념들을 실제적인 소용이 없더라도 새로운 기술에 포함시키는 것

UX 모임 2018-10-22

2018-10-14T13:31:20Z

Pinocchio: /* 현규 */

[[UX 모임]]

==선애==
===RULE5 감성으로 접근하라===
====핵심콘텐츠에 집중하라====
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단

**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]

*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함.
====메시지를 디자인하라====
[[File:XMB.jpg|thumb|XMB 인터페이스]]
[[File:Deadspace.jpg|thumb|Dead Space]]
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남.
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것.
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음.
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]
====개성과 분위기를 표현하라====
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법
**색 ex) Cuphead, Limbo 등
**질감
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등
====움직임을 표현하라====
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.
====친절한 디자인을 하라====
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험.
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.
====소리로 전달하라====
*사람의 오감은 개별적으로 작동하지 않고 동시에 전체적인 직관을 형성. 소리는 필수적인 요소.
*칵테일 파티와 주의 집중
**칵테일 파티(Cocktail Party) 효과[선택적 지각(Selective Perception) : 주변환경이 소음으로 가득해도 주의를 집중하여 원하는 소리를 듣는것.
**UX디자인의 소리는 다른 소리와 분명하게 구분하고 직관적이어야 하며, 객관적인 정보를 담을 수 있어야 함.
*소리 정보의 활용
**직관적인 소리
***인공적인 소리를 디자인하기 전에 직관적인 소리 정보를 얻고 활용해야 하는 점을 이해해야함.
***직관적인 소리는 대부분 경험을 통해 축적되어 상황과 소리는 자연스러운 관계를 가짐.
***ex) 크리스털와인잔, 금속 자물쇠, 애플사의 Mighty Mouse, 시리얼, 구급차 등
***직관적인 소리는 정보를 빠르게 전달. 기본적으로 직관성을 보장할 수 있는 범위에서 창의성을 발휘해야 함.
**메시지를 담는 소리
***쉽게 말해 대화하는 것. 모든 종류의 메시지는 상호간에 소통하는 공통점이 필요.
***명확하고 효율적으로 메시지를 전달하기 위해서는 쉽고 단순한 단어를 사용하고 메시지의 의미도 한가지로 제한.
***언어 : 서로 이해할 수 있는 하나의 언어
***환경적 특성 : 지리적 환경 뿐만 아니라 시간, 기후, 문화적 환경 등 사용자의 다양한 환경요소 고려
***절차적 연관성 : 서로간에 절차의 흐름을 정확하게 공유. ex) ARS
*음향정보의 특성
**선형성 : 소리는 선형적. 주의 집중과 메시지를 이해하는 데 필요한 시간 고려. ex)[http://www.podbbang.com/ranking/daily 팟캐스트]
**전파성 : 적합한 상황과 목적에 따라 사용.
**취향과 감성 : 소리는 시각정보 이상으로 상상력을 자극. 음향은 언제나 선택 및 조절할 수 있게 구성.
*음향 인터페이스 AUI
**제품에서 음향인터페이스를 디자인할 때 생각해야할 주제들
사용자 행위와 기대에 적절하게 반응하는 자연스럽과 직관적인 피드백을 제공하는가?
소리가 일관성과 규칙성을 가지고 체계적으로 구성되는가?
제품의 전략적인 방향성을 감성적인 면에서도 충분히 표현하는가?
사생활이나 공공장소에서의 불편함을 끼치지 않는가?
음량이 너무 크거나 자극적인 소리로 인해 사용자에게 스트레스를 주는가?

**긍정적인 사용자 경험을 추구하는 제품이라면 소리를 통한 전체적인 경험에서 일관성과 방향성을 유지해야함.

====터치와 촉감으로 디자인하라====
*개인PC시대에는 키보드와 마우스로 조작하기 때문에 모니터와 직접적인 소통이 없었음
*모바일 혁명이후 터치인터페이스가 널리 일반화됨.
*촉감 요소는 현재 진동정도에 그치지만, 그래픽과 모션디자인을 활용해 가상의 촉감을 디자인할 수 있음.
*'타격감' : 액션 게임에서 느끼는 특유의 조작감. 여러가지 요소가 순간적으로 결합하여 하나의 타격감, 즉 촉각을 창출.
*햅틱 피드백 : 직관적인 형태의 메시지 역할, 촉각은 청각에 비해 사용자에 따른 민감도나 인지능력의 차이가 큼. 시각정보와 함께 사용자 주의집중을 강화하는 수단으로 사용하는 것이 적합.
====하드웨어와 소프트웨어의 사용자 경험을 고려하라====
*최근 스마트 기기는 내장된 운영체제와 소프트웨엉, 이들을 탑재하고 물리적인 소통방법을 제공하는 제품 디자인 사이의 유기적인 통합을 강조.
*유연한 하드웨어 인터페이스
**스마트폰이 주목받는 이유는 확장성과 유용성 : 자유롭게 어플리케이션 설치.
**최근 기술트렌드는 사용자 선택과 필요성에 따라 확장할 수 있는 유용성에 초점
**따라서 하드웨어 또한 유연한 환경에 대응할 수 있어야 함. 화면 기반의 인터페이스의 중요성이 확대됨
*경계없는 인터페이스 : 하드웨어와 소프트웨어는 사용자 입장에서는 하나의 통합된 제품. 이 두가지가 하나의 목적과 가치를 공유하여 자연스럽게 연결되어야 함.
*감성적 통합 : 물리적 제품의 외형인 하드웨어는 직관적이며 직접 사용자 감성에 다가감. 반면 소프트웨어는 뇌의 인지작용을 거져 정신적인 교감을 형성.
====새로운 경험을 디자인하라====
*웨어러블 제품 : 현실세계에 디지털콘텐츠와 서비스를 더해 새로운 가치를 만드는 증강현실 콘셉 제품. ex) 구글 글래스
*웨어러블 기기 시장은 아직 초기 단계로, 성공가능성을 높이기 위해서는 사용자 관점에서 이해하는 '통찰력'이 필요.
*웨어러블 컴퓨터 분야는 다양한 시도가 진행중. 감성에 초점을 맞춘 시도도 꾸준히 진행.
*휴대에서 착용으로 : 착용형 장치는 사용자와 기기 사이의 관계에서 큰 장점을 가짐. 신체에 밀착되어 사용자 경험을 동시에 공유하고 이를 지능적으로 활용하여 새로운 가치를 만들 수 있음.
*감성 vs 기능성 : 필요성과 별도로 감성적인 영향을 미침
**감성 : 미적인 영역. 웨어러블 영역에 자연스럽게 어울리는 기능과 외형/ 감성적인 소통요소 디자인영역. 1인칭 관점의 공유
*신체정보의 활용 : 개인의 영역을 확장시킴. 사용자의 기본적인 신체상태와 활동상황을 실시간으로 분석.
*개인영역의 확장 : 카메라를 통해 시각정보를 저장하고 위치를 추적하여 온라인에 기록. 이를 바탕으로 멀티미디어 콘텐츠도 생산가능.
*특수목적 : 스포츠나 군사 목적, 의료 활동을 위한 연구, 재해 대책이나 우주 탐사 등을 위한 것.

==현규==
===일러스트레이션 효과적으로 사용하기===
====사진 종류별 유의사항====
*정확한 항목사진
**사람들이 어떤 측면을 보고싶어 하는가.(ex 등산화 밑바닥 보여주기)
**말과 앞으로 일어나는 일이 일치되게 하라. 기대감 충족시키기.
**사진이나 그림이 도움이 되는 다른 상황도 생각하라.
**오프라인 정보와 온라인 정보를 연결하라.
**책, 잡지, 또는 다른 인쇄 매체의 사진이라면 꼭 그 인쇄 매체를 웹과 연결시켜야 할지 생각하라
*콘셉트나 절차를 보여주는 사진
**크기 비교(ex 자동차 크기)
**규모와 비율 이해하기(ex 편지 사이즈)
**절차 보여주기
*차트, 그래프, 지도
**지도와 목록을 결합하라
**단순하게 만들라. 보여지는 데이터 양을 사용자가 선택할 수 있게 하라.
**차트와 그래프의 제목에 핵심 요지를 담아라.
**좋은 데이터 제시 원칙을 웹에도 적용하라.
*감성적인 사진
**사진이 의도했던 감성을 불러일으키는지 확인하라.
**전 세계 고객을 감안하라.
====효과적으로 일러스트레이션을 이용하기 위한 9가지 지침====
#무엇인지, 왜 그런지 생각하게 하지마라.
#적당한 크기로 제시하라
#*작은 사진도 선명히 보이게 하라
#*사진으로 공간을 너무 많이 써서 중요한 정보가 밀려 내려가거나 옆으로 빠지게 하지 마라.
#콘텐츠를 감추기보다 돋보이게 하는 일러스트레이션을 이용하라.
#사람 사진에는 다양성을 담아라
#*여러분의 회사가 다양성을 표방한다는 것을 보여라. 하지만 진실돼야 한다.
#*방문자를 대변하려면 폭넓게 생각하라.
#*테스트, 테스트, 테스트
#콘텐츠가 광고처럼 보이지 않게 하라.
#글자나 사진이 깜빡거리거나, 돌아가거나, 흔들리거나, 돌아다니게 하지마라.
#*텍스트가 돌아가게 하지마라.
#*사람들이 페이지에 있을 때 페이지를 바꾸지 마라.
#*동물, 새, 나비 등이 페이지에 돌아다니게 하지 마라
#*애니메이션 효과에 따른 트레이드 오프를 신중히 고려하라
#애니메이션은 도움될 때만 사용하라.
#스플래쉬나 플래시로 사람들을 기다리게 하지 마라
#*스플래쉬 페이지는 사람들의 시간을 잡아먹는다
#*좋은 말도 과하면 안하느니만 못하다
#*사람들은 온라인 경험을 직접 제어하고 싶어한다.
#*일부 사람들에게는 진입부의 비디오가 장애물이다.
#*일러스트레이션은 접근 가능하게 만들어라

==린지==
*살펴볼 사이트:

===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===
*How do we operate something new? --> Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations)

====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====

'''Physical constraints'''
*Limited number of actions
*Desired action made obvious
*Restriction prior to any action being taken (to prevent wrong action before it happens)
**Battery design; USB design?
*Legacy problem: too many devices use the existing standard
**Expense of change?
**Corporate thinking - not caring about the customer

'''Cultural constraints'''
*Each culture has a set of allowable actions for social situations
*Ex: Restaurant, public transportation
*Can change over time

'''Semantic constraints'''
*The meaning of the situation controls the set of possible actions
*Can change over time

'''Logical constraints'''
*After all other options, what is left?
*Obvious errors
*Natural mappings help here

'''Cultural norms, conventions, and standards'''
*Greetings with people, traffic laws, food etiquette
*A form of cultural constraint
*Sometimes become international standards or laws
*Violate conventions, and you are marked as an outsider

====Applying Affordances, Signifiers, and Constraints to Everyday Objects====

'''The problem with doors'''
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc.
*Focus on aesthetics may blind the designer/purchaser to the lack of usability
*Cultural norms play a role

'''The problem with switches'''
*Can be annoying... or dangerous
*Must know: 1) what they control, 2) mapping (which they control)
*More switched --> more danger
*Problem comes from coordination of various professions
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?

'''Activity-centered controls'''
*video, comptuer, full ights, lecture, etc.
*can be done poorly
*device-centered is a wrong approach - different switches/screens for different devices
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings
*manual setting should not cause the current activity to be canceled

====Constraints That Force the Desired Behavior====

'''Forcing functions'''
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening
*ex: car keys

'''Interlocks'''
*Forces operations to take place in proper sequence
*Press down brake pedal to switch out of park
*"Dead man's switch" - user must hold down switch during use so that if they die/are injured the operation stops
**lawn mower, chainsaw, etc.

'''Lock-ins'''
*Keeps an operation active, presenting someone from prematurely stopping it
*Ex: "Want to save file?", jail cells, play pens
* Devices which only are compatible with the company's other devices

'''Lockouts'''
*Prevents people from entering a dangerous space or prevents an action
*Barrier between ground floor and basement for fire safety

====Conventions, Constraints, and Affordances====
*From perception of an affordance to understanding the potential action relies on conventions
*Ex: doorknob

'''Conventions are cultural constraints'''

'''When conventions change: the case of destination-control elevators'''

'''People's responses to changes in conventions'''
*People complain, new learning is required
*The merits don't matter, the change does
*Ex: metric system and the U.S.

====The Faucet: A Case History of Design====
*How to deal with hot and cold
**Separate not and cold? Only temperature? Only amount? On-off?
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?

====Using Sound as Signifiers====
*Useful signifier, but can annoy/distract
*Silence can be dangerous
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role

UX 모임 2018-10-22

2018-10-14T13:30:44Z

Pinocchio: /* 현규 */

[[UX 모임]]

==선애==
===RULE5 감성으로 접근하라===
====핵심콘텐츠에 집중하라====
*먼저, 제품을 구성하는 콘텐츠, 요소의 가치를 평가하는 기준과 관점을 판단

**기능성 : 기능적인 측면에서 전체 제품에 이바지하는 정도와 특성. [https://www.pinterest.co.kr/ 핀터레스트]
**정체성 : 제품의 특징이나 개성을 기억시키는 요소. [https//www.google.co.kr/ 구글]
**사용성 : 정확성과 보안성이 필요한 서비스에서는 매우 중요. '언제, 어디서나, 쉽게' [https://www.paypal.com 페이팔]
**사업성 : 경제적 가치를 얻기 위한 것이라면 목적에 충실히 설계. [https://www.imdb.com/ IMDb] [https://www.rottentomatoes.com/ 로튼토마토]

*제품을 구성하는 기능과 내용을 이와같이 네가지 관점에서 평가할 수 있음. 같은 요소라도 상황에 따라 역할과 중요성을 판단할 수 있어야 함.
====메시지를 디자인하라====
[[File:XMB.jpg|thumb|XMB 인터페이스]]
[[File:Deadspace.jpg|thumb|Dead Space]]
*시각디자인(Visual Communication Design) : 시각요소를 활용하여 소통하는 방법을 디자인.
*메시지는 의미와 함께 넓고 큰 흐름과 전달방식으로 드러남.
*하나의 기호체계로써 의미를 가지는 디자인은 언어적인 요소로 사용해도 좋음.
*스큐어모피즘(Skeuomorphism) : 현실세계를 은유한 본래의 형태로 표현하는 것.
*UI에서 아이콘을 사용할 때에는 사람들에게 익숙한 디자인을 활용하는 것이 좋음.
*새로운 인터페이스는 참신한 디자인으로는 안되고 사용자가 받아들일 수 있는 새로운 콘셉트를 이용해야함.
*게임은 모든 구성요소에서 사용자의 즐거움을 추구. 게임UI는 일관성 있는 자극과 동기부여 요소이며 감성적으로도 몰입과 흥미를 강화하는 도구.
**Dead Space, 타이탄 폴, 모뉴먼트 밸리 등
*아이콘 디자인의 선구자 [http://kare.com/ Susan Kare]
====개성과 분위기를 표현하라====
*시각 디자인에 더해 유기적으로 콘셉트, 기능과 함께 여러가지 요소가 결합되어야 감성적인 경험이 완성됨.
*디자인에 톤이나 분위기, 목소리를 표현하기 위한 여러가지 방법
**색 ex) Cuphead, Limbo 등
**질감
**배치 ex) [https://playgroundinc.com/ playground] [http://c-21.co.uk/ c-21]
**이미지 스타일 : 사진, 초상화, 도식화, 스케치 등
====움직임을 표현하라====
*기존에는 애니메이션 효과로 피드백을 주는 방식이 기술적인 문제로 회피되어옴.
*그러나 터치 인터페이스가 일반화되고 스마트폰의 성능이 향상되면서 움직임의 중요성이 커짐.
**위치, 속도, 방향 : 모든 움직임은 위치와 속도, 방향을 가짐. 이를 활용하여 표현 가능.
**겹침 : 두가지 이상 개체에 공통요소를 만듦. ex) 앱 서랍 기능
**패턴 동작 : 터치 인터페이스를 활용. 스와이프.
====친절한 디자인을 하라====
*친절한 디자인 : 정보의 핵심을 알아듣기 쉽고 정서적으로도 안정감 있게, 따뜻한 기분이 드는 소통과정처럼 디자인에 배려를 담는 것
*논리적인 접근 : 사용성 최적화를 통해 제품의 핵심기능을 제대로 전달하며 정확한 정보를 유용하게 제공.
*인지적인 접근 : 기억에 남는 경험은 사용자가 상황에 집중하고 몰입해야 가능. 몰입은 사용자가 부담없이 자신의 욕구에 집중하여 원하는 것을 탐색할 때에 가능.
**장기기억(LTM, long term memory) : 우리가 기억하는 많은 경험.
**단기기억(STM, short term memory) : 지속시간 10-20초, 동시처리 정보갯수 5-7개
*감성적인 접근 : 친절함의 감성(편안함, 안정감, 배려, 안심 등). 시각요소와 청각요소 등을 활용. ex) [https://ommwriter.com/ OmmWriter]
*친절한 디자인은 디자이너의 실제 사용자에 대한 이해가 필수적.
====소리로 전달하라====
*사람의 오감은 개별적으로 작동하지 않고 동시에 전체적인 직관을 형성. 소리는 필수적인 요소.
*칵테일 파티와 주의 집중
**칵테일 파티(Cocktail Party) 효과[선택적 지각(Selective Perception) : 주변환경이 소음으로 가득해도 주의를 집중하여 원하는 소리를 듣는것.
**UX디자인의 소리는 다른 소리와 분명하게 구분하고 직관적이어야 하며, 객관적인 정보를 담을 수 있어야 함.
*소리 정보의 활용
**직관적인 소리
***인공적인 소리를 디자인하기 전에 직관적인 소리 정보를 얻고 활용해야 하는 점을 이해해야함.
***직관적인 소리는 대부분 경험을 통해 축적되어 상황과 소리는 자연스러운 관계를 가짐.
***ex) 크리스털와인잔, 금속 자물쇠, 애플사의 Mighty Mouse, 시리얼, 구급차 등
***직관적인 소리는 정보를 빠르게 전달. 기본적으로 직관성을 보장할 수 있는 범위에서 창의성을 발휘해야 함.
**메시지를 담는 소리
***쉽게 말해 대화하는 것. 모든 종류의 메시지는 상호간에 소통하는 공통점이 필요.
***명확하고 효율적으로 메시지를 전달하기 위해서는 쉽고 단순한 단어를 사용하고 메시지의 의미도 한가지로 제한.
***언어 : 서로 이해할 수 있는 하나의 언어
***환경적 특성 : 지리적 환경 뿐만 아니라 시간, 기후, 문화적 환경 등 사용자의 다양한 환경요소 고려
***절차적 연관성 : 서로간에 절차의 흐름을 정확하게 공유. ex) ARS
*음향정보의 특성
**선형성 : 소리는 선형적. 주의 집중과 메시지를 이해하는 데 필요한 시간 고려. ex)[http://www.podbbang.com/ranking/daily 팟캐스트]
**전파성 : 적합한 상황과 목적에 따라 사용.
**취향과 감성 : 소리는 시각정보 이상으로 상상력을 자극. 음향은 언제나 선택 및 조절할 수 있게 구성.
*음향 인터페이스 AUI
**제품에서 음향인터페이스를 디자인할 때 생각해야할 주제들
사용자 행위와 기대에 적절하게 반응하는 자연스럽과 직관적인 피드백을 제공하는가?
소리가 일관성과 규칙성을 가지고 체계적으로 구성되는가?
제품의 전략적인 방향성을 감성적인 면에서도 충분히 표현하는가?
사생활이나 공공장소에서의 불편함을 끼치지 않는가?
음량이 너무 크거나 자극적인 소리로 인해 사용자에게 스트레스를 주는가?

**긍정적인 사용자 경험을 추구하는 제품이라면 소리를 통한 전체적인 경험에서 일관성과 방향성을 유지해야함.

====터치와 촉감으로 디자인하라====
*개인PC시대에는 키보드와 마우스로 조작하기 때문에 모니터와 직접적인 소통이 없었음
*모바일 혁명이후 터치인터페이스가 널리 일반화됨.
*촉감 요소는 현재 진동정도에 그치지만, 그래픽과 모션디자인을 활용해 가상의 촉감을 디자인할 수 있음.
*'타격감' : 액션 게임에서 느끼는 특유의 조작감. 여러가지 요소가 순간적으로 결합하여 하나의 타격감, 즉 촉각을 창출.
*햅틱 피드백 : 직관적인 형태의 메시지 역할, 촉각은 청각에 비해 사용자에 따른 민감도나 인지능력의 차이가 큼. 시각정보와 함께 사용자 주의집중을 강화하는 수단으로 사용하는 것이 적합.
====하드웨어와 소프트웨어의 사용자 경험을 고려하라====
*최근 스마트 기기는 내장된 운영체제와 소프트웨엉, 이들을 탑재하고 물리적인 소통방법을 제공하는 제품 디자인 사이의 유기적인 통합을 강조.
*유연한 하드웨어 인터페이스
**스마트폰이 주목받는 이유는 확장성과 유용성 : 자유롭게 어플리케이션 설치.
**최근 기술트렌드는 사용자 선택과 필요성에 따라 확장할 수 있는 유용성에 초점
**따라서 하드웨어 또한 유연한 환경에 대응할 수 있어야 함. 화면 기반의 인터페이스의 중요성이 확대됨
*경계없는 인터페이스 : 하드웨어와 소프트웨어는 사용자 입장에서는 하나의 통합된 제품. 이 두가지가 하나의 목적과 가치를 공유하여 자연스럽게 연결되어야 함.
*감성적 통합 : 물리적 제품의 외형인 하드웨어는 직관적이며 직접 사용자 감성에 다가감. 반면 소프트웨어는 뇌의 인지작용을 거져 정신적인 교감을 형성.
====새로운 경험을 디자인하라====
*웨어러블 제품 : 현실세계에 디지털콘텐츠와 서비스를 더해 새로운 가치를 만드는 증강현실 콘셉 제품. ex) 구글 글래스
*웨어러블 기기 시장은 아직 초기 단계로, 성공가능성을 높이기 위해서는 사용자 관점에서 이해하는 '통찰력'이 필요.
*웨어러블 컴퓨터 분야는 다양한 시도가 진행중. 감성에 초점을 맞춘 시도도 꾸준히 진행.
*휴대에서 착용으로 : 착용형 장치는 사용자와 기기 사이의 관계에서 큰 장점을 가짐. 신체에 밀착되어 사용자 경험을 동시에 공유하고 이를 지능적으로 활용하여 새로운 가치를 만들 수 있음.
*감성 vs 기능성 : 필요성과 별도로 감성적인 영향을 미침
**감성 : 미적인 영역. 웨어러블 영역에 자연스럽게 어울리는 기능과 외형/ 감성적인 소통요소 디자인영역. 1인칭 관점의 공유
*신체정보의 활용 : 개인의 영역을 확장시킴. 사용자의 기본적인 신체상태와 활동상황을 실시간으로 분석.
*개인영역의 확장 : 카메라를 통해 시각정보를 저장하고 위치를 추적하여 온라인에 기록. 이를 바탕으로 멀티미디어 콘텐츠도 생산가능.
*특수목적 : 스포츠나 군사 목적, 의료 활동을 위한 연구, 재해 대책이나 우주 탐사 등을 위한 것.

==현규==
===일러스트레이션 효과적으로 사용하기===
====종류별====
*정확한 항목사진
**사람들이 어떤 측면을 보고싶어 하는가.(ex 등산화 밑바닥 보여주기)
**말과 앞으로 일어나는 일이 일치되게 하라. 기대감 충족시키기.
**사진이나 그림이 도움이 되는 다른 상황도 생각하라.
**오프라인 정보와 온라인 정보를 연결하라.
**책, 잡지, 또는 다른 인쇄 매체의 사진이라면 꼭 그 인쇄 매체를 웹과 연결시켜야 할지 생각하라
*콘셉트나 절차를 보여주는 사진
**크기 비교(ex 자동차 크기)
**규모와 비율 이해하기(ex 편지 사이즈)
**절차 보여주기
*차트, 그래프, 지도
**지도와 목록을 결합하라
**단순하게 만들라. 보여지는 데이터 양을 사용자가 선택할 수 있게 하라.
**차트와 그래프의 제목에 핵심 요지를 담아라.
**좋은 데이터 제시 원칙을 웹에도 적용하라.
*감성적인 사진
**사진이 의도했던 감성을 불러일으키는지 확인하라.
**전 세계 고객을 감안하라.
===효과적으로 일러스트레이션을 이용하기 위한 9가지 지침===
#무엇인지, 왜 그런지 생각하게 하지마라.
#적당한 크기로 제시하라
#*작은 사진도 선명히 보이게 하라
#*사진으로 공간을 너무 많이 써서 중요한 정보가 밀려 내려가거나 옆으로 빠지게 하지 마라.
#콘텐츠를 감추기보다 돋보이게 하는 일러스트레이션을 이용하라.
#사람 사진에는 다양성을 담아라
#*여러분의 회사가 다양성을 표방한다는 것을 보여라. 하지만 진실돼야 한다.
#*방문자를 대변하려면 폭넓게 생각하라.
#*테스트, 테스트, 테스트
#콘텐츠가 광고처럼 보이지 않게 하라.
#글자나 사진이 깜빡거리거나, 돌아가거나, 흔들리거나, 돌아다니게 하지마라.
#*텍스트가 돌아가게 하지마라.
#*사람들이 페이지에 있을 때 페이지를 바꾸지 마라.
#*동물, 새, 나비 등이 페이지에 돌아다니게 하지 마라
#*애니메이션 효과에 따른 트레이드 오프를 신중히 고려하라
#애니메이션은 도움될 때만 사용하라.
#스플래쉬나 플래시로 사람들을 기다리게 하지 마라
#*스플래쉬 페이지는 사람들의 시간을 잡아먹는다
#*좋은 말도 과하면 안하느니만 못하다
#*사람들은 온라인 경험을 직접 제어하고 싶어한다.
#*일부 사람들에게는 진입부의 비디오가 장애물이다.
#*일러스트레이션은 접근 가능하게 만들어라

==린지==
*살펴볼 사이트:

===''The Design of Everyday Things'' Ch. 4 - Knowing What to Do: Constraints, Discoverability, Feedback===
*How do we operate something new? --> Knowledge in the world (affordances, signifiers, mappings, constraints) and knowledge in the head (conceptual models, analogies to previous situations)

====Four Kinds of Constraints: Physical, Cultural, Semantic, and Logical====

'''Physical constraints'''
*Limited number of actions
*Desired action made obvious
*Restriction prior to any action being taken (to prevent wrong action before it happens)
**Battery design; USB design?
*Legacy problem: too many devices use the existing standard
**Expense of change?
**Corporate thinking - not caring about the customer

'''Cultural constraints'''
*Each culture has a set of allowable actions for social situations
*Ex: Restaurant, public transportation
*Can change over time

'''Semantic constraints'''
*The meaning of the situation controls the set of possible actions
*Can change over time

'''Logical constraints'''
*After all other options, what is left?
*Obvious errors
*Natural mappings help here

'''Cultural norms, conventions, and standards'''
*Greetings with people, traffic laws, food etiquette
*A form of cultural constraint
*Sometimes become international standards or laws
*Violate conventions, and you are marked as an outsider

====Applying Affordances, Signifiers, and Constraints to Everyday Objects====

'''The problem with doors'''
*Sometimes unclear how to use - where to push, push or pull, automatic or not, etc.
*Focus on aesthetics may blind the designer/purchaser to the lack of usability
*Cultural norms play a role

'''The problem with switches'''
*Can be annoying... or dangerous
*Must know: 1) what they control, 2) mapping (which they control)
*More switched --> more danger
*Problem comes from coordination of various professions
*Phone/computer applications for this may solve the problem; touch screens, cameras which recognize gestures?

'''Activity-centered controls'''
*video, comptuer, full ights, lecture, etc.
*can be done poorly
*device-centered is a wrong approach - different switches/screens for different devices
*regardless, manual controls will still be required because of new, unexpected, demands which require idiosyncratic settings
*manual setting should not cause the current activity to be canceled

====Constraints That Force the Desired Behavior====

'''Forcing functions'''
*a kind of physical constraint: situations in which the actions are constrained so that failture at one stage prevents the next step from happening
*ex: car keys

'''Interlocks'''
*Forces operations to take place in proper sequence
*Press down brake pedal to switch out of park
*"Dead man's switch" - user must hold down switch during use so that if they die/are injured the operation stops
**lawn mower, chainsaw, etc.

'''Lock-ins'''
*Keeps an operation active, presenting someone from prematurely stopping it
*Ex: "Want to save file?", jail cells, play pens
* Devices which only are compatible with the company's other devices

'''Lockouts'''
*Prevents people from entering a dangerous space or prevents an action
*Barrier between ground floor and basement for fire safety

====Conventions, Constraints, and Affordances====
*From perception of an affordance to understanding the potential action relies on conventions
*Ex: doorknob

'''Conventions are cultural constraints'''

'''When conventions change: the case of destination-control elevators'''

'''People's responses to changes in conventions'''
*People complain, new learning is required
*The merits don't matter, the change does
*Ex: metric system and the U.S.

====The Faucet: A Case History of Design====
*How to deal with hot and cold
**Separate not and cold? Only temperature? Only amount? On-off?
*Which is hot/cold? How to change temp? How to change flow? Which direction controls flow?

====Using Sound as Signifiers====
*Useful signifier, but can annoy/distract
*Silence can be dangerous
**Ex: Electric cars, pedestrians cannot hear the car approaching, can be hit
*Skeumorphic - old, familiar ideas into new technologies even if they do not have a functional role

UX 모임 2018-10-08

2018-10-07T13:22:17Z

Pinocchio: /* 현규 */

==선애==

==현규==
===유용한 제목을 만들기 위한 12가지 지침===
*제목으로 콘텐츠의 윤곽을 잡아라
*사람들이 질문을 가지고 올 때는 제목에서 질문을 하라
**좋은 웹 콘텐츠 제목을 쓰는 4가지 방법
**#사람들이 생각하는 질문으로 만들어라.
**#대화를 생각하라. 방문자의 입장에서 질문하라.
**#질문을 짧게 만들어라.
**#빠르게 접근할 수 있게 핵심 단어로 시작하라.
*핵심 요지를 전달할 때는 진술문으로 된 제목을 제공하라
*절차를 보여주는 제목에는 행위 절을 이용하라
*명사나 명사구로 된 제목은 가끔만 사용하라
*제목에 방문자의 언어를 담아라
*평행의 힘을 활용하라
*너무 깊이 파고들지 마라:제목을 두 레벨 이상으로 만들지 마라(페이지 타이틀 아래로)
*제목의 레벨을 분명히 하라
*글자 크기, 진하기, 색상으로 본문과 제목을 차별화하라
*같은 페이지 링크로 사람들이 쉽게 옮겨 다니게 하라
*평가하라. 여러분이 쓴 제목을 읽어보라.

=='''''The Design of Everyday Things'' Ch. 3: Knowledge in the Head and in the World''' (린지)==
* How we acquire knowledge and use it 지식을 어떻게 얻고 사용하는지에 대함
*예: 화폐가 어떻게 생겼는지? 화폐는 정확히 어떻게 생겼는지 모르더라도 사용할 수 있다.

===Precise Behavior from Imprecise Knowledge 정확하지 않은 지식을 통한 정확한 행동===
# Knowledge is both in the head and in the world. 지식은 머리(뇌)와 (그 외의) 세상(세계) 속에 있다.
# Great precision is not required. 최고의 정밀성이 필수적이지 않다.
# Natural constraints exist in the world. 세계에서는 자연적인 제한이 있다.
# Knowledge of cultural constrains and conventions exists in the head. 문화적인 제한과 관습에 대한 지식은 머리 속에 있다.

'''Knowledge is in the World'''
*"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."
*Knowledge ''of'' (declarative - fact and rules; easy to teach, can be false) vs knowledge ''how'' (procedural; difficult to teach, subconscious)

'''When Precision if Unexpectedly Required'''
* 예: 새로운 화폐는 기존 화폐와 비슷해서 국민들이 구별을 못 한다.
* Differentiation when there is one versus many

'''Constraints Simplify Memory'''
*Epic poems - meaning + rhymes help with memory
*Limits to how to put things together

===Memory is Knowledge in the Head===
*Ali Baba and the Forty Thieves
*비밀번호 외우기의 어려움
*안전

===The Structure of Memory===

'''Short-term of Working Memory'''

'''Long-term Memory'''

'''Memory for Arbitrary and Meaningful Things'''

===Approximate Models: Memory in the Real World===

'''Example 1: Converting Temperatures between Fahrenheit and Celsius'''

'''Example 2: A Model of Short-term Memory'''

'''Example 3: Steering a Motorcycle'''

'''Example 4: "Good Enough" Arithmetic'''

'''Scientific Theory Versus Everyday Practice'''

===Knowledge in the Head===

'''How Pilots Remember what Air-traffic Control Tells Them'''

'''Reminding: Prospective Memory'''

===The Tradeoff Between Knowledge in the World and in the Head===

===Memory in Multiple Heads, Multiple Devices===

===Natural Mapping===

===Culture and Design: Natural Mappings Can Vary with Culture===

UX 모임 2018-08-27

2018-08-26T13:55:41Z

Pinocchio:

'''[[UX 모임]]'''

==린지==

===Chapter 2 - The Psychology of Everyday Actions===
평소에 하는 행동에 대한 심리

* 서랍 예시

* How do people do things?
* What happens when things go wrong? How do we detect that they aren’t working, and then how do we know what to do?
* How do people select and then evaluate their actions?
* What is the role of understanding (via a conceptual model) and of emotions?
* How does this translate into principles of design?

====How People Do Things: The Gulfs of Execution and Evaluation ====
사람이 행동하는 법 : 실행관 평가의 격차

[[File:Gulfs.PNG|thumbnail]]

*Gulf of Execution 실행의 격차: where they try to figure out how it operates 작동을 이해하려고 한다
*Gulf of Evaluation 평가의 격차: where they try to figure out what happened 어떤 일이 이루어졌는지를 이해하려고 한다
**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
**--> feedback and a good conceptual model

''The difficulties reside in their design, not in the people attempting to use them.''

====The Seven Stages of Action====
행동의 7 가지 단계

[[File:SevenStages.PNG|thumbnail]]

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. 
행동에는 두 부분이 있으며 '함(실행)'과 '이해(평가)'이다. 행동 하려면 물품이 어떻게 작동하는지 알아야 되고 어떤 결과를 생산하는지 알아야 된다.

# Goal (form the goal)
# Plan (the action) / Execution
# Specify (an action sequence) / Execution
# Perform (the action sequence) / Execution
# Perceive (the state of the world) / Evaluation
# Interpret (the perception) / Evaluation
# Compare (the outcome with the goal) / Evaluation

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.
모든 단계들은 의식적이지 않을 수 있다. 그리고 모든 행동은 모든 단계를 걸쳐야 되는 것이 아닐 수 있다. 그러나 한 단계로 만 행동이 이루어지지 못한다.

An action can begin with a goal, but also stimulated by the environment.

*goal-driven
*data-driven
*event-driven

Most actions are not planned, but opportunistic. 대부분의 행동은 계획된 것이 아니라 기회적이다(상황에 따라 이루어진다).

사람은 전기 드릴을 원하는 것이 아니라 구멍을 원하는 것이다. 그리고 구정이 원하는 이유는 책장을 벽에 올리기 위한 것이다. 목표는 전기 드릴 구매가 아닌 것을 알고 목표가 책을 위한 보관 공간을 원하는 것을 올바르게 이해하면 다른 해결책을 상상할 수 있다.

====Human Thought: Mostly Subconscious====
인간의 생각 - 주로 무의식적이다

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. 인간의 뇌를 왜 이해해야 할까? 인간을 위해 물품이 디자인하기 때문이다. 인간에 대한 깊은 이해가 없으면 디자인이 오류가 있고, 사용하기가 어렵고, 이해하기가 어려워진다.

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.
처음에 의식적으로 생각해야 행동을 할 수 있는데 행동을 할수록 'overlearning'이 된다. 'Overlearning'되면 행동은 자동으로 이루어지듯이 노력과 인식이 없는 것처럼 보인다.

*예시 - 답해보십시오 - 3 번 전에 살던 집에서는 정문을 들어갔을 때 문의 손잡이는 왼쪽에 있었나 오른쪽에 있었나요?

전문가는 특별히 어렵거나 기대되지 못한 상황에서만 의식적 집중이 필요하다.

생각과 감정을 분리할 수 없다. 그리고 감정은 과소평가를 받고 있다. 생각은 이해를 주고 감정은 가치 평가를 준다.

*무의식적 생각 : 빠르고 자동으로 작동 된다, 과거의 사례를 바탕으로 미래 예측과 일반적 추세를 파악할 수 있다.
*의식적 생각 : 느리고 노력이 필요하다, 논리를 기반으로 이유를 찾으며 다른 선택과 대안을 고려한다.

무의식적과 의식적 생각은 둘 다 통찰을 줄 수 있지만 둘 다 오해를 일으킬 수 있다.

감정은 생화학을 통해 인식과 소통한다.

긍정적 상태는 창의력에 도움이 되고 부정적 상태는 집중에 도움이 된다.

====Human Cognition and Emotion====
''인가 인식과 감정''

'''The Three Levels of Processing'''
*The Visceral Level 본능의 단계
**"Lizard brain"
**For designers, the visceral response is about immediate perception; style matters
*The Behavioral Level 행동의 단계
**''Learned'' skills, triggered by situations that match the appropriate patterns
**For designers, the most critical aspect of the behavioral level is that every action is associated with an expectation
**Feedback is critical
*The Reflective Level 반성의 단계
**Conscious cognition; where deep understanding develops, where reasoning and conscious decision-making take place
**It is reflection that drives us to recommend a product, to recommend that others use it—or perhaps to avoid it.
**Reflective memories are often more important than reality

*Design must take place at all levels 디자인은 모든 단계에서 이루어져야 한다

====The Seven Stages of Action and the Three Levels of Processing====
''행동의 4 가지 단계와 의 처리의 3가지 단계''

[[File:SevenThree.PNG|thumbnail]]

*Flow
**Mihaly Csikszentmihalyi
**The emotional state of complete immersion in an activity
**Appropriate level of difficultry - requires attention but is not frustrating
**Expectations and emotions work together

====People as Storytellers====
''이야기꾼으로서의 사람''

"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."

Conceptual model은 이야기의 형식 중에 하나다.

*예시 - Thermostat

====Blaming the Wrong Things====
''탓을 잘못 돌리는 것''

"People try to find causes for events. They tend to assign a causal relation whenever two things occur in succession." 사람은 사건의 원인을 찾는다.

"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
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."

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.

'''Learned Helplessness 학습된 무기력 이론'''

*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.
* taught helplessness

'''Positive Psychology 긍정 심리학'''

*failure is a learning experience

* Do not blame people when they fail to use your products properly.
* Take people’s difficulties as signifiers of where the product can be improved.
* Eliminate all error messages from electronic or computer systems. Instead, provide help and guidance.
* 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.
* 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.
* Think positively, for yourself and for the people you interact with.

====Falsely Blaming Yourself====
''본인에게 탓을 잘못 돌리는 것''

* Human error usually is a result of poor design.
** 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.
* It is about a problem in communication and interaction
* Machines are not people.
* Designers should minimize inappropriate actions and provide feedback in the case of an error.
* People are not machines.

'''How Technology Can Accommodate Human Behavior 인간의 행동을 수용할 수 있는 기술'''

====The Seven Stages of Action: Seven Fundamental Design Principles====
행동의 4가지 단계 - 7 가지 기본 디자인 원칙

[[File:DesignQuestions.PNG|thumbnail]]

'''Checklist of Questions to Ask about a Product'''
# What do I want to accomplish?
# What are the alternative action sequences? / Feedforward
# What action can I do now? / Feedforward
# How do I do it? / Feedforward
# What happened? / Feedback
# What does it mean? / Feedback
# Is this okay? Have I accomplished my goal? / Feedback

*Feedforward: Execution of action
**Appropriate use of signifiers, constraints, and mappings; conceptual model
*Feedback: Understanding of what happened

'''Seven Fundamental Design Principles'''
# '''Discoverability'''. It is possible to determine what actions are possible and the current state of the device.
# '''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.
# '''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.
# '''Affordances'''. The proper affordances exist to make the desired actions possible.
# '''Signifiers'''. Effective use of signifiers ensures discoverability and that the feedback is well communicated and intelligible.
# '''Mappings'''. The relationship between controls and their actions follows the principles of good mapping, enhanced as much as possible through spatial layout and temporal contiguity.
# '''Constraints'''. Providing physical, logical, semantic, and cultural constraints guides actions and eases interpretation.

==선애==
===RULE3 사용자를 고민하게 만들지 말아라===
<사용성에 대한 기본적인 개념과 필요성, 그리고 이를 최적화하기 위해 고려해야 할 것들과 제품의 사용자 경험에 가치를 더할 방법>

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

====사용자를 파악하라====

사용자에 대해서 충분히 이해하는 것은 제품이 가진 장점과 독창적인 요소를 더욱 효과적으로 돋보이게 할 수 있으며 제품의 한계나 잠재적인 단점들을 보완하는데도 매우 중요한 역할.
제품을 기획하고 만드는 사람들이 저지르기 쉬운 오류는 바로 어느 누구보다 자신이 제품을 잘 안다고 생각하는 것. 제품을 만드는 사람은 만드는 사람의 시각에서 벗어날 수 없기 때문에 실제 사용자의 관점을 이해하지 못하는 경우가 많음.
사용자 접근성 = 사용할 사람들에게 사용 기회를 최대한 열어두었는가?
*유니버셜 디자인(Universial Design) : 장애인뿐만 아니라 성별, 나이별 등의 접근 용이성을 개선하는 노력

*인간공학적 접근성 : 사용자별 신체적 차이와 물리적 한계를 고려.
*기술적 접근성 : 서비스를 이용하는 기술적인 환경에 대한 고려. ex)인터넷뱅킹
*사용자 조건에 따른 접근성 : 제품 사용자의 사용 목적과 환경, 기대치 등의 조건들을 고려.

어떤 제품은 교육과 훈련을 받아야만 가능 ex)경비행기 조종, 원자력 발전소 운영 등

보통은 사용법을 숙지하는 시간이 적어야함. 사용자가 바라는 결과의 가치 > 투자하는 시간적, 심리적 가치 : 사용하기 쉬운 제품.

제품 사용에 관한 기본적인 조건 : 사용절차가 단순, 사용방법이 배우기 쉬워야 함, 사용방법이 논리적, 사용방법이 직관적.

사용자 접근성이 기본적인 환경과 관련된 주제라면, 사용성은 사용과정에서의 결함이나 실수의 확률을 낮추고, 막힘없이 지속해서 사용할 수 있는지에 대한 것.

제품의 사용중에도 사용자에게 제품의 상태를 알려주어야 함, 제품중 실수를 저지르더라도 그 영향이 곧바로 결과로 이어지지 않게하는 안전장치 필요.(피드백)

====제품을 이해하라====
제품 개발과정에서 제품과 사용자 간의 커뮤니케이션 디자인이 매우 중요. 제품을 실제로 어떻게 사용하게 만드느냐가 바로 인터페이스 디자인. 이단계에서 제품의 기능적인 특징과 사용자 욕구 및 특성을 함께 고려.
*Use-case : 프로그램의 여러 가지 내장된 세부 기능이 동작하는 절차를 다이어그램으로 시각화하여 이를 직관적으로 평가하고 계획할 수 있게 하는 개발 방법론.
*제품 플로우맵 : 제품의 특성과 세부 기능을 모두 이해하여 각 단위 기능의 연관성과 작동방식을 이해하는 사람이 작성. ex) 캡슐형 커피머신의 예

====사용자 특성과 전략====
*‘안다’는 것(인지) : 오감을 통해 외부 자극을 느끼고 여러 가지 조건, 즉 사람의 가치관이나 성별, 나이와 같은 주체로서의 특성과 환경적 특성을 대입해 이해하는 과정.
*사용성에서 인지조건은 사용자가 제품이나 서비스를 사용하는 상황을 한정해야 실제로 의미있는 접근법을 찾을 수 있음.
*사용자 특성 : 사용자의 성별, 나이, 취향 등/ 사용자의 의도, 목적 혹은 요구 / 제품에 대한 기대와 인식/ 제품의 외형/ 사용자 조작에 대한 제품 피드백

제품에 대한 기대감과 인식은 사용자의 실제적인 욕구가 형성되는 시작점.
사용자 욕구가 투영되거나 사용자에게 새로운 욕구를 갖도록 만드는 제품과 서비스는 강력한 동기를 유발.

====감각적인 자극요소====
*시각적 : 대부분의 제품이 제공하는 방식. 화면에 표시되는 이미지, 아이콘, 언어, 색상 등
*청각적 : 인공적인 소음, 물리적인 소음, 제품 기능과 연관된 소리 등. 다른 감각기관보다 훨씬 뛰어난 감성의 호소력을 가짐. ex) [https://www.youtube.com/watch?v=gjyWP2LfbyQ&feature=youtu.be honda 'choir'광고]
*촉각적 : 사용자에게 물리적인 인지요소로 독특한 호소력을 발휘함. 제품 외형과 품질에 대한 평가를 끌어냄. 햅틱 피드백. 가장 대표적인게 게임 컨트롤러
*후각적 : 예민하지만 가장 빨리 피로를 느끼는 특성 때문에 적극적으로 활용하기 어려운 자극. 매우 독창적이고 강한 각인 효과.
*미각적 : 맛을 본다는 것은 매우 적극적인 사용자 행동. 품질을 직접 설득하는 방식으로 구매에 결정적인 영향을 줌.
:=>오감으로 전달되는 자극은 매우 정확한 메시지를 전달. 반면 논리적 인지는 더욱 언어적이고 체계적이며 복잡한 이해가 필요.

====신체조건과 사용성을 파악하라====
*인체공학 디자인 : 제품 디자인 중 신체활동 조건에 최적화하는 것. 가구 디자인이 대표적.
*휴먼스케일(human scale) : 인체의 물리적 속성, 즉 크기, 운동범위, 감각이 찾을 수 있는 범위. 사회 심리적인 인식범위나 영향력도 포함.
*신체조건 : 신체 크기, 관절의 각도, 신체에 부담이 없는 활동, 시야각, 밝기, 편안한 소리의 범위, 표면 온도 등.
*사용성 : 안전 + 흥미와 즐거움 ex) 트위스터

====쉽게 배우고 쉽게 기억시켜라====
*제품이나 서비스의 활용방법이 단순하고 쉬울수록 사용자가 금방 익숙해짐
**경험을 통해 배우는 것 : 연습하면서 노력해야함. 처음엔 시간이 걸리지만 이후 효과가 뛰어남.
**교과 학습을 통해 배우는 것 : 학습과정을 체계화할 수 있고 효율적으로 배우고 평가할 수 있음.

====멘탈모델과 매핑을 활용하라====
*멘탈모델(mental model) : 대상을 심리적으로 구조화한 것. 사용자는 외부 환경이나 대상이 어떤 방식으로 작용하고 동작하는지 추측하고, 구조화하여 더 효과적으로 이해하며 조작할 수 있음.
*매핑(mapping) : 사용자가 멘탈 모델의 구조를 구축할 때 대상의 세부 속성과 각 요소사이의 관계를 규정하는 심리.
:멘탈모델이 중요한 이유는 사용자가 제품과 그 사용법을 체계화할 수 있으면 제품을 실수하지 않고 더 효율적으로 사용할 수 있기 때문. 제품의 특성만으로는 제품을 이해하기 불가능하므로 디자이너는 사용자가 제품을 체계화하고 논리적인 멘탈모델을 구축할 수 있게 해야함.
:멘탈모델은 제품을 구성하는 개별 기능과 각 기능사이의 논리적인 인과관계를 설정하여 제시할 수 있음. 매핑은 멘탈모델을 구축하는 단계에서 인과관계는 물론 직관적인 연관성을 구축하는데 중요.

*시각적인 배치 : 그래픽 디자인 요소, 이들을 배치하는 방식에 따라.
*의미적인 배치 : 구체적인 이미지나 언어를 통해 명확한 의미로.
*논리적인 배치

====제약조건을 활용하라====
*물리적 제약조건 : 사용자의 신체적 한계를 파악하고 이를 이용하여 적절하게 디자인하는 것. 또 제품 자체의 형상이나 특성이 디자이너의 설계의도에 부합하는 방향으로만 쓸 수 있도록 디자인하는 것.
*심리적 제약조건 : 제품에 요소를 활용하여 사용자가 스스로 사용을 꺼리게 만들거나 자제하도록 디자인하는 것. 접근성에 대한 통제방법.

====행위를 유발시켜라====
*행위 유발 : 사용자가 스스로 어떤 조건에 반응하여 행동한다는 의미에서 제품이나 서비스 자체의 사용자 경험을 극대화하는 방법. 어떤 물리적, 심리적 장치를 구성해 사용자 스스로 동기를 이끌어내어 구체적인 행동을 하는 것.
*사용자가 행동하게 되는 이유 : 사용자 개인과 환경에 따른 욕구 해소 행위, 외부 자극에 대한 행위, 사용자 가치관에 따른 자발적 행위, 사회적 조건에 대한 응답으로써의 자발적 행위, 감성표출을 위한 자발적 행위.

*직관적인 행동유발 : 모양이나 순서, 구성이 제품의 목적에 맞게 최적화.
*연관적인 행동유발 : 사용자의 관심이나 이력을 활용. 사용자의 관심과 행동을 추적하고 분석하여 다음 행동을 유도하기도 함.

====기호와 상징체계로 디자인하라====
소통을 통해 대상을 이해하는 과정에서 언어와 같은 상징체계로부터 벗어나기란 거의 불가능. 상징체계의 역할은 여러 가지 기억을 어떤 기준에 따라 하나의 이미지로 묶어 효율적인 사고를 할 수 있게 하는 것.

*고정된 기호와 변화하는 기호 : 합의된 기호는 고정된 것이 아니라 시간 또는 환경에 따라 달라짐. 언어처럼 고정되지 않은 상징은 사용자 의도에 따라 다양하게 변형시킬 수 있음.
*은유와 디자인 언어 : 시각 디자인에서 은유는 언어로 전달하기 힘든 것을 직관적으로 전달하는 도구.
**코드화된 기호의 메시지 : 롤랑 바르트(Roland Barthes)가 제시한 코드화된 기호 메시지는 기호학적 분류로 이미지 기호 배치에 따라 시각적으로 만들어짐. 기호뿐만 아니라 어떻게 배치하고 결합하느냐도 큰 변수로 작용.
**코드화되지 않은 기호의 메시지 : 상징적인 기호가 아닌 지시적이고 직접적인 이미지를 그대로 사용. 기존의 의미체계로부터 완전히 독립적인 기호로 사용하기도 함.
**반대와 역설코드 : 담고자 하는 의미와 정반대의 이미지를 사용하여 가치를 강조하고 부각.
**의미결합 : 두가지 이상의 은유를 결합. 부분이 모인 전체가 아니라 완전한 구조와 정체성을 지닌 통합된 전체로서의 형상과 상태를 말하는 ‘게슈탈트 이론(Gastalt Theory)’에서의 의미확장은 복수의 의미가 더해지면 두 개체 의미 이상의 가치를 지님.
**지시와 호소 : 전달하려는 메시지에 사고나 행동을 직접 지시하는 상징을 사용.
**전이 : 서로 다른 의미의 은유를 결합하거나 지시적인 단어와 은유를 조합하여 본래 의미에서 벗어나 새로운 의미로 바꾸는 유형.
*확장된 메시지 디자인 : 히트상품은 그 제품의 목적과 영역에 한정되지 않고 그 의미를 폭넓게 확장하기도 함. 제품의 기호적인 특성은 제품의 정체성과 직접 연결됨.
*상징과 기호의 가치 : 상징과 기호는 제품이 담는 사용자의 욕망, 신기술, 미적 가치와 같은 다양한 속성이 사회적, 환경적인 특성과 결합하여 특정한 의미와 방향성을 가짐.

===웹사이트 제안===
*그냥 디자인이 예쁜...
**기업소개 : [http://sanriokorea.co.kr/ 산리오], [http://www.ht.co.kr/#bannerPage 해태제과], [http://www.daumsoft.com/ 다음소프트] 등
**박물관 : [http://www.much.go.kr/ 대한민국역사박물관]
*사용성 측면에서 ux가 맘에드는...
**[http://webtoon.daum.net/ 다음웹툰]
*한번 같이 얘기해보고 싶은...
**[http://www.aks.ac.kr 한국학중앙연구원]

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

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

UX 모임 2018-08-27

2018-08-26T13:38:58Z

Pinocchio:

UX 모임 2018-08-20

2018-08-26T13:19:30Z

Pinocchio:

[[UX 모임]]

==린지 - ''The Design of Everyday Things''==
==='''Chapter 1: The Psychopathology of Everyday Things'''===
*The two most important characteristics of good design are '''discoverability''' and '''understanding'''.
**Discoverability: Is it possible to even figure out what actions are possible and where and how to perform them?
**Understanding: What does it all mean? How is the product supposed to be used? What do the different controls and settings mean?
*Complex devices may require manuals or instruction, but simple ones should not
*The purpose of the design is lost if it is so complex it is not used or barely used

'''Examples''' 
*doors
*coffeepot for masochists

===='''The Complexity of Modern Devices'''====
'''"We are designing things for people, so we need to understand both technology and people."'''

*"All artificial things are designed. Whether it is the layout of a furniture in a room, the paths through a garden or forest, or the intricacies of an electronic device, some person or group of people had to decide upon the layout, operation, and mechanisms.
*Some designed things are systems, rules, services, organizational structures
*"Design is concerned with how things work, how they are controlled, and the nature of the interaction between people and technology"
*Three main areas of design:
**Industrial - focus on function, value, appearance with user and manufacturer in mind
**Interaction - focus on how people interact with technology (what can be done, what is happening, and what happened)
**Experience - focus on the quality and enjoyment of the total experience (of a service, product, process, event)
*"Much of design is done by engineers who are experts in technology but limited in their understanding of people. 'We are people ourselves,' they think, 'so we understand people.' But in fact, we humans are amazingly complex....The problem with the designs of most engineers is that they are too logical....You are designing for people the way you would like them to be, not for the way they really are."

===='''Human-Centered Design'''====
*Design has improved, but technological advances outpace design
*"HCD is a design philosophy."
*"HCD puts human needs, capabilities, and behavior first, then designs to accomodate those needs, capabilities, and ways of behaving. Good design starts with and understanding of psychology and technology."
*"Good design requires good communication, especially from machine to person, indicating what actions are possible, what is happening, and what is about to happen."
*Observation of people who may not even be aware of their own needs and the difficulties they encounter.
*Avoid specifying the problem and iterate upon approximations

===='''Fundamental Principles of Interaction'''====
*"Great designers produce pleasurable experiences."
*Determines how fondly people remember their interactions
*Positive of frustrating/confusing?
*Discoverability: Need to discover how to work it
**What is does
**How it works
**What operations are possible

'''Affordances'''
*The relationship between a physical object and a person
*The properties of and object <-> The capabilities of the agent --> How it can be used
*Bidirectional relationship
*They exist even if they are not visible
*Making them visible is the job of the designer

'''Signifiers'''
*Any mark or sound, any perceivable indicator that communicates appropriate behavior to a person.
*Must be perceivable
*Affordances determine what actions are possible. Signifiers communicate where the action should take place.
*Does not matter if it is intended or incidental
*Ex: PUSH, trail made by others, whether there are people waiting at the train station, soda can on shelf, lack on sink, vertical pipes on the road

'''Mapping'''
*Which controls which things, layout of controls and displays
*Ex: Which switches control which lights in a room
*Spacial correspondence
*Natural mapping is best
*Vertical position represents intensity or amount, make controls in same pattern as lights, groupings and proximity - related things should be together

'''Feedback'''
*Communicating the results of an action
*People need feedback to know that the machine heard them
*Ex: Lights in an elevator
*Must be immediate, informative (not too simple), but not too much
**Too many announcements cause people to ignore all of them or disable all of them, so critical ones may be missed
*Ex: Auditory signals (beeps) may not be clear as to where it is coming from, single or multiple flashes
*Feedback must be planned and actions need to be confirmed
*Feedback must be prioritized

'''Conceptual Model'''
*An explanation, usually highly simplified, of how something works
*Doesn't need to be complete or even accurate as long as it is useful
**Ex: Folder icons
*Often multiple conceptual models of a product or device depending on user's background knowledge
*Mental models are the conceptual models in people's minds that represent their understanding of how things work. Different people may hold different models of the same item.
**Ex. Refrigerator controls

===='''The System Image'''====
[[File:SystemImage.PNG|thumbnail]]
*People create mental models of themselves, others, the environment, and the things with which they interact. These are our conceptual models formed through experience, training, and instruction. These models serve as guides to help achieve our goals and in understanding the world.
*The system image: The combined information available to us
**what the device looks like
**advertisements
**articles
**instruction manual
**product website
*When the system image is incomplete, there are problems
*Good conceptual models are the key to understandable enjoyable produce; good communication is the key to good conceptual models.

===='''The Paradox of Technology'''====
*"Technology offer the potential to make life easier and more enjoyable; each new technology provides increased benefits. At the same time, added complexities increase our difficulty and frustration with technology."
*Watch --> phone --> Phone watch? --> Special glasses --> Projectors? --> Ear phones?
*How would we learn and remember complicated gestures and commands?
** Agreed upon standards

===='''The Design Challenge'''====
*"Design requires the cooperative efforts of multiple disciplines.
*Great design requires great designers, but also great management.
*Each discipline has a different perspective of the relative importance of the many factors of a product.
**Usable and understandable, attractive, affordable, reliable, able to be manufactures and services, distinguishable, people have to purchase it
*The challenge it to use the principles of HCD to produce positive results, products that enhance lives and add to out pleasure and enjoyments.
*The goal is to produce a great product, one that is successful, and that customers love.

===사례 평가 - Encyves (Graphs, Maps, 기사)===
*Graphs
**용어가 너무 많다
**쿼리가 불가능하다
**사용자가 불명확하다
**뒤로 갈 수 없다
**뭘 해야 하는지 모른다
**클릭하면 그 요소에 대한 요약이 떴으면 유리하겠다
**왜 이 요소들을 이렇게 정리했는지에 대한 설명이 있었으면 좋겠다
**또 이 정보는 왜 이렇게 표시해야 하는지 모르겠다

*Maps
**좌표 밖에 없어서 장소 이름 같이 있었으면 좋겠고 클릭 했을 때 요약이 떴으면 좋겠다
**시간 관계, 등 같이 표시됐으면 한다.
**장소의 유형에 따라 표가 다르게 생겼으면 좋겠다

*기사 페이지
**이 정보는 기존의 백과사전과 어떻게 다른지 모르겠다 - 쿼리가 불가능하기 때문에
**같은 정보는 그냥 다른 모습으로 반복적으로 표시한 뿐
** 사용자가 예를 들면 그래프를 복사.붙이고 싶으면... 불가능 하지 않나?
**디자인은 그냥 안 예쁘고 사진이 더 중심이 됐으면 좋겠다

==선애==
*지난주에 빠뜨렸던 사이트 : [http://story.pxd.co.kr/357 좋은 UX디자이너의 자질]
: 안에 보면 ux에 관한 다양한 이야기가 있습니다.

====RULE 2 매력적인 상품을 위해 사용자를 파악하라====
*UX 디자인의 역할
: UX디자인은 기본적으로 제품이나 서비스 품질을 높이는 방법. 멋진 제품을 만드는 방법이 아니라, 올바른 관점과 체계적인 방법을 통해 실패 확률을 줄이고 시간을 절약하는 방법을 제시.
*사용자 경험 디자인 순환형 개발 과정 : think-make-check(반복)

*포커스 그룹 vs 개별 사용자
:포커스 그룹은 제품의 기본적인 전략 방향을 제시하는 것. 개별 사용자의 기대나 만족감과 같은 가치를 평가하기에는 한계. 포커스 그룹의 공통점으로부터 트렌드를 읽기 쉽지만, 그로부터 개별 사용자가 실제로 제품과의 소통에서 축적되는 가치를 찾기란 어려움.
:=> DH에서의 사용자, 포커스 그룹이란?

*인터뷰와 설문으로 소비자를 이해하라
: 만드는 사람은 자신의 입장에서 개발하기 때문에 사용자 관점을 이해하는데 한계. 이를 극복하기 위해 직접 사용자를 만나 그들의 생각과 반응을 관찰하여 부족한 정보를 보충하는 기회를 얻는 것. 사용자 개인의 시점을 반영하는 것이기 때문에 UX디자인에서 매우 중요한 도구. 인터뷰는 진행자의 능력이 중요. 무의식적으로 편향된 상태. 설문은 인터뷰를 보완할 수 있는 경제적이고 효과적인 방법. 개별 사용자를 정확히 파악 못함. 인터뷰는 사용자에게 유연하게 질문하고 답변을 얻는 반면, 설문은 정형화된 질문지이므로 수집할 수 있는 정보에 한계가 있음.

*구체적인 대상을 정하여 설계하라
**페르소나(Persona) : 특정한 목적에 따라 설정한 가공의 사용자. 페르소나의 선택과 행위에 초점을 맞춤. 구체화된 캐릭터의 가상 인물이 제품을 선택하고 사용하는 모든 과정에서 발생하는 상황을 시나리오 형식으로 표현하여 발생할 수 있는 문제와 특이 상황들, 예측하지 못한 가치 등을 유추하는 것.
**시뮬레이션(simulation) : 실제 제품이나 서비스가 완성되지 않은 상태에서도 그 성능이나 영향, 그리고 예측하지 못하는 여러 상황 등을 살펴보기 위해 시험적으로 운영하는 것. UX디자인의 시뮬레이션은 사용 과정에서 겪는 상황이 주요 관심사.

===사례 평가 - Encyves (Graphs, Maps, 기사)===
* 그래프
**전체적인 모습을 보고 파악하기 어려움
**링크가 없는 것도 있음
**어떤 거는 한자 명칭이 있고, 어떤거는 없고?
**전체 그래프의 일부가 아니라 매우 단편적. 그냥 하나의 주제에 대해 10-30여개 남짓의 노드만 표현되어 있으며, 그것들이 외부 링크만 보여주고 있음.
**역사 인물 전체 관계망 : ㅎㄷㄷ;;
**지식 관계망을 모아놓은 것이 어떤 편의성과 유용성을 제공하는지 모르겠음.

*지도

*기사
**카테고리 분류. 야후의 사례에서 보듯이 오늘날의 검색에는 적절하지 않음.
**백과사전을 표방하고 있으나 잘모르겠음. 그냥 위키백과...?
**용어의 불일치 : 문맥기사-문맥요소. 관련 설명 부족.
**시맨틱 위키를 사용하면 좋았을 것들이 보임. 분류별로 모아놓은 것들에서 수작업의 흔적이 느껴짐...

==현규==
===정보페이지를 만드는 여섯가지 지침===
*사람들이 필요로 하는 것만 제공하라
*자르고, 자르고, 또 잘라라
*핵심부터 써라. 역 피라미드 형태로 써라.
*언어의 담장을 허물어라
*유용한 정보를 제공하는 것으로 마케팅하라.
*용도별로 정보를 여러 층으로 나눠라.

===유용한 디자인을 위한 열네가지 지침===
*규칙과 정렬을 이용해 페이지 요소가 눈에 잘 들어오게 하라.
*페이지를 기획할 때 사이트 전체를 생각하라.
*템플릿을 만들어라.
*여백을 효율적으로 활용하라. 콘텐츠에 능동적인 여백을 넣어라.
*가짜 바닥을 조심하라.
*제목이 떠 보이지 않게 하라.
*중앙 정렬하지 마라.
*산 세리프체를 디폴트로 하라.
*쉽게 익힐 정도로 큰 크기를 디폴트로 하고, 상대적 글자 크기를 이용하라.
*중간 줄 길이를 디폴트로 하는 유동 레이아웃을 이용하라.
*대문자로 모든 철자를 구성하지 마라.
*링크 외에는 어디에도 밑줄을 긋지 마라. 이탤릭체는 아껴라.
*글자와 배경 화면은 충분히 대조되게 하라.
*색상을 선택할 때에는 방문자 모두를 고려하라.

UX 모임 2018-08-20

2018-08-20T04:59:32Z

Pinocchio:

[[UX 모임]]

==린지 - ''The Design of Everyday Things''==
==='''Chapter 1: The Psychopathology of Everyday Things'''===
*The two most important characteristics of good design are '''discoverability''' and '''understanding'''.
**Discoverability: Is it possible to even figure out what actions and possible and where and how to perform them?
**Understanding: What does it all mean? How is the product supposed to be used? What do the different controls and settings mean?
*Complex devices may require manuals or instruction, but simple ones should not
*The purpose of the design is lost if it is so complex it is not used or barely used

'''Examples''' 
*doors
*coffeepot for masochists

===='''The Complexity of Modern Devices'''====
'''"We are designing things for people, so we need to understand both technology and people."'''

*"All artificial things are designed. Whether it is the layout of a furniture in a room, the paths through a garden or forest, or the intricacies of an electronic device, some person or group of people had to decide upon the layout, operation, and mechanisms.
*Some designed things are systems, rules, services, organizational structures
*"Design is concerned with how things work, how they are controlled, and the nature of the interaction between people and technology"
*Three main areas of design:
**Industrial - focus on function, value, appearance with user and manufacturer in mind
**Interaction - focus on how people interact with technology (what can be done, what is happening, and what happened)
**Experience - focus on the quality and enjoyment of the total experience (of a service, product, process, event)
*"Much of design is done by engineers who are experts in technology but limited in their understanding of people. 'We are people ourselves,' they think, 'so we understand people.' But in fact, we humans are amazingly complex....The problem with the designs of most engineers is that they are too logical....You are designing for people the way you would like them to be, not for the way they really are."

===='''Human-Centered Design'''====
*Design has improved, but technological advances outpace design
*"HCD is a design philosophy."
*"HCD puts human needs, capabilities, and behavior first, then designs to accomodate those needs, capabilities, and ways of behaving. Good design starts with and understanding of psychology and technology."
*"Good design requires good communication, especially from machine to person, indicating what actions are possible, what is happening, and what is about to happen."
*Observation of people who may not even be aware of their own needs and the difficulties they encounter.
*Avoid specifying the problem and iterate upon approximations

===='''Fundamental Principles of Interaction'''====
*"Great designers produce pleasurable experiences."
*Determines how fondly people remember their interactions
*Positive of frustrating/confusing?
*Discoverability: Need to discover how to work it
**What is does
**How it works
**What operations are possible

'''Affordances'''
*The relationship between a physical object and a person
*The properties of and object <-> The capabilities of the agent --> How it can be used
*Bidirectional relationship
*They exist even if they are not visible
*Making them visible is the job of the designer

'''Signifiers'''
*Any mark or sound, any perceivable indicator that communicates appropriate behavior to a person.
*Must be perceivable
*Affordances determine what actions are possible. Signifiers communicate where the action should take place.
*Does not matter if it is intended or incidental
*Ex: PUSH, trail made by others, whether there are people waiting at the train station, soda can on shelf, lack on sink, vertical pipes on the road

'''Mapping'''
*Which controls which things, layout of controls and displays
*Ex: Which switches control which lights in a room
*Spacial correspondence
*Natural mapping is best
*Vertical position represents intensity or amount, make controls in same pattern as lights, groupings and proximity - related things should be together

'''Feedback'''
*Communicating the results of an action
*People need feedback to know that the machine heard them
*Ex: Lights in an elevator
*Must be immediate, informative (not too simple), but not too much
**Too many announcements cause people to ignore all of them or disable all of them, so critical ones may be missed
*Ex: Auditory signals (beeps) may not be clear as to where it is coming from, single or multiple flashes
*Feedback must be planned and actions need to be confirmed
*Feedback must be prioritized

'''Conceptual Model'''
*An explanation, usually highly simplified, of how something works
*Doesn't need to be complete or even accurate as long as it is useful
**Ex: Folder icons
*Often multiple conceptual models of a product or device depending on user's background knowledge
*Mental models are the conceptual models in people's minds that represent their understanding of how things work. Different people may hold different models of the same item.
**Ex. Refrigerator controls

===='''The System Image'''====
[[File:SystemImage.PNG|thumbnail]]
*People create mental models of themselves, others, the environment, and the things with which they interact. These are out conceptual models formed through experience, training, and instruction. These models serve as guides to help achieve our goals and in understanding the world.
*The system image: The combined information available to us
**what the device looks like
**advertisements
**articles
**instruction manual
**product website
*When the system image is incomplete, there are problems
*Good conceptual models are the key to understandable enjoyable produce; good communication is the key to good conceptual models.

===='''The Paradox of Technology'''====
*"Technology offer the potential to make life easier and more enjoyable; each new technology provides increased benefits. At the same time, added complexities increase our difficulty and frustration with technology."
*Watch --> phone --> Phone watch? --> Special glasses --> Projectors? --> Ear phones?
*How would we learn and remember complicated gestures and commands?
** Agreed upon standards

===='''The Design Challenge'''====
*"Design requires the cooperative efforts of multiple disciplines.
*Great design requires great designers, but also great management.
*Each discipline has a different perspective of the relative importance of the many factors of a product.
**Usable and understandable, attractive, affordable, reliable, able to be manufactures and services, distinguishable, people have to purchase it
*The challenge it to use the principles of HCD to produce positive results, products that enhance lives and add to out pleasure and enjoyments.
*The goal is to produce a great product, one that is successful, and that customers love.

===사례 평가 - Encyves (Graphs, Maps, 기사)===
*Graphs
**용어가 너무 많다
**쿼리가 불가능하다
**사용자가 불명확하다
**뒤로 갈 수 없다
**뭘 해야 하는지 모른다
**클릭하면 그 요소에 대한 요약이 떴으면 유리하겠다
**왜 이 요소들을 이렇게 정리했는지에 대한 설명이 있었으면 좋겠다
**또 이 정보는 왜 이렇게 표시해야 하는지 모르겠다

*Maps
**찜 표 밖에 없어서 장소 이름 같이 있었으면 좋겠고 클릭 했을 때 요약이 떴으면 좋겠다
**시간 관계, 등 같이 표시됐으면 한다.
**장소의 유형에 따라 표가 다르게 생겼으면 좋겠다

*기사 페이지
**이 정보는 기존의 백과사전과 어떻게 다른지 모르겠다 - 쿼리가 불가능하기 때문에
**같은 정보는 그냥 다른 모습으로 반복적으로 표시한 뿐
** 사용자가 예를 들면 그래프를 복사.붙이고 싶으면... 불가능 하지 않나?
**디자인은 그냥 안 예쁘고 사진이 더 중심이 됐으면 좋겠다

==선애==
*지난주에 빠뜨렸던 사이트 : [http://story.pxd.co.kr/357 좋은 UX디자이너의 자질]
: 안에 보면 ux에 관한 다양한 이야기가 있습니다.

====RULE 2 매력적인 상품을 위해 사용자를 파악하라====
*UX 디자인의 역할
: UX디자인은 기본적으로 제품이나 서비스 품질을 높이는 방법. 멋진 제품을 만드는 방법이 아니라, 올바른 관점과 체계적인 방법을 통해 실패 확률을 줄이고 시간을 절약하는 방법을 제시.
*사용자 경험 디자인 순환형 개발 과정 : think-make-check(반복)

*포커스 그룹 vs 개별 사용자
:포커스 그룹은 제품의 기본적인 전략 방향을 제시하는 것. 개별 사용자의 기대나 만족감과 같은 가치를 평가하기에는 한계. 포커스 그룹의 공통점으로부터 트렌드를 읽기 쉽지만, 그로부터 개별 사용자가 실제로 제품과의 소통에서 축적되는 가치를 찾기란 어려움.
:=> DH에서의 사용자, 포커스 그룹이란?

*인터뷰와 설문으로 소비자를 이해하라
: 만드는 사람은 자신의 입장에서 개발하기 때문에 사용자 관점을 이해하는데 한계. 이를 극복하기 위해 직접 사용자를 만나 그들의 생각과 반응을 관찰하여 부족한 정보를 보충하는 기회를 얻는 것. 사용자 개인의 시점을 반영하는 것이기 때문에 UX디자인에서 매우 중요한 도구. 인터뷰는 진행자의 능력이 중요. 무의식적으로 편향된 상태. 설문은 인터뷰를 보완할 수 있는 경제적이고 효과적인 방법. 개별 사용자를 정확히 파악 못함. 인터뷰는 사용자에게 유연하게 질문하고 답변을 얻는 반면, 설문은 정형화된 질문지이므로 수집할 수 있는 정보에 한계가 있음.

*구체적인 대상을 정하여 설계하라
**페르소나(Persona) : 특정한 목적에 따라 설정한 가공의 사용자. 페르소나의 선택과 행위에 초점을 맞춤. 구체화된 캐릭터의 가상 인물이 제품을 선택하고 사용하는 모든 과정에서 발생하는 상황을 시나리오 형식으로 표현하여 발생할 수 있는 문제와 특이 상황들, 예측하지 못한 가치 등을 유추하는 것.
**시뮬레이션(simulation) : 실제 제품이나 서비스가 완성되지 않은 상태에서도 그 성능이나 영향, 그리고 예측하지 못하는 여러 상황 등을 살펴보기 위해 시험적으로 운영하는 것. UX디자인의 시뮬레이션은 사용 과정에서 겪는 상황이 주요 관심사.

===사례 평가 - Encyves (Graphs, Maps, 기사)===
* 그래프
**전체적인 모습을 보고 파악하기 어려움
**링크가 없는 것도 있음
**어떤 거는 한자 명칭이 있고, 어떤거는 없고?
**전체 그래프의 일부가 아니라 매우 단편적. 그냥 하나의 주제에 대해 10-30여개 남짓의 노드만 표현되어 있으며, 그것들이 외부 링크만 보여주고 있음.

*지도

*기사

==현규==

UX 모임 2018-08-13

2018-08-12T01:31:54Z

Pinocchio:

'''[[UX 모임]]'''
===현규===
*메인페이지의 5가지 기능
**사이트의 성격 규명, 브랜드 인지
**사이트의 톤과 개성 심기
**이 사이트가 어떤 곳인지 감을 잡게 함
**사람들이 주요 과제를 즉시 시작할 수 있게 함
**효율적으로 사람들을 옳은 길로 안내

*중간페이지의 8가지 기능
**사이트 방문자는 사냥중이다. 중간 페이지는 목적지에 가기 전 거쳐가는 곳일뿐이다.
**사람들은 사냥 중에 많이 읽고 싶어하지 않는다.
**중간 페이지는 목차와 같다.
**짧은 설명이 도움되기도 한다.
**중간 페이지에서는 마케팅이 간과되어도 좋다.
**클릭을 몇 번 하는가보다 얼마나 부드럽게 이어지는지가 더 중요하다.
**사람들은 그럴 듯해 보이는 제일 첫 번째 내용을 선택한다.
**많은 방문자가 사이트 안으로 바로 들어온다.

*문서가 아닌 정보를 만들어라
**긴 문서 자르기
**한 페이지에 얼마나 많은 정보를 넣을지 결정하기
**PDF - 필요할까 아닐까

UX 모임 2018-08-13

2018-08-12T01:31:47Z

Pinocchio:

'''[[UX 모임]]'''
==현규==
*메인페이지의 5가지 기능
**사이트의 성격 규명, 브랜드 인지
**사이트의 톤과 개성 심기
**이 사이트가 어떤 곳인지 감을 잡게 함
**사람들이 주요 과제를 즉시 시작할 수 있게 함
**효율적으로 사람들을 옳은 길로 안내

*중간페이지의 8가지 기능
**사이트 방문자는 사냥중이다. 중간 페이지는 목적지에 가기 전 거쳐가는 곳일뿐이다.
**사람들은 사냥 중에 많이 읽고 싶어하지 않는다.
**중간 페이지는 목차와 같다.
**짧은 설명이 도움되기도 한다.
**중간 페이지에서는 마케팅이 간과되어도 좋다.
**클릭을 몇 번 하는가보다 얼마나 부드럽게 이어지는지가 더 중요하다.
**사람들은 그럴 듯해 보이는 제일 첫 번째 내용을 선택한다.
**많은 방문자가 사이트 안으로 바로 들어온다.

*문서가 아닌 정보를 만들어라
**긴 문서 자르기
**한 페이지에 얼마나 많은 정보를 넣을지 결정하기
**PDF - 필요할까 아닐까

UX 모임 2018-08-13

2018-08-12T01:31:21Z

Pinocchio:

'''[[UX 모임]]'''
''현규''
*메인페이지의 5가지 기능
**사이트의 성격 규명, 브랜드 인지
**사이트의 톤과 개성 심기
**이 사이트가 어떤 곳인지 감을 잡게 함
**사람들이 주요 과제를 즉시 시작할 수 있게 함
**효율적으로 사람들을 옳은 길로 안내

*중간페이지의 8가지 기능
**사이트 방문자는 사냥중이다. 중간 페이지는 목적지에 가기 전 거쳐가는 곳일뿐이다.
**사람들은 사냥 중에 많이 읽고 싶어하지 않는다.
**중간 페이지는 목차와 같다.
**짧은 설명이 도움되기도 한다.
**중간 페이지에서는 마케팅이 간과되어도 좋다.
**클릭을 몇 번 하는가보다 얼마나 부드럽게 이어지는지가 더 중요하다.
**사람들은 그럴 듯해 보이는 제일 첫 번째 내용을 선택한다.
**많은 방문자가 사이트 안으로 바로 들어온다.

*문서가 아닌 정보를 만들어라
**긴 문서 자르기
**한 페이지에 얼마나 많은 정보를 넣을지 결정하기
**PDF - 필요할까 아닐까

UX 모임 2018-08-13

2018-08-12T01:31:01Z

Pinocchio:

'''[[UX 모임]]'''
*메인페이지의 5가지 기능
**사이트의 성격 규명, 브랜드 인지
**사이트의 톤과 개성 심기
**이 사이트가 어떤 곳인지 감을 잡게 함
**사람들이 주요 과제를 즉시 시작할 수 있게 함
**효율적으로 사람들을 옳은 길로 안내

*중간페이지의 8가지 기능
**사이트 방문자는 사냥중이다. 중간 페이지는 목적지에 가기 전 거쳐가는 곳일뿐이다.
**사람들은 사냥 중에 많이 읽고 싶어하지 않는다.
**중간 페이지는 목차와 같다.
**짧은 설명이 도움되기도 한다.
**중간 페이지에서는 마케팅이 간과되어도 좋다.
**클릭을 몇 번 하는가보다 얼마나 부드럽게 이어지는지가 더 중요하다.
**사람들은 그럴 듯해 보이는 제일 첫 번째 내용을 선택한다.
**많은 방문자가 사이트 안으로 바로 들어온다.

*문서가 아닌 정보를 만들어라
**긴 문서 자르기
**한 페이지에 얼마나 많은 정보를 넣을지 결정하기
**PDF - 필요할까 아닐까

UX 모임: 메인

2018-07-27T01:15:28Z

Pinocchio: /* 현규 */

<center>'''A collaborative exploration of ideas and solutions with [[User:Pinnochio|김현규]] & [[User:Seonae|조선애]]'''</center>

==Meetings==

===2018년 7월 9일===
What are we interested in? What problems do we want to solve? What do we know so far?

====배경 Background====
*우리가 하고자 하는 DH 연구, 만들고 있는 DH 콘텐츠는 누구를 위한 것인가?
*우리가 지금까지 만든 콘텐츠는 사용자의 입장에서 불편한 점이 있는데 이 점들이 정확히 무엇인지?
*이론을 우리가 하는 연구에 어떻게 실시할 수 있는가?
*우리가 교수김께, 후배들한테 좋고 나쁜 UX이 무엇인지 설명할 실력이 필요하다.
**교제와 사례를 많이 알고 있어야 한다

====파악 하고자 하는 키워드 Keywords to better understand====
*user experience
*user interface
*design thinking
*human-computer interaction
*human centered design

====장기 할 것 To do long-term====
*이론 배우기
** 문제점을 볼 수 있는 능력 키우기 위해
*사례 살펴보기
** 연습, 인스피레이션
*우리가 만든 콘텐츠 평가하기
*개선 방안 제시
*개선 방안 실시

====단기 할 것 To do short-term====
*기본 교재를 정리하기
**우리가 무엇을 중심으로 공부할지에 대해 이해하기 위해서
*우리가 원하는 이 모임의 결과에 대해 고려하기
**우리의 목표 재정리

==Readings==

===린지===

====Websites & Articles====
*[https://medium.com/tag/ux Medium.com UX Tag]
*[https://www.interaction-design.org/literature/topics/ux-design User Experience (UX) Design / The Interaction Design Foundation]
*[https://blog.marvelapp.com/ Marvel App]
**[https://blog.marvelapp.com/introduction-user-experience-design/ An Introduction to User Experience Design]
**[https://blog.marvelapp.com/design-principles-help-shape-best-user-experience/ Design Principles That Help You]]
*[https://uxdesign.cc/ UX Collective]
**[https://uxdesign.cc/ux-design-methods-deliverables-657f54ce3c7d UX Design Methods & Deliverables]
**[https://uxdesign.cc/ux-sites-and-blogs-780a304766ee UX Sites and Blogs]
**[https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94 Designing for accessibility is not that hard / Pablo Stanley]
**[https://uxdesign.cc/solving-design-problems-finding-ux-tools-methods-activities-51140251a2a5 Solving design problems: finding UX tools, methods, and activities / Stéphanie Walter]
**[https://uxdesign.cc/how-to-develop-an-eye-for-design-c5a4c64bb26c How to develop an eye for Design / Kathleen Warner]
*[https://blog.prototypr.io/ Prototypr]
**[https://blog.prototypr.io/what-makes-ux-design-your-passion-31a6fcf0da4f What Makes UX Design Your Passion? / Saadia Minhas]
*[https://blog.nicolesaidy.com/7-steps-to-become-a-ui-ux-designer-8beed7639a95 7 steps to become a UI/UX designer / Nicole Saidy]
*[https://uxmastery.com/ UX Mastery]
**[https://uxmastery.com/how-to-run-an-heuristic-evaluation/ How to run an heuristic evaluation]
*[http://www.ux-lady.com/ UX Lady]
**[http://www.ux-lady.com/introduction-to-user-personas/ Introduction to User Personas]
*[https://uxplanet.org/ UX Planet]
**[https://uxplanet.org/7-basic-design-principles-we-forget-about-8f5c15d4b527 7 Basic Design Principles We Forget About / Eugen Eşanu]
**[https://uxplanet.org/10-small-design-mistakes-we-still-make-1cd5f60bc708 10 Small Design Mistakes We Still Make / Eugen Eşanu]
*[https://www.smashingmagazine.com/ Smashing Magazine]
**[https://www.smashingmagazine.com/2012/01/stop-designing-pages-start-designing-flows/ Stop Designing Pages And Start Designing User Flows / Morgan Brown]
*[https://m.signalvnoise.com/ Signal v. Noise]
**[https://signalvnoise.com/posts/1926-a-shorthand-for-designing-ui-flows A shorthand for designing UI flows / Signal v. Noise]
*[https://www.ideo.com/ Ideo]
**[http://www.designkit.org/ Design Kit]
**[https://oi2-openideo-rwd-prod.s3.amazonaws.com/generic_file/6d21258d-f1e2-4611-8ad3-d2b040401cac.pdf?utm_medium=social&utm_source=twitter&utm_campaign=impact+report+pdf Open Reflections / OpenIdeo]

====Courses====
*[https://www.coursera.org/courses?languages=en&query=ux+design Coursera (대부분 유료)]
*[https://www.lynda.com/search?q=UX Lynda.com (유료)]
*[https://www.edx.org/course?search_query=UX edX (무료 & 유료)]
**[https://www.edx.org/course/design-thinking-advanced-topics Design Thinking: UX and Advanced Topics / Microsoft]

====Books====
*UX 디자인 : 제품과 서비스, 기획부터 개발까지
*사용자 경험을 창조하는 UX/UI 디자인
*IDEO 인간중심 디자인툴킷 (책은 유료, PDF는 무료)
*버려지는 디자인, 통과되는 디자인

===현규===
웹사이트
*[https://designshack.net/ design shack] - 디자인에 관한 다양한 정보, 기사들과 함께 많은 예시가 수록되어있는 사이트
*[http://www.lovelyui.com/ lovelyui] - 좋은 ui패턴들을 수록. 모바일 중심
*[http://uxdesignweekly.com/ uxdesignweekly] - ux design 관련 다양한 기사들 수록.
*[https://www.designspiration.net/ designinspiration] - 디자인 영감을 얻기위한 사이트
*[https://www.webdesignerdepot.com/ webdesignerdepot] - 디자인 관련 트렌드와 사례 수록

책
*[http://www.yes24.com/24/Goods/30468592?Acode=101 디자이너가 아닌 사람들을 위한 디자인북] - 디자인의 A to Z를 알려주는 책. 디자인 기본서.

===선애===

====Books====
살펴본거
*[http://www.yes24.com/24/goods/4522066?scode=032&OzSrank=1 『UX DESIGN』, 노주환 저, 멘토르] : 간단한 개념위주 소개, 사례부족
*[http://www.yes24.com/24/goods/5929794?scode=032&OzSrank=1 『콘텐츠 ux디자인』, 재니스 레디쉬 저, 위키북스] : 웹콘텐츠를 생산하고 디스플레이하는 방식에 대한내용, 간단하고 사례많음
*[http://www.yes24.com/24/goods/15679476?scode=032&OzSrank=1 『좋아 보이는 것들의 비밀, UX 디자인』, 김경홍 저, 길벗] : 디자인이 예쁘고 사례도 풍부하며 ux에관한 전반적인 이론인 듯(my pick)
못살펴봤지만 괜찮아 보이는거
*[https://www.amazon.com/Communicating-User-Experience-Practical-Documentation/dp/1119971101 『Communicating the User Experience』]
*[https://www.amazon.com/Designing-User-Interface-Human-Computer-Interaction/dp/0321537351 『Designing the User Interface』]
*[http://www.yes24.com/24/goods/6585853?scode=032&OzSrank=1 『Human Computer Interaction 개론』] : 저자가 HCI/UX분야 교수. 기본적인 원리와 구체적인 방법을 다룬다고 함.

====Videos&Courses====
*[https://www.coursera.org/specializations/interaction-design#faq-list Coursera 디자인강좌] : 세션별, 프로젝트, 영어, 8/6~가능

*[https://antony-conboy.teachable.com/p/ux-ui-design-fundamentals/?preview=logged_out UX hop] : UX 디자인에 관한 영상 보유
*[https://www.youtube.com/watch?v=I0-vBdh4sZ8&feature=youtu.be UX Design Tutorial for Beginners ] : 바로 위에거 강좌 1

*[https://www.youtube.com/watch?v=zW2QMA9F7ao&feature=youtu.be UX/UI 기획 기초 1강|T아카데미] : sk T아카데미의 ux/ui 강좌

*[https://www.youtube.com/watch?v=c18MmCzbBSI 3 UX Principles We Can Learn from Steve Jobs]
*[https://www.mluxacademy.com/ mluxacademy] : 바로 위에거 사이트

====Ariticles====
*[https://html.com/blog/23-scientific-website-eye-tracking-studies/ Eye-Tracking Studies: 23 Actionable Lessons]