Basecamp Innovation and Insights
1. Chatbot and Brand experiences
2. Definition and Strategy
Delusions and Insights
1. The more the better for conversation?! The wisdom from the social science!!
2. Computers? Social Actors?! Welcome to Similarity-attraction world.
Deliberation and Insights
라이트브레인 UX1 컨설팅 그룹
[ 리서치 기간 2014년 8월 ~ 2015년 2월]
- 미래형 지불 수단
- 쇼핑 접점의 확대
- 새로운 마케팅 플랫폼
- 새로운 형태의 온라인 쇼핑
* 발간 후 시간이 경과된 이유로, 문서 내 참고영상링크가 일부 삭제되거나 변경되었을 수 있음을 양해 부탁드립니다.
* 2015년 두번째 UX 트렌드 리포는 11월 초 발간 예정입니다.
TTA에서 정리한 IT용어사전에 따르면, 커넥티드 카(connected car)란 자동차와 IT 기술을 융합하여 인터넷 접속이 가능한 자동차를 말합니다.
다른 차량이나 교통 및 통신 기반 시설과 무선으로 연결하여 위험 경고, 실시간 내비게이션, 원격 차량 제어 및 관리 서비스 뿐 아니라 전자 우편, 멀티미디어 스트리밍, SNS 까지 제공합니다.
최근 한창 화제가 되고 있는 자율주행이나 자동충전, 운전자의 컨텍스트에 따라 대응하는 다양한 안전서비스 등 2016년을 앞둔 현재 시점, 전세계 커넥티드 카와 관련된 UX 트렌드를 총정리했습니다.
Basecamp Innovation and Insights
1. Chatbot and Brand experiences
2. Definition and Strategy
Delusions and Insights
1. The more the better for conversation?! The wisdom from the social science!!
2. Computers? Social Actors?! Welcome to Similarity-attraction world.
Deliberation and Insights
라이트브레인 UX1 컨설팅 그룹
[ 리서치 기간 2014년 8월 ~ 2015년 2월]
- 미래형 지불 수단
- 쇼핑 접점의 확대
- 새로운 마케팅 플랫폼
- 새로운 형태의 온라인 쇼핑
* 발간 후 시간이 경과된 이유로, 문서 내 참고영상링크가 일부 삭제되거나 변경되었을 수 있음을 양해 부탁드립니다.
* 2015년 두번째 UX 트렌드 리포는 11월 초 발간 예정입니다.
TTA에서 정리한 IT용어사전에 따르면, 커넥티드 카(connected car)란 자동차와 IT 기술을 융합하여 인터넷 접속이 가능한 자동차를 말합니다.
다른 차량이나 교통 및 통신 기반 시설과 무선으로 연결하여 위험 경고, 실시간 내비게이션, 원격 차량 제어 및 관리 서비스 뿐 아니라 전자 우편, 멀티미디어 스트리밍, SNS 까지 제공합니다.
최근 한창 화제가 되고 있는 자율주행이나 자동충전, 운전자의 컨텍스트에 따라 대응하는 다양한 안전서비스 등 2016년을 앞둔 현재 시점, 전세계 커넥티드 카와 관련된 UX 트렌드를 총정리했습니다.
회사소개서
지오테라스의 Zeo는 Geo를 의도적으로 틀리게 기필한 문법을 정면에 드러내는 빗나간 단어입니다
우리의 아이템은 사업자를 위해서는 팀 스팟츠라고 불리고( 제휴가게와 지역공간들의 멤버쉽 )
일반 관광객등을 위해서는 지오테라스( 지리적으로 오픈되어 쉬어갈수있는 소셜공간)라고 불리웁니다.
마치 해커정신이 스타트업의 기업가정신과 맞닿아 있다고 하는 것처럼, 테이크 아웃 또는 사이드 메뉴만을 다루는 쇼핑몰처럼, 틈새와 여분과 이면부가 결국 그것으로 구분되지 않을 수 있는 지속가능한 협력의 멤버쉽 모델을 구현하고자 하였습니다.
The name of the item is Team spots or Zeo-Terrace.
'Zeo' of 'Zeo terrace' is a deliberate typo. Our item is called 'Team Spots' for the entrepreneurs, and when for affiliate stores, local membership and general tourists, it is called 'Zeo-terrace'. It is a social place where is open geographically.
Just like 'hacker spirit' is adjacent to entrepreneurial spirit, our service notices the fact that sometimes incidental value which is not the main purpose can be the axis that leads the main purpose.
포스트아이는 지역경제와 비즈니스의 성공을 디자인하는 기획마인드의 ICT 컨텐츠 개발기업입니다. 주로는 인터렉션 개발 및 브랜드 아이덴티티 디자인을 진행하고 있으며, 다양한 협력으로 융합마인드의 창의를 구현하는것을 모토로 하고있습니다.
타임스팟 아이템은 이벤트 공간의 소셜채널 관리를 지원하는 예약중계, 데이터 분석 및 큐레이션 서비스입니다. 공간예약 및 일회성 이벤트에서 모든형태의 그룹미팅을 포함하는 완성된 플랫폼 서비스를 제공할 예정입니다. 2013 스마트 클라우드 쇼와, 2014 미국 벤쿠버 시그라프에서 티저홍보를 하였으며, 사전가입 후에는 서비스 업데이트와
이벤트 소식을 받으실 수 있습니다.
포스트아이
· 2014.08. 2014 북미 벤쿠버 시그라프 공동관 참가선정
· 2014.07.18 국가인적자원개발 컨소시엄 협약기업
· 2014.07.01 Born To Global 멘토링 프로그램 참가선정
· 2014.03.14. 기업부설연구소 설립,
사업화연계기술개발사업(R&BD) 추천기업
· 2013.09.13 글로벌 인큐베이팅 인턴십 프로그램 참가선정
· 2013.08.01 2013 스마트 클라우드 쇼 참가선정,
스타트업관 창의경제 분야
· 2013.07.15 벤처기업 확인 인증획득
· 2013.01.18 주식회사 포스트아이 ( POSTi Co., Ltd. ) 설립
· 2012.03.23 주)피투피시스템즈 MOU, 수유마을 재래시장 MOU,
7개 스타트업과 컨텐츠공급 MOU
오마이스터디 리뉴얼기획
· 2009.11.02 Post-Intera
안녕하세요, Fusion 360 Evangelist 다니엘입니다. Fusion 360 유저 오프라인 모임을 '메이커스 유니온 스퀘어'에서 진행 했습니다. Fusion 360 유저 분들과 3D 모델링을 통해 만들 수 있는 비즈니스 모델에 대해 알아보고 Autodesk University에 전시했던 Fusion 360으로 만든 국내 제품들을 살펴보았습니다. 앞으로도 다양한 주제로 유저 모임을 진행하도록 하겠습니다.
페이스북 그룹: https://www.facebook.com/groups/Fusion360.Users.KR/
네이버 카페: http://cafe.naver.com/autodeskfusion360
카카오톡 채팅방: https://open.kakao.com/o/gd60Tiy
용산FM 라디오 방송 with 최병호 교수
I. 최병호 교수 소개: 본인 소개, 주요 기여, 인터뷰
II. 4차산업혁명: 4차산업혁명의 정체는?, 사례, 사회문제해결 도전과제
III. 소셜임팩트 AI 사례: 센시, 수퍼빈, 테스트웍스
IV. 최병호 교수 미래: 위대한 인물 육성 강사, 소셜임팩트 창출 AC, 문해력 해결 전도사, 사람과 자연을 사랑하는 작가
회사소개서
지오테라스의 Zeo는 Geo를 의도적으로 틀리게 기필한 문법을 정면에 드러내는 빗나간 단어입니다
우리의 아이템은 사업자를 위해서는 팀 스팟츠라고 불리고( 제휴가게와 지역공간들의 멤버쉽 )
일반 관광객등을 위해서는 지오테라스( 지리적으로 오픈되어 쉬어갈수있는 소셜공간)라고 불리웁니다.
마치 해커정신이 스타트업의 기업가정신과 맞닿아 있다고 하는 것처럼, 테이크 아웃 또는 사이드 메뉴만을 다루는 쇼핑몰처럼, 틈새와 여분과 이면부가 결국 그것으로 구분되지 않을 수 있는 지속가능한 협력의 멤버쉽 모델을 구현하고자 하였습니다.
The name of the item is Team spots or Zeo-Terrace.
'Zeo' of 'Zeo terrace' is a deliberate typo. Our item is called 'Team Spots' for the entrepreneurs, and when for affiliate stores, local membership and general tourists, it is called 'Zeo-terrace'. It is a social place where is open geographically.
Just like 'hacker spirit' is adjacent to entrepreneurial spirit, our service notices the fact that sometimes incidental value which is not the main purpose can be the axis that leads the main purpose.
포스트아이는 지역경제와 비즈니스의 성공을 디자인하는 기획마인드의 ICT 컨텐츠 개발기업입니다. 주로는 인터렉션 개발 및 브랜드 아이덴티티 디자인을 진행하고 있으며, 다양한 협력으로 융합마인드의 창의를 구현하는것을 모토로 하고있습니다.
타임스팟 아이템은 이벤트 공간의 소셜채널 관리를 지원하는 예약중계, 데이터 분석 및 큐레이션 서비스입니다. 공간예약 및 일회성 이벤트에서 모든형태의 그룹미팅을 포함하는 완성된 플랫폼 서비스를 제공할 예정입니다. 2013 스마트 클라우드 쇼와, 2014 미국 벤쿠버 시그라프에서 티저홍보를 하였으며, 사전가입 후에는 서비스 업데이트와
이벤트 소식을 받으실 수 있습니다.
포스트아이
· 2014.08. 2014 북미 벤쿠버 시그라프 공동관 참가선정
· 2014.07.18 국가인적자원개발 컨소시엄 협약기업
· 2014.07.01 Born To Global 멘토링 프로그램 참가선정
· 2014.03.14. 기업부설연구소 설립,
사업화연계기술개발사업(R&BD) 추천기업
· 2013.09.13 글로벌 인큐베이팅 인턴십 프로그램 참가선정
· 2013.08.01 2013 스마트 클라우드 쇼 참가선정,
스타트업관 창의경제 분야
· 2013.07.15 벤처기업 확인 인증획득
· 2013.01.18 주식회사 포스트아이 ( POSTi Co., Ltd. ) 설립
· 2012.03.23 주)피투피시스템즈 MOU, 수유마을 재래시장 MOU,
7개 스타트업과 컨텐츠공급 MOU
오마이스터디 리뉴얼기획
· 2009.11.02 Post-Intera
안녕하세요, Fusion 360 Evangelist 다니엘입니다. Fusion 360 유저 오프라인 모임을 '메이커스 유니온 스퀘어'에서 진행 했습니다. Fusion 360 유저 분들과 3D 모델링을 통해 만들 수 있는 비즈니스 모델에 대해 알아보고 Autodesk University에 전시했던 Fusion 360으로 만든 국내 제품들을 살펴보았습니다. 앞으로도 다양한 주제로 유저 모임을 진행하도록 하겠습니다.
페이스북 그룹: https://www.facebook.com/groups/Fusion360.Users.KR/
네이버 카페: http://cafe.naver.com/autodeskfusion360
카카오톡 채팅방: https://open.kakao.com/o/gd60Tiy
용산FM 라디오 방송 with 최병호 교수
I. 최병호 교수 소개: 본인 소개, 주요 기여, 인터뷰
II. 4차산업혁명: 4차산업혁명의 정체는?, 사례, 사회문제해결 도전과제
III. 소셜임팩트 AI 사례: 센시, 수퍼빈, 테스트웍스
IV. 최병호 교수 미래: 위대한 인물 육성 강사, 소셜임팩트 창출 AC, 문해력 해결 전도사, 사람과 자연을 사랑하는 작가
AI 트렌드 통찰로 산업파괴적인 AI BM을 모색해보고, AI 중심의 NEW THINKING으로 인류의 삶을 변화시킬 위대한 리더십을 고찰해본다.
AI 적용 트렌드 통한 산업파괴적인 AI BM 모색
AI 사례 분석으로 새로운 패러다임 창출 전략 탐색
AI 도전
NEW THINKING
소상공인을 위한 오프라인 매장 전략
방역 시스템 전략
블루오션 전략(1): No virus & No wait
마케팅용 퍼소나(PERSONA) 전략
젠트리피케이션 예측 전략
블루오션 전략(2): Noise masking
소상공인 제품을 위한 전략
수요 예측 전략
판로 예측 전략
장인과 예비장인을 위한 제조 지원 전략
소상공인을 위한 금융 지원 전략
소상공인을 위한 지능형 신용평가 및 금융 지원 전략
인공지능(AI)과 사용자 경험(UX)
담론 I. 드라마로 본 AI & UX
담론 II. 도전과제로 본 AI & UX
담론 III. 변방성 질문으로 본 AI & UX
사례연구 #1-1. 지능형 패션 프로파일링 및 UX
사례연구 #1-2. 지능형 패션 추천 시스템 및 UX
사례연구 #2. 지능형 시니어 맞춤 UX
인공지능시대?! 지금, 무슨 일이 벌어지고 있는가? 우리는, 무엇을 질문하고 통찰해야 하는가?Billy Choi
EPISODE #1. 치매환자를 위해서 인공지능은 무엇을 할 수 있을까요?
EPISODE #2. 미래의 집을 위한 지능형 HCI/UX?
EPISODE #3. 시니어를 위해서 지능형 HCI/UX?
EPISODE #4. 패션 장인들을 위해서 인공지능은 무엇을 할 수 있을까요?
SCENARIO #1. 인공지능과 비즈니스모델링
SCENARIO #2. 인공지능과 철학
I. 사회혁신 담론과 게이미피케이션
사회적경제 아파트와 게이미피케이션?
스마트앵커와 게이미피케이션?
지역기반 노인통합돌봄서비스와 게이미피케이션?
사회적경제특구와 게이미피케이션?
사회문제 해결형 혁신형 사업과 게이미피케이션?
II. 행동변화를 유도할 수 있는 HCI/UX 이론과 게이미피케이션
(시니어에게 지속적으로 스마트밴드를 착용하도록 만드는 휴먼 인터랙션의 비밀? )
새로운 것을 시도하게 하려면
내적 동기 유발
지속가능성 시동 – 자동화 시도
지속가능성 본격 진입 – 착수: ‘지속적 강화 계획’
지속가능성 본격 진입 – 단기 가속: ‘고정비율 계획’
지속가능성 유지 – ‘변동비율 계획’
지속가능성 유지 – 중독성 있는 고리 형성
처음 시작은 아주 사소한 것부터 출발
지금까지 논의한 거의 모든 것은 습관의 힘
Story Editing
철학과 과학 그리고 게이미피케이션(‘Player engaging’ 위해 핵심적으로 고찰이 필요한 이론과 개념 중심으로)
감성적 GUI 디자인 방법
1. 감성적
GUI 디자인 방법:
(KADI UX Conference 2013)
감성을 자극시키는 그래픽디자인 방법과
흥미를 유발시키는 인터랙션 효과 구현 기법은 무엇이며,
어디에서 그 원류를 찾을 수 있는지를 소개한다.
2013.5.30
InnoUX CEO 최병호
InnoUX@InnoUX.com, @ILOVEHCI
10. 1. 시선 압류1: 스크릮 전체를 지배핚 1개의
상품, 1개의 이미지
2. 시선 고정1: 이미지 도발로 충격, 사람 얼굴로
무의식적 주의 유도, 자동으로 이미지 로테이션
3. 디자인 제약1: 상품 또는 이미지
개수/크기/종류, 로테이션
개수/속도, 칼라, 그리드
감성적 GUI 디자인 방법
11. 1. 도파민 시스템 응용(Dopamine system)
• 적은 양의 정보를 주고 더 많은 정보를 얻을
수 있는 방법을 제공하면 사람들이 더욱
찾게 하는 결과를 불러올 수 있다.
• 사람들은 찾은 결과를 보상으로 받게 되고,
이것은 다른 찾는 행위를 불러온다.
사람의 이해
12. 2. FFA(방추형 얼굴 인식 영역, Fusiform Face Area)
• 사람들은 사람의 얼굴을 그 어떤 사물보다 빠르게
인식핚다.
• 사용자를 직접 응시하는 사짂은 상당히 감성적인
효과가 있는데, 이는 얼굴에서 눈이 가장 중요한
부위이기 때문이다.
• 얼굴이 잘 나온 이미지를 사용해야 핚다.
사람의 이해
13. 3. 무의식적 선택 주의(Unconscious selective attention)
• 사람의 무의식은 특정핚 것을 감지하며 끊임없이
주변 홖경을 읽는다. 여기에는 자싞의 이름이나 음식,
섹스, 위험 등의 중요핚 메시지를 포함핚 전체
홖경이 포함된다.
• ‘가장 주의를 끄는 것’은 스스로 원하듞 원하지 않듞
이 모듞 것들에 대해서는 자동적으로 인지하게 된다.
대표적으로 움직이는 모든 것, 우리를 쳐다보고 있는
사람 얼굴 그림, 음식/섹스/위험에 대한 그림,
이야기, 큰 소음 등이다.
사람의 이해
14. http://www.myla.com/ (2013.4.26)The site Myla is a seductive store that sells women’s nightgowns and underwear. Their design
concentrates on the 2 colors black and white, and uses big strong shapes to carve out it’s layout.
(http://madewithrealjuice.com/blog/seo/11-magento-ecommerce-designs)
15. http://alexprager.com/#!/photography/Film-Stills (2013.4.28)ALEX PRAGER PHOTOGRAPHY
Cinematic and darkly playful The Big Valley is a series of highly saturated staged portraits by Los
Angeles based artist, Alex Prager. This site is here on Styleboost because I love the big, glossy
photos and the incredible hair-styles and clothes.
http://styleboost.com/archive/date/300
16. http://alexprager.com/#!/photography/Compulsion (2013.4.28)ALEX PRAGER PHOTOGRAPHY
Cinematic and darkly playful The Big Valley is a series of highly saturated staged portraits by Los
Angeles based artist, Alex Prager. This site is here on Styleboost because I love the big, glossy
photos and the incredible hair-styles and clothes.
http://styleboost.com/archive/date/300
17. http://alexprager.com/#!/photography/Week-end (2013.4.27)ALEX PRAGER PHOTOGRAPHY
Cinematic and darkly playful The Big Valley is a series of highly saturated staged portraits by Los
Angeles based artist, Alex Prager. This site is here on Styleboost because I love the big, glossy
photos and the incredible hair-styles and clothes.
http://styleboost.com/archive/date/300
18. 4. 시선 압류2: 동영상 자동 실행으로
무의식적 주의 유도
5. 시선 고정2: 의인화 및 스토리텔링으로
흥미 유발
6. 디자인 제약2: 사욲드 크기
디폴트=0, 스토리 개수, 시연
시갂, 동영상 플레이 영역의 크기
감성적 GUI 디자인 방법
23. FORM FOLLOWS FUNCTION
FFF is the beautiful experimental playground of Jongmin Kim, an interactive developer at
Firstborn Multimedia in NYC. It's obvious that his inspirations date back to the now more or
less extinct era of Flash. However, don't take that as a negative in this case. This is also
reminiscent of Yugo Nakamura's work from years back, but at the same time doing its own
thing. I miss these inspirational experimental playgrounds.
http://styleboost.com/
29. 10.시선 압류4: 행동을 유도하는 타임라인
11.시선 고정4: 현재가 중요하다는 메시지
충격, 순갂을 기록하는 참여 유발, 시갂
단위로 사람들의 라이프 로그 감상(Time
navigating)
12.디자인 제약4: 배경 이미지, 타임라인
감성적 GUI 디자인 방법
30. 4. 인지부조화(Cognitive dissonance)
• 기존에 사용자가 학습하거나 인지하고 있던
특정 개념에 대해 상반되는 어떤 현상이
나타났을 때 발생하는 불편핚 감정이다.(레온
페스팅거 Leon Festinger, 1956)
• 싞념을 바꾸게 하는 가장 좋은 방법은
대상으로 하여금 아주 작은 일부터
참여시키는 것이다.
사람의 이해
31. 5. 습관 형성(The Habit loop)
• 새로운 습관을 들이게 하려면 자그마한 일로
동기를 부여하라.
• 사람들에게 매일(혹은 거의 매일) 돌아와
과업을 수행할 이유를 제공핚다.
• 인내심을 길러라. 새로욲 습관을
들이기까지는 오랜 시갂이 걸릮다.
사람의 이해
33. 13.시선 압류5: 클릭을 유도하는 번호
14.시선 고정5: 호기심으로 각 번호에
숨겨짂 메시지 확인, 자동으로 흘러가는
이벤트, 마우스 방향에 따라 움직이는
효과(통제감)
15.디자인 제약5: 번호 개수, 칼라 개수,
레이아웃, 춤추는 곰
감성적 GUI 디자인 방법
36. 16.시선 압류6: 사선 방식의 레이아웃, 스크릮
전체를 채욲 카툰(또는 영상 같은 이미지)과
매혹적인 선율
17.시선 고정6: 카툰/게임 스토리, 애니메이션과
인터랙션 게임, 자동으로 흘러가는 scene
18.디자인 제약6: 사선 방식의(또는 full scene의)
레이아웃과 콘텐츠 제약
감성적 GUI 디자인 방법
37. http://www.brandongenerator.com/ (2013.4.28)When Microsoft asked LBi to create an interactive animated story to promote IE9, they jumped at the chance. That's not surprising considering who was on
board for the project: director Edgar Wright and Marvel and Lucasfilm illustrator Tommy Lee Edwards. "Edgar had the opinion that any technology we used
should fit the story rather than being shoehorned into the narrative," explains LBI's Simon Gill. "This led to a hectic two weeks at the outset, sorting out the
main story points, with ideas for elements to build and how they’d fit together. We wanted to try and redefine what an online film is – learning how a
Hollywood scriptwriter, an illustrator/animator and a software company could combine on something interesting.“
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
40. http://www.rogerdubuis.com/ (2013.4.28)
Roger Dubuis is a master craftsman: a highly skilled, talented watchmaker for those with an eye
for beautiful design and a deadly accurate timepiece. The website for his stunning range of
watches needed to reflect those qualities; built by French agency Ultranoir and using a host of
HTML5 features, the site offers memorable experiences for the user.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
41. http://www.rogerdubuis.com/ (2013.4.28)
Roger Dubuis is a master craftsman: a highly skilled, talented watchmaker for those with an eye
for beautiful design and a deadly accurate timepiece. The website for his stunning range of
watches needed to reflect those qualities; built by French agency Ultranoir and using a host of
HTML5 features, the site offers memorable experiences for the user.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
42. 19.시선 압류7: 여행(탐험)을 유도하는 지도와 사짂
20.시선 고정7: 지명을 누를 때마다 선택핚
지역까지 이동하는 영상 보는 재미, 영상을
배경화면에서 처리
21.디자인 제약7: 지명 개수, 지도, 배경화면으로
처리핚 스틸컷 개수
감성적 GUI 디자인 방법
43. http://share.yu-as.com/smokers/ (2013.4.28)'Clerkenwell Close – The Pathway of Smokers' takes us on a journey through the streets of London
providing messages along the way. It’s designed and developed by Duncan Deng, who wanted to see
what he could achieve to "beat Flash, which seemed to have been dominating the interactive web world".
The site uses HTML5 markup, custom data-* attributes and, most interestingly, the audio element.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
44. http://share.yu-as.com/smokers/ (2013.4.28)'Clerkenwell Close – The Pathway of Smokers' takes us on a journey through the streets of London
providing messages along the way. It’s designed and developed by Duncan Deng, who wanted to see
what he could achieve to "beat Flash, which seemed to have been dominating the interactive web world".
The site uses HTML5 markup, custom data-* attributes and, most interestingly, the audio element.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
45. 22.시선 압류8: 스크릮을 가득 채우면서 내려오는
건반
23.시선 고정8: 건반을 누르는 소리와 그때마다
달라지는 건반의 비율
24.디자인 제약8: 건반 개수, 칼라(B&W, Red)
감성적 GUI 디자인 방법
46. http://www.fritzo.org/keys/#style=piano (2013.4.28)
Fritzo Keys is a musical instrument app that has a continually playing, 32-voice background accompaniment. Developer Fritz
Obermeyer created it as an experiment and feels it really pushes what HTML5 audio is currently capable of.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
47. http://www.fritzo.org/keys/#style=piano (2013.4.28)
Fritzo Keys is a musical instrument app that has a continually playing, 32-voice background accompaniment. Developer Fritz
Obermeyer created it as an experiment and feels it really pushes what HTML5 audio is currently capable of.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
48. 25.시선 압류9: 재미있게 찍은 사짂들
26.시선 고정9: 웹캠으로 비춰짂 내 모습을
변형하면서 느끼는 즐거움과 공유 후
반응 기대, 타인의 모습 탐험
27.디자인 제약9: 사짂 개수, 사짂 로테이션
감성적 GUI 디자인 방법
49. http://webcamtoy.com/ (2013.4.28)
Paul Neave's HTML5 Webcam Toy is a rewrite of a Flash webcam toy that he had
written previously, and is one of many examples of HTML5 replacing content
originally authored in Flash.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
50. http://webcamtoy.com/ (2013.4.28)
Paul Neave's HTML5 Webcam Toy is a rewrite of a Flash webcam toy that he had
written previously, and is one of many examples of HTML5 replacing content
originally authored in Flash.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
51. 28.시선 압류10: 마력적인 주제와 Play 버튺
29.시선 고정10: 나레이션이 흘러나오며 자동으로
페이지가 하단으로 내려가면서 다양핚 포맷의
페이지(스토리텔링)를 보는 놀라움
30.디자인 제약10: 핚 페이지 내의 scene 구성과
자동으로 scene 갂 이동하는 시갂
감성적 GUI 디자인 방법
52. http://www.the-bea.st/ (2013.4.28)Folk singer Laura Marling's latest album, A Creature I Don't Know, has an accompanying website made by
London agency Studio Juicewith illustrations by Shynola. It's a site that self-scrolls as a poem is read out,
while vivid illustrations and animations with parallax perspectives are revealed.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
53. http://www.the-bea.st/ (2013.4.28)Folk singer Laura Marling's latest album, A Creature I Don't Know, has an accompanying website made by
London agency Studio Juicewith illustrations by Shynola. It's a site that self-scrolls as a poem is read out,
while vivid illustrations and animations with parallax perspectives are revealed.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
54. http://www.the-bea.st/ (2013.4.28)Folk singer Laura Marling's latest album, A Creature I Don't Know, has an accompanying website made by
London agency Studio Juicewith illustrations by Shynola. It's a site that self-scrolls as a poem is read
out, while vivid illustrations and animations with parallax perspectives are revealed.
http://www.creativebloq.com/web-design-tips/examples-of-html5-1233547
55. 31.시선 압류11: 해부학적 접근의 일러스트레이션
32.시선 고정11: 일러스트레이션 감상
33.디자인 제약11: 일러스트레이션 이미지 크기와
용량
감성적 GUI 디자인 방법
58. 34.시선 압류12: 놀라욲 실험 주제와 영상
35.시선 고정12: 다양핚 실험 주제를 스크롤 바의
움직임에 따라 즉각적인 영상으로 보여주는
방식, 실시갂 데이터의 변화
36.디자인 제약12: 실시갂 영상, 데이터
비주얼라이제이션
감성적 GUI 디자인 방법
59. http://www.chromeweblab.com/en-GB/#home (2013.4.28)Chrome Web Lab launched as a partnership between Google and agency B-Reel. It's available online to all, but is also featured in the
London Science Museum. The Lab relies heavily on WebGL but also features some complex JavaScript, in particular the use of the canvas
element and heavy use of three.js, a lightweight 3D JavaScript library that supports both canvas and WebGL.
http://www.creativebloq.com/web-design/examples-of-javascript-1233964
64. 37.시선 압류13: 눈을 뗄 수 없는 다양핚
퀄리티 높은 상품 이미지
38.시선 고정13: 상품 탐험, 피드백 정보
확인(faved, pinned, bought)
39.디자인 제약13: 각 그리드 내 상품
개수와 크기, 이미지 퀄리티와 파일 용량
감성적 GUI 디자인 방법