UX 디자이너를 위한 공부 자료 총정리!

Posted 2010/04/09 19:05, Filed under: HCI&UX
UX 서적 UX 테마 서재

UX 기본
- 상식이 통하는 웹사이트가 성공한다. / Don’t Make Me Think by Steve Krug

디자인 사고
- 이모셔널 디자인 / Emotional Design: Why We Love (or Hate) Everyday Things by Don Norman
- 정신병원을 뛰쳐나온 디자인 / The Inmates Are Running the Asylum by Alan Cooper

전략
- 사용자 경험에 미쳐라 / Subject To Change by Peter Merholz, Todd Wilkens, Brandon Schauer, and David Verba

프로세스
- 경험 디자인의 요소 / The Elements of User Experience by Jesse James Garrett
- UX 디자인 프로젝트 가이드 / A Project Guide to UX Design by Russ Unger and Carolyn Chandler

원칙
- 소셜웹기획 / Designing for the Social Web by Joshua Porter
- 인터페이스 디자인 94가지 패턴 / Designing Interfaces by Jenifer Tidwell
- 효율적인 웹사이트 구축을 위한 인포메이션 아키텍쳐 / Information Architecture for the World Wide Web (the Polar Bear book) by Louis Rosenfeld and Peter Morville
- 사용자 경험 최적화를 위한 웹 네비게이션 설계 원칙 / Designing Web Navigation by James Kalbach
- 웹폼디자인 / Web Form Design by Luke Wroblewski

문서화
- UX디자인 커뮤니케이션 : 성공적인 UX전략과 산출물을 위한 노하우 / Communicating Design by Dan Brown

UX 블로그 OPML

uxlog.net
VibeOn :: 바이브온
dobiho on HCI

Interaction

uxcosmos

blo9

User Experience Design

tennygood_fxlab

Intellectual Wanderlust

 
야후 코리아 조선영님의 친절한 공부 자료들
다키타니님의 주니어를 위한 UX 시리즈

스터디 그룹/커뮤니티
UI Study
한국 HCI 연구회
UX Pedia/UX Recipe
익스프레션 스튜디오

UX 트위터, 미투데이

uxfactory(트위터, 미투데이)
UX디자인 트위터 리스트

출처 : http://uxfactory.com/699
2010/04/09 19:05 2010/04/09 19:05

Please leave a comment.

요즘 받고 있는 UX디자인 교육에서 한 팀원이 소개해준 서적이다.
출간이 된지는 2년정도 되었는데..
사용자관점에서 어떻게 보아야 할지를 알려주는 책이다.



사용자 스토리 - 고객 중심의 요구사항 기법, 애자일(agile) 시리즈 01
원제 User Stories Applied : for Agile Software Development (2004)


----- 목차 --------
1부 시작하기
1장 개요
2장 스토리 작성하기
3장 사용자 역할 모델링
4장 스토리 수집하기
5장 대리 사용자와 일하기
6장 사용자 스토리 인수 테스트
7장 좋은 스토리를 위한 지침

2부 추정과 계획
8장 사용자 스토리 추정
9장 릴리즈 계획
10장 이터레이션 계획
11장 속도 측정 및 모니터링

3부 자주 논의하는 주제
12장 스토리가 아닌 것
13장 왜 사용자 스토리인가?
14장 스토리 냄새 카탈로그
15장 스크럼에서 사용자 스토리 사용하기
16장 그 밖의 주제

4부 예제
17장 사용자 역할
18장 스토리 작성
19장 스토리 추정
20장 릴리즈 계획
21장 인수 테스트

5부 부록
부록 A 익스트림 프로그래밍의 개요
부록 B 연습문제 해답

2008/07/23 13:36 2008/07/23 13:36

Please leave a comment.

Usability 스터디

Posted 2008/03/27 10:17, Filed under: HCI&UX

book."Human Computer Interaction 개론"


4월1일(화) 1강 스터디
- 사용자에게 시스템의 현재 상태를 시각화하여 보여준다
- 현실 세계와 부합되도록 시스템을 설계한다

4월8일(화) 2강 스터디
- 사용자에게 적절한 통제권을 부여한다
- 일관성을 표준성을 높인다

4월15일(화) 3강 스터디
- 사용자의 실수를 미연에 방지할 수 있도록 설계한다
- 사용자가 적은 인지적 노력으로 시스템을 사용할 수 있게 한다

4월22일(화) 4강 스터디
- 사용자가 시스템을 유연하게 사용할 수 있도록 한다
- 심미적이고 간결한 시스템을 제공한다

4월29일(화) 5강 스터디
- 에러 발생시 사용자 스스로 문제를 파악하고 수정할 수 있도록 설계한다
- 사용자에게 충분한 도움말을 제공한다

2008/03/27 10:17 2008/03/27 10:17

Please leave a comment.

디자인 불변의 법칙 100가지

Posted 2008/03/20 10:31, Filed under: Book/WEB


윌리엄 리드웰, 질 버틀러, 크리티나 홀덴 (지은이), 방수원 (옮긴이) | 고려문화사
정가 25,000

hci연구회 스터디 책선정

목차------------------------->
80/20 법칙
접근성
선행 조직자
심미적-사용성 효과
행위 유발
정렬
원형
매력의 편향
동안(童顔)의 편향
의미덩이 만들기
고전적 조건화
폐쇄성
인지 부조화

공동 운명
비교
확인
일관성
항상성
제약
컨트롤
수렴
비용 편익
방어 공간
정보처리의 깊이
개발 주기
시작점
오류
기대 효과
노출 효과
얼굴주의 비(比)
안전계수
피드백 고리
피보나치 수열
전경과 배경의 관계
Fitts의 법칙
다섯 개의 모자 걸이
유연성-사용성 보상관계
포용성
형태는 기능을 따른다
프레이밍
쓰레기를 넣으면 쓰레기가 나온다
황금비
올바른 연속성
구텐베르크 다이어그램
Hick의 법칙
계층
욕구 단계
하이라이팅
도상적 표현
몰입
간섭 효과
역 피라미드
반복
프래그난쯔의 법칙
레이어링
가독성
수명주기
매핑
심성 모델
모방
기억술(術)
모듈 방식
가장 평균적인 얼굴 모양 효과
정규 분포
오컴의 면도날
조작적 조건화
방위 측정 감도
실행 부담감
효율 대 선호
그림 우월성 효과
단계적 정보 공개
조망과 은폐
시제품화하기
근접성
이독성(易讀性)
회상이 아닌 인식
리던던시
삼등분의 법칙
최소 만족화
사바나 선호
확대/축소상의 착오
자기 유사성
순차적 위치 효과
행동 형성
신호대잡음비
유사성
스토리텔링
구조적 형태
대칭
위협의 감지
3차원적인 투사
위에서 아래로 비추는 조명에 대한 선입견
불확정성의 원리
균일한 연결성
가시성
폰 레스토프 효과
허리 둘레와 엉덩이 둘레의 비율
길찾기
가장 약한 연결
2008/03/20 10:31 2008/03/20 10:31

Please leave a comment.

중앙일보씨앤씨 김경숙·김미례 사우’

지난 13일부터 15일까지 강원도 휘닉스파크에서 HCI2008 학술대회가 열렸다. 올해로 17회를 맞은 이번 학술대회에서 중앙일보씨앤씨 사우들이 큰 주목을 받으며 화제가 됐다.
김경숙 과장은 6시그마 방법론을 적용한 ‘디자인 DB구축’에 대한 사례발표로 주목을 끌었다. 참석자들은 특히 6시그마 방법론과 HCI 방법론을 접목한 이 프로젝트를 단기간에 성공적으로 수행한 것에 놀라움을 표했다. 온라인 운영팀 김미례 사우는 얼마 전 개편을 마친 조인스닷컴의 예를 들며 ‘UV와 PV를 높이기 위한 정보구조 분석’에 대한 포스터 발표로 큰 관심을 모았다. 김 사우는 “많은 기업과 연구소의 대표들이 참가한 가운데 중앙일보씨앤씨의 이름을 홍보하고 HCI가 웹이라는 매체(조인스를 중심으로)에서 어떻게 연구되고 적용되었는지를 보여줄 수 있어서 더욱 뿌듯했다”며 참가소감을 밝혔다. 이들은 지난해 11월부터 HCI2008 학술위원회의 철저한 온라인 심사과정을 거쳐 이번 학술대회 발표자로 선정됐다.
HCI:Human Computer Interaction의 약자로 인간과 컴퓨터의 상호 작용을 뜻한다.
박효진·중앙일보씨앤씨


http://sabo.joongang.co.kr/article.asp?arid=7196

2008/02/25 16:16 2008/02/25 16:16

Please leave a comment.

HCI 학술대회2008

Posted 2007/12/27 09:31, Filed under: Exhibition
hci2008 학술대회
2008.02.13 PM13:00
2007/12/27 09:31 2007/12/27 09:31

Please leave a comment.

[HCI]스터디 모임원들

Posted 2007/07/25 10:48, Filed under: Dairy/MY Dairy~


지난해 9월부터 아주 열심히 참석하지는 못했지만
사회생활하면서 공부라는 단어를 옆에 끼고 지낼수 있어 행복할수 있었던 모임

지금은 벌써 1,2,3차를 거치고 있는 스터디 모임이다.
아주 열심히 사는 사람들
그래서 나도 더 열심히 살고픈 사람.
2007/07/25 10:48 2007/07/25 10:48

Please leave a comment.

마이너리티 리포트 (Minority Report)

미래를 엿볼수 있는 영화

영화 마이너리티 리포트의 주무대인 워싱턴 D.C.의 2054년 모습을 그리기 위해 스티븐 스필버그 감독을 비롯한 제작진은 1999년 4월, Think Tank를 구성했다고 한다. 이 Think Tank 내에서 제작진과 저명한‘미래학자’들이 도시 경관에서부터 미래 무기에 이르는 다양한 주제에 대해 머리를 맞대고 연구하여 철저한 과학적 지식에 근거한 영화 제작을 시도한 것이다.

영화 속의 시간적 배경은 2054년으로 설정되어 있지만, 영화 속 미래 사회의 모습은 현재 개발이 진행 중인 과학기술상의 지식을 토대로 하여 그려지고 있다. 예를 들면 영화의 주요한 기술적 배경이 되고 있는 e-Paper(Electronic Paper), 3D 디스플레이 등 차세대 디스플레이 기술, 생체인식 기술, 지능형 교통시스템(ITS : Intelligent Transport System) 기술 등은 현재에도 활발한 연구활동이 이루어지고 있다.

영화에 등장하는 다음 기술들에 유의하며 영화를 감상하도록 하자.

1. 미래 기술 관점

1) 미래의 컴퓨터

수사관인 존 앤더튼(톰 크루즈 분)은 유리(Glass) 컴퓨터, 유리 디스켓에 촉각 디스플레이 장갑(Haptic Glove)을 끼고 제스처로 파일들을 처리한다. 이때 장갑에서는 빛이 발광하는데, 아마도 발광다이오드의 촉각 장갑처럼 보인다. 이때의 빛은 바로 네트워킹으로 광자(Photon) 베이스의 빛을 이용한 네트워킹으로 발전할 가능성이 높다. 미래의 컴퓨터는 이처럼 현존의 LCD/PDP가 더욱 혁신을 거듭하여 (1) Liquid Metal 베이스의 유리 컴퓨터나 (2) 아니면 플라스틱 베이스의 FOELD, LEPD로 진화할 것으로 보인다.

2) e-Paper 기술

영화에서 주인공인 존이 당국의 추적을 피해 지하철 속으로 숨어 드는 장면이 나온다. 지하철 승객들 중 일부가 신문을 보고 있는데, 이 신문이 바로 e-Paper 기술이 상용화된 제품이다. 영화 장면을 유심히 살펴보면 신문의 내용이 실시간으로 전송되는 정보로 업데이트 되며 심지어는 동영상까지 나타난다. 이미 지명수배자가 된 주인공은 결국 신문을 통해 정체가 드러나 다시 도주할 수 밖에 없게 된다.

3) 멀티모달(Multimodal) HI(Human Interface)의 기술

이 영화에 등장하는 홍채인식(Iris Recognition, or Eye Scanning) 기술은 음성인식, 지문인식, 얼굴인식, 서명인식, 유전자인식 등의 기술과 비교해볼 때, 그리고 오감 중 인간의 시각이 의사결정에 87% 영향을 미친다는 사실을 고려해볼 때 과연 영화에서처럼 상용화되어 일반화 될 것인가? 유비쿼터스 환경의 중요한 부분을 차지하는 생체인식 기술의 혁신과 확산에 대해 생각해보자.

4) 생체 인식 시스템

영화 속의 주요 건물이나 거리, 지하철 역 등에는 홍채나 망막 등 인간의 안구로부터 정보를 추출해내는 생체 인식 시스템이 설치되어 개인정보를 분석해낸다. 또한 생체 인식 로봇은 돌아다니면서 시민들의 신원을 파악하기도 한다. 이러한 생체 인식 시스템은 범죄 용의자 색출은 물론 일대일 마케팅 등 상업적으로도 응용될 수 있다. 영화에서 주인공이 백화점을 지나갈 때 백화점 내에 설치되어 있는 생체 인식기가 주인공을 개별적으로 식별한 후 직접 이름을 호명하면서 일대일 광고를 내 보내는 장면이 나타나는데, 이것이 상업적 응용의 한 예가 될 수 있다. 생체 인식 시스템의 비즈니스 모델에의 응용에 대해 생각해 보자.

5). Wrist Watch

John 수사관의 Personal Solution의 핵심제품은 Wrist Watch 이다. 2003년 9월에 등장하는 Microsoft 사의 Wristwatch, 그리고 일본의 NTT DoCoMo와 Seiko가 2003년 5월 7일 출시한 Wristtomo가 대표적인데, Wristtomo는 2003년 7월 1일 현재 없어서 못 파는 제품이 되고 있다. 원래 1,000대 목표였으나 지금까지 3,850대가 팔렸고 따라서 올해 판매대수를 10,000대로 늘려 잡았다. 미래의 PDA가 이러한 마이크로 손목시계로 컨버징 된다면 우리는 이에 대해 어떻게 대비해야 하는가?

6) 유비쿼터스 혁명(Ubiquitous Revolution)

Minority Report에 등장하는 미래 전략 사업은 유비쿼터스 혁명(Ubiquitous Revolution)으로 요약할 수 있다. 미래의 u-교통, u-Telematics, u-도로, u-식물원, u-경찰, u-Wearable Computer 등이 등장하는데, 본과정의 학습과 연구를 통해 유비쿼터스 환경하의 미래 사업에는 어떠한 것들이 있는지, 그 요소 기술과 비즈니스 모델에 대해 생각해보자.

7) 최첨단의 지능형 교통시스템(ITS)

영화 속에서는 자기역학을 응용한 자동차가 마치 스파이더맨처럼 빌딩 벽을 오르내리고, 도로 상에는 자동차들이 매우 근접한 상태에서 빠른 속도로 달린다. 물론 자기역학을 응용한 미래형 자동차는 아직 먼 얘기가 될 수 있다. 그러나 차간 거리를 최소화한 상태에서 고속 주행이 가능하게끔 하는 시스템인 ITS는 상용화가 근접한 기술 중 하나이다. ITS에 관련된 기술과 비즈니스에 어떻게 접근할 것인가?

8) 미래의 무기-충격 음파총

주인공이 추격하는 경찰들에게 제압용 총을 쏘는 장면이 나온다. 이 총은 충격음파를 이용하는 것이다.주인공 존 앤더튼(톰 크루즈 분)은 인지자들이 자신을 미래 살인자로 지목하면서 동료들로부터 쫓기는 신세가 된다. 이 과정에서 미래의 경찰이 사용하는 총은 살상용이 아닌 제압용 충격 음파총이다. 자동차 조립공장에서 앤더튼은 이 총을 뺏어 추적하는 경찰들에게 쏜다. 그러자 이 충격음파에 맞은 경찰들은 두 팔을 벌린 채 뒤로 나가떨어진 후 정신을 못 차린다. 충격 음파총은 고강도 음탄(sonic bullet)을 발사해 비행기 납치범을 무력화할 목적으로 미국 캘리포니아에 위치한 아메리칸 테크놀로지스사에서 2001년부터 개발되고 있다. 이 무기는 비행기 기체와 창문을 파괴하지 않고 비행기 납치범에게 일시적으로 극심한 통증을 유발하며 방향감각을 잃게 한다. 국방이나 군사 관련 솔루션은 큰 시장이므로 어떠한 것이 있는지 생각해보자.

기타 홀로그램, 홀로그래픽, 인공지능 베이스의 로봇, 과학/군사용 생물체 로봇 등 기능적 감성, 감각적 감성, 사회적 감성, 문화적 감성을 창출해내는 미래의 기술들을 Minority Report에서 파악해보자.

그 밖에 잘 드러나지는 않지만 마이너리티 리포트가 그려내는 미래 사회는 차세대 초고속, 광대역 통신 인프라의 구축을 기반으로 하고 있다. 또 무선 네트워킹 기술이 활용되는 장면도 부분적으로 나타나는 등 차세대 정보통신기술의 상용화도 예견해내고 있다.

그 대표적인 인프라 기반이 그리드이다.
2. 브로드밴드 네트워크 인프라 관점

다음의 네트워크 인프라 관점의 질문에 대한 해답을 생각하며 영화를 보도록 하자.

1) 영화 마이너리티 리포트에서는 곳곳에서 그리드의 존재를 볼 수 있다. 이 때문에 주인공은 개별 맞춤형 광고의 홍수 속에서 살고 경찰이 워싱턴 D.C. 근처의 그물처럼 얽힌 자동화 고속도로에서도 주인공의 차를 찾아낸다. 가상의 세일즈 맨이 주인공 톰 크루즈를 스캔해 그가 최근 구매했던 옷과 어울릴만한 아이템을 추천해 주는 장면도 등장한다. 마이너리티 리포트에 등장하는 이러한 그리드와 매트릭스의 AI(인공지능)의 공통점은 무엇인가? 2054년의 마이너리티 리포트의 그리드가 2199년의 매트릭스로 진화할 수 있을 것인가?

2) 사물과 사람에 이식된 스마트 칩과 무선기술이 통합되면 모든 것이 변하게 될 것이다. 체내에 이식되는 바이오칩은 무선기술과 통합되면 모든 것이 변하게 될 것이다. 체내에 이식되는 바이오 칩은 그리드를 통해 심장박동 상태를 실시간으로 의사에게 보낼 수 있게 된다. 자동차 메이커는 고객의 차량에 장착된 스마트칩을 이용해 차와 고객의 운전습관까지도 추적할 수 있을 것이다. 고객의 자동차에 대한 디지털화된 정보가 그리드에도 저장돼 이를 통해 정비소는 엔진고장을 발견하고 경찰은 사용자의 과속여부를 확인할 수 있게 될 것이다.

영화 마이너리티 리포트에 등장하는 이러한 시대가 도래하면 빅 브러더에 대한 우려가 현실화 된다. 이것을 해결할 수 잇는 방법은 무엇인가?

3) 그리드는 시큐리티 관련 기술이 상당히 중요하다. 그러나 현재 개발되고 있는 생체인식 기술들은 영화 속에서 큰 허점을 보이기도 한다. 이 영화에서는 홍채인식 기술이 등장하는데 주인공 (톰 크루즈 분)은 그리드를 피하기 위해 암시장에서 안구 이식수술을 받는다, 또한 영화 가타카(GATTACA)에서는 타인의 혈액을 빌려 DNA칩에 의한 보안 검색을 교묘히 피하기도 한다. 현재 개발되고 있는 생체인식 기술의 장단점을 생각해보고 어떤 기술이 가장 효율적인지 생각해보자

4) 그리드가 도입되면 우리가 작동원리도 알지 못하고 전기를 사용하듯 컴퓨터의 기능은 전력 망처럼 눈에 보이지 않게 우리 삶의 일부로 자리잡을 것이다. 또한 컴퓨터의 기능은 그 어느 때보다 복잡해지고 끊임없이 쏟아지는 데이터는 엔지니어들이 감당할 수 없을 정도로 방대해질 것이다. 그러므로 그리드는 스스로 관리하고, 문제점을 진단하고, 보수하는 능력을 갖춰, 이상이 생길 때 우리에게 알려주고 고치는 방법까지 가르쳐 주어야 할 것이다.

이러한 관점에서 IBM이 추진하는 그리드 컴퓨팅과 ANS베이스의 Autonomic Computing에 대해 생각해보자.

5) 매트릭스가 VR(Virtual Reality)의 세계라면 마이너리티리포트는 R(Augmented Reality)의 세계이다. AR과 VR의 차이점은 무엇이며 우리가 추구하는 미래사업은 AR인가, 그렇지 않으면VR인가? AR라면 어떠한 세상을 그려볼 수 있으며 사업의 기회는 무엇인가?

기타 다음의 근본적인 의문에 대해서도 생각해보자.

3. 근본적인 의문

1) Minority Report 는 결국 시스템 에러이다. 시스템이지만 전적으로 인간의 능력에 의존한 시스템이다. 따라서 이 시스템 에러는 결국 Human Error를 의미하는가?

----------------------------------------------------------------------

제가 인터페이스와 HCI, 유비쿼터스 등에 관심을 갖게 한 결정적 요소중의 하나인

마이너리티 리포트..

출처>> http://hcistudy.telate.com/~91/

2007/04/03 14:33 2007/04/03 14:33

Please leave a comment.

  1  

Total: 218068 (Today: 10, Yesterday: 38)