ssaem

★
- 인간공학 - 인간과 컴퓨터의 상호작용(HCI)
- 인터랙티브 디자인(인터랙션 디자인) - 인터페이스 디자인
- 시각 디자인 - 인지과학 - 정보설계 - 유비쿼터스 컴퓨팅
- 미디어 아트 - 기술 경영 - UI 개발(웹 서비스 개발)
- 사용성 테스트 - E-비지니스 - 프로세스 공학
- 문화인류학(제품와 관련된) - 제품 디자인
- 디지털 마케팅 - 브랜드 디자인 - 제품 개발 방법론


0) UX 일반 / 프로세스
UXFactory - 황리건, 김세중, 고태호, 이재명 팀블로그 http://uxfactory.com
user experience- 전 NHN UX랩 이지현님  http://uxfactory.com
애자일 이야기- 애자일 컨설팅 김창준님  http://agile.egloos.com/
strangesystems - 바이널 박남호님  http://www.strangesystems.com/
uxlog.net - UX팀블로그 진영규님  http://www.uxlog.net/
연세대학교 HCI Lab Blog  http://hci.yonsei.ac.kr/blog.html
VibeOn :: 바이브온  http://blog.naver.com/ssoowoo
...

1) 사용자 연구 / 사용성 분석
낯설지않은엘렌스토리   http://lnstory.com/tc
uxcosmos - 야후 코리아 suny님 http://uxcosmos.tistory.com/
SSIMZ DESIGN http://blog.naver.com/ssim98
Empathic notes_UX - NHN 박찬표님(new) http://blog.naver.com/dakitani
...

2) 서비스 기획 / UI 디자인
람람의 천일야화 - NHN 이람님 http://lnstory.com/tc
David & Danny's Column  http://uxcosmos.tistory.com/
dobiho on HCI - 야후코리아 최영완님 http://dobiho.com/
Interaction - ? http://interaction.tistory.com/
Designing Interface: patterns - 김소영님 http://blog.naver.com/ououmomo
라이프로그 - 오픈마루 장기형님(new) http://jfactory.tistory.com/
...

3) 그래픽 디자인 / 모션그래픽
iMG75 BLOG - 바이널 정진호님(new)  http://img75.tistory.com/
simple's blog - 위자드웍스 심플님 http://simple.pe.kr/tt/
재미있는 재임스- NHN 김성훈님 http://blog.naver.com/favedesign
...

4) RIA / 정보 시각화
땡굴이 Blog -코발트식스티 강성규님 http://www.action-scripter.com/blog
『스카야마』인지부조화 - 서희만님 http://blog.naver.com/hihimani
If I Like It, Do It - 비짜르님 http://blog.bizarre07.com/
UX엔지니어 - 마이크로소프트 김영욱님 http://winkey.tistory.com/
준서아빠의 UX 이야기 - 마이크로소프트 김대우님  http://www.uxkorea.net/
공도소프트 - 공도소프트 공인석님
digitypo - 바이널 강슬기님 http://digitypo.com/blog
...

5) UI 개발 / 웹표준 & 웹접근성
blo9 - NHN UIT센터 양주일님 http://www.blo9.com/wp/
신승식의 다른 생각 - 웹접근성그룹 신승식님 http://gregshin.pe.kr/blog/
나라디자인 - NHN 웹표준팀 정찬명님 http://naradesign.net/wp/
Software with hani - 신승환님 http://www.talk-with-hani.com/
후니넷- 조훈님 http://hooney.net/
Blog of Hyeonseok - 신현석님(new) http://hyeonseok.com/
Resistan - 메가존 조현진 팀장(new) http://www.resistan.com/




-----------------------------------------------------------------------------------------------
쉽게 Web2.0 스타일의 디자인을 흉내낼 수 있도록 도와주는 재미있는 강좌.


* 요즘 유행하는 반사광(Glassy) 버튼 만들기.

Key: 반사광 이미지는 시각의 인식 능력을 이용한 그라데이션이 핵심이다.



* 애플의 디자인 프로세스


픽셀까지 완벽한 목업 (Pixel Perfect Mockups)
Lopp도 인정하듯, 상당히 많은 업무량과 시간을 필요로하지만,
"모든 모호성을 없애준다"라고 한다. 처음에는 시간을 많이 잡아먹지만,
나중에 실수를 고쳐야할 필요를 미연에 방지할 수 있다.

10 대 3 대 1
어떤 새로운 feature에 대하여도, 애플 디자이너는 10개의 완전히 다른 목업을 만든다.
다른 곳에서 종종하듯, "3개가 잘보이도록 7개를 만드는 것"이 아니라,
실제로 10개를 별다른 제약없이 만들 수 있도록 하고, 그리고 그 후에 3개로 줄인다.
몇 개월 동안 이 3개를 발전시킨 후에, 최종적으로 1개를 선택한다.

짝 디자인 미팅 (Paired Design Meetings)
매 주 팀들은 두 가지 종류의 미팅을 한다.
한 곳에서는 브레인스토밍_ 제약조건을 잊고 자유롭게 사고
Lopp이 말하기를 "미친 짓(go crazy)"을 한다고.
그리고나서는 생산 미팅(production meeting)
앞의 자유로운 미팅과는 대조적이다.
'미친' 아이디어 중 무엇이 제대로 작동할지를 알아내야한다.
이 과정과 조직은 어떤 종류의 애플리케이션에 대하여도 진행되며,
진척의 정도에 따라 균형이 움직여간다고 한다.
하지만, 심지어 뒤 늦은 단계에 이르기까지 크리에이티브한
선택권을 열어두는 것은 꽤 스마트한 일이다.

포니 미팅 (Pony Meeting)
시니어 매니저가 새로운 애플리케이션에서 원하는 것을 설명하는 과정에서:
"나는 WYSIWYG을 원해요... 나는 모든 주요 브라우저를 지원하기를 바래요...
나는 회사의 철학을 반영하기를 바래요." 등을 요구하는데,
Lopp은 이를 "나도 말(pony)을 사줘!"라고 부른다.
그는 계속해서: "누가 안원하겠어요? 말은 아름답죠!"라고 하지만,
문제는 이 사람들은 자신이 원한다고 생각하는 것들을 설명하고 있다는 것이다.
그들이 심지어 틀렸다고하더라도, 그들이 체크(펀딩)를 쓰기 때문에 무시할 수 없다고 한다.

그래서 해결책은, 앞에서 설명한 짝 디자인 미팅에서 나온 최고의 결과물들을 가지고,
담당 리더들에게 보여주고, 그러면 이 리더들은 이 아이디어 중 일부가 자신이 오랫동안
염원해온 말이라고 한다는 것이다. 이렇게 함으로써, 말들은 실제 산출물로 변신하게 되며,
디자이너들이 무슨 생각을 하고 있는지 궁금해하는 C-일행(註:ceo, cmo, etc.)들도 함께
동참할 수 있게 된다. 이렇게 함으로써, 나중에 큰 실수가 나오는 것을 막을 수 있다고..




* 타이포그래피 (Typography)

1. 비율 (proportion, grid, spacing, layout & composition)
2. 타이포그래피 (typography)
3. 이미지 (illustration, icon, metaphors, graphic elements & backgrounds)
4. 색상 (color combination - harmony & emphasis)

여기에서 UI/UX의 영역으로 가면서 전체적인 흐름(flow: eye-movement, affordance, scenario 등)이 가미
물리적인 제품으로 오면 크기, 무게(실질 무게, 체감 무게, 무게 중심 등), 재질/소재, tactile 피드백 등 추가