https://docs.google.com/presentation/d/1Er_JmJCjoIkVabGxTX1W9_132eEs1X9Q0NpoOgxo6BM/edit?usp=sharing

 

 

구글 안경 시제품을 빨리 만들기 - 톰 치(Tom Chi)

유투브의 자막기능에서 한글을 선택하시면 한글자막과 함께 시청가능

 

IDEO 워크숍 파트 1: 관찰

파트 2: 합성

 

파트 3:

 


 

파트 4: 프로토타이핑 https://youtu.be/Rbjej4A6oRk

 









mobile. paper prototyping from Flavio Nazario on Vimeo.











http://airbnb.design/the-way-we-build/


The Way We Build  

How rethinking the Airbnb app changed the way we approach design

This process led us to the development of our new Design Language System (or DLS), as well as a suite of internal and third-party tools that allow our teams to not only work smarter, but also closer. The DLS is a collection of components defined by shared principles and patterns. This allows for rapid iteration using a shared vocabulary across design, engineering, and other disciplines. The structure of the DLS is simple and coherent, easing communication across teams.


Our newly-formed design tools team is tasked with creating an environment built on top of the foundation of the DLS. We now have deep integration with third-party tools, like Adobe Photoshop and Bohemian Coding’s Sketch, allowing designers to quickly access all components and even real data from within the tools they use daily.

2016년도 1학기 2주차 까지 진행되었던 관련 서적 써머리 모음입니다.


돈노만 씨리즈


생각이 있는 디자인 - 임다혜

 

생각있는디자인_임다혜.pdf

 






생각하게 하지마!

 

  


 


 


About Face 인터랙션 디자인의 본질 - 퍼소나, 시나리오

 

인터랙티브 미디어 2주차 과제 from 현 소

 



 댄세퍼의 혁신적인 사용자 경험을 위한 인터랙션 디자인

오래가는 UX 디자인

 

 


 전략적 UX 디자인으로 성장하라

인터랙 from 연주 김

 


스토리로 이해하는 UX디자이프로세스

 

 

스타워즈에서 미래 사용자를 예측하라 

 


 린 UX

1411187 leanux from 수빈 김

 

 

황희영

 

 

콘텐츠 UX 디자인

 

designing iphone user experience 박서희

다운로드 받아서.

http://blog.naver.com/asrht1228/220656168220


 

 

 

 

 

 

 

 

출처 : 기업 마케터가 본 페이스북 마케팅 부트캠프 후기

 

http://tomomo.tistory.com/179

 

페이스북 마케팅의 시작과 발전

리차드 심(페이스북 글로벌 프로덕트 마케팅 총괄)

 

이어진 페이스북 글로벌 프로덕트 마케팅 총괄 리차드 심씨의 파트에서는 페이스북 마케팅에 대한 이야기를 들을 수 있었습니다. 모바일의 성장, 개인화, 실명 로그인 이 3가지가 페이스북 마케팅을 극적으로 변화시켰다고 해요. 이것들로 인해 광고 타게팅이 가능해졌고, 개인이 누른 좋아요를 분석해 최적화된 광고 노출을 시킬 수 있으니까요. 구글 애드센스가 데스크탑 시대를 이끌었다면 이제 모바일 시대에는 페이스북 타게팅 광고가 주도한다는 거죠.

 

이 세가지가 페이스북 마케팅, 나아가 온라인 마케팅을 획기적으로 바꿨습니다.

 

이거야 뭐 당연한 얘기구요. 마케터들은 하루 10시간 이상 사용하는 분도 계시겠죠.

 

2014년 초부터 모바일이 웹을 앞서기 시작했네요.

 

TV를 보면서 휴대폰으로 뉴스 검색을 하는 멀티태스킹 시대입니다. 모바일이 다는 아니라는 거죠.

 

그리고 이제부터 주력할 동영상 서비스에 대해서도 빠뜨리지 않습니다.

 

광고 타게팅부터 실제 구매 전환에 이르기까지.. 소비자는 다양한 경로를 거칩니다.

 

 

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

다 아시는 내용이구요. 뭐, 지금도 중요하긴 하죠.

 

네이버가 고민하고 있는 문제이기도 하구요.

 

포털이라면 다들 공감하죠. 모바일 성장이 주요 원인입니다.

 

네 그렇습니다.

 

모바일 광고 성장은 스마트폰 보급 시기와 궤를 같이 하죠.

 

일방적인 광고가 아닌, 스토리를 가진 콘텐츠가 먹힌다.

 

왼쪽이 네이버 파워링크, 오른쪽이 페이스북 스폰서 광고입니다.

 

그리고 광고 노출은 사용자 패턴에 따라 다르게 타게팅된다. 페이스북의 강점이죠.

 

당연한 이야기구요.

 

페이스북이 먹으려고 하는 동영상 광고도 빼먹지 않고 언급합니다.

 

새로운 물결이죠. 채널이 바뀌고 있습니다.

 

잘 때도 옆에 두는 스마트폰. 그러니 모바일 광고에 힘쓰자는 얘기구요.

 

스마트폰, 데스크탑, 태블릿PC에 최적화된 광고를 하자는 말이구요.

 

채널이 없어지는 게 아니라 골고루 사용한다는 말이구요.

 

불특정 다수에게 흝뿌리지 말고, 페이스북으로 타게팅 광고 하라는 말이구요.

 

'우리는 타게팅이 가능해' '그만큼 강력해'

 

페이스북 회원가입 정보로 다양한 타게팅이 가능하다는 말이죠.

 

이래도 안 할거야? 타게팅 광고?

 

시대는 이미 바뀌었다. 우리가 대세다.

 

이렇게 충성도 높은 플랫폼 봤니?

방학때 해당학교 수업 수료 증명서를 따는게 향후 디자인 취업이나 진로에  도움이 되는...

 

HCI 디자인, 디자인 원리

https://www.udacity.com/course/intro-to-the-design-of-everyday-things--design101

 

디자인사고

https://iversity.org/en/courses/design-thinking-2nd-iteration?r=2548d


https://novoed.com/design-thinking-innovation-spring-2015

 

프로토타입 인터랙션 (UX 분야)

 

https://iversity.org/en/courses/prototyping-interaction?r=2548d

 

사용자경험 웹디자인

https://www.open2study.com/courses/user-experience-for-the-web

 

Intro to HTML and CSS

https://www.udacity.com/course/intro-to-html-and-css--ud304

패션에 쓰인 홀로그램과 프로젝션 기술

 

뉴 미디어와 비즈니스 : New Media + Biz _part IV : 엔터테인먼트의 뉴미디어 트렌드 분석 _column

http://aliceon.tistory.com/929

알렉산터 맥퀸의 케이트모스 홀로그램이 패션쪽에서 가장 유명합니다 아래는 어떻게 만들었는지 기사

http://www.creativereview.co.uk/cr-blog/2015/march/how-we-made-the-kate-moss-hologram

 

2011년 베이징에서 열린 버버리 패션쇼에서 쓰인 홀로그램도 유명하고요...

https://www.youtube.com/watch?v=9t5dCIuz2wY

 

위 영상처럼 사실 홀로그램과 미디어파사드라고 불리우는 거대 프로젝션도 함께 많이 쓰입니다.

미디어 파사드로 패션에 꽤 많이 쓰이고요.

 

시안이 높은 프로젝션을 이용하여  각광받기 시작한
4D cinema 분야.
The Official Ralph Lauren 4D Experience - New York

https://vimeo.com/16722030

메이킹영상

https://vimeo.com/16722548

센트럴파크 호수에 물뿌리고 영상만든것

https://youtu.be/ugBbTiBmZ2g

 

 

근데, 이게 기술이 중요한게 아니라 미적인 디자인적인 측면을 어떻게 살리느냐가 중요합니다.

아래에 보시면 위의 알렉산더 맥퀸의 패션쇼에서 선보였던 기술을 쓴회사인데요. 사실 기술력에 비해서 회사 사이트의 것들은 촌스럽죠.

회사 사이트에 들어가보니 홀로그램쪽을 좀더 특화했네요.

 

국내의 디스트릭트는 기술력은 해외것을 가져오고 대신 디자인기획하고 비쥬얼로 승부수를 띄워서 삼성전자 폰 마케팅을 시작으로 많이 발전했어요.

디스트릭트가 2008년도에 제가 쓴 글에 있는 dimensional studios 라는 곳에서 기술을 들여 온것으로 알고 있습니다.

강남에 디스트릭트 데모 전시장에서 직접 보았는데 정면에서 보면 거의 실제인지 아닌지를 알아보기 힘듭니다.

국내 업체 디스트릭트 영상

https://vimeo.com/user1366086/videos

http://www.dstrict.com/

 

패션쪽은 아닌데, 홀로그램으로 기념비 적인 영상이 있습니다.

사이버대학 피닉스 대학의 홀로그램 강연입니다.

유명한 교수들을 데려다가 홀로그램을 이용해서 영화처럼 촬영했습니다. 모션그래픽을 탁월하게 잘쓴 경우죠.

http://konves.com/Phoenix-Hologram-Lecture

니그로폰테 홀로그램 강연 영상 <-제가 가장 존경하는 교수 ^^

https://www.youtube.com/watch?v=o3YaShlbQ_o
https://www.youtube.com/watch?v=duaFcFdTFwE

메이킹필름

https://www.youtube.com/watch?v=vqdgJ88wOws

아래것은 게리하멜 교수의 영상으로 홀로그램은 없고 영상 모션그래픽만 이용

https://www.youtube.com/watch?v=K3-_IY66tpI

 

 

 

 

 

https://www.youtube.com/watch?v=2wZUTe70w1Y


The Fundamentals of User Experience 돈노먼
https://www.youtube.com/watch?v=O8zmUJqxrng


책 사이트

http://www.designinginteractions.com/

빌모그리지 인터렉션 디자인 스탠포드 강의 영상

https://www.youtube.com/watch?v=kVkQYvN4_HA

Designing Interactions 책 2장의 Bill Verplank 인터뷰 영상

http://www.designinginteractions.com/interviews/BillVerplank

빌모그리지의 현대카드 슈퍼토크

http://visualcommunication.tistory.com/547

도널드 노먼의 TED 강의(젤 아래에 있는것)

http://visualcommunication.tistory.com/878

Adobe 사의 인터렉션 디자인의 5가지 주요 요건

http://tv.adobe.com/watch/classroom-five-essential-principles-of-interaction-design/part-1-five-essential-principles-of-interaction-design/#eng/


Paul Adams: How to Design Social Experiences from Interaction Design Association on Vimeo.


Designing Interactions 책 사이트

http://www.designinginteractions.com/


Designing Interaction 책 2장의 Bill Verplank 인터뷰 영상

https://www.youtube.com/watch?v=C3rxCLhzmXY&list=PL82F5FF49B5628243

http://www.designinginteractions.com/interviews/BillVerplank


Bill Verplank 의 인터렉션디자인을 설명하기 위한 자료 

http://www.billverplank.com/Lecture/

 

 

빌모그리지의 현대카드 슈퍼토크

http://visualcommunication.tistory.com/547

 

도널드 노먼의 TED 강의(젤 아래에 있는것)

http://visualcommunication.tistory.com/878

 

 

 

Adobe 사의 인터렉션 디자인의 5가지 주요 요건

http://tv.adobe.com/watch/classroom-five-essential-principles-of-interaction-design/part-1-five-essential-principles-of-interaction-design/#eng/

아이디어 교환하여 그리기 워크샵 진행 



https://www.youtube.com/user/ideo


http://www.ideo.com/











0123456789101112131415161718



012345678


인터렉션 디자인 정의 강의 자료 

http://visualcommunication.tistory.com/512

비밀글.. 




UX 디자인 프로세스에 대한 개괄적인 부분을 설명했습니다. 

리서치 -> 아이디에이션 -> 프로토타이핑 -> 임플리멘테이션... 

사용자 경험에서 가장 중요한것은 사용자가 누구인가, 이들의 욕구를 어떻게 만족시키는가 입니다. 


IA

GUI

UI

IxD

UED

UCD

UxD

UX

SD

DT

DT


위의 용어들이 제가 이분야에서 일하면서 시간순서에 따라 들어온 것을 나열해 본것입니다. 

어떤 용어들의 약자 이였는지 추측해 보세요. 


데이비드 캘리 강의 



돈노만  강의



오늘은 도널드 노먼과 인터렉션 디자인에 대해서 조사해 온것을 공유... 

정리된 내용은 여기에...

http://visualcommunication.tistory.com/878




KIDP의 윤성원님이 슬라이드 쉐어어 공유해 놓은 자료 입니다.

서비스디자인에 대한 배경, 정의, 예등을 보실수 있습니다.

 

 

추가로.. 최근에 업데이트된 슬라이드.

 

+ Recent posts