AnyType: provoking reflection and exploration with aesthetic interaction

1. AnyType: Provoking
Reflection and
Exploration with
Aesthetic Interaction
+ CHI 2013
-Laura Devendorf
/오창훈
x 2014 winter

3. AnyType:
Provoking Reflection and Exploration with Aesthetic Interaction

4. HONORABLE MENTION
- CHI 2013 Reflecting on Phones Session –

5. The Authors
Laura Devendorf
Kimiko Ryokai
School of Information
University of California, Berkeley
HCI art making fabrication education tangible user interface

6. VIDEO

8. BACKGROUND

9. Problems
•
•
•
•
전화, 컴퓨터, 네트워크, 카메라 등 다양한 디바이스 덕분에 우리는 언제
어디서든 다양한 형태의 메시지를 주고 받음
사진이나 비디오를 찍어 MMS, 이메일 등으로 보내기도 하고 SNS에 포스
트를 남기기도 함
그러나 이러한 메시지들은 개인적인 친밀도 등을 반영하지 못함
손편지나 엽서를 통해 전달하던 발신자의 노고, 장소와 시간에 대한 감정
등을 표현하지 못함
!
!
•
빠르고 편리한 모바일 디바이스의 잠재성을 통해, 메시지에 사람들의 창의
성과 개인적인 취향, 다양한 장소와 시간성을 반영할 수 있다면 얼마나 좋
을까?

10. Aesthetics of Interaction
•
•
•
•
•
•
HCI에서 성장하고 있는 주제
디자인 연구자들 사이에서 인터랙션의 즐거움, 아름다움, 기쁨 등을 이끌
어내는 것을 함축하기 위해 사용되어옴
“beautiful in use”
사용성이나 유용성을 넘어서, 호기심이나 몰입, 상상력 등을 불러 일으키
기 위함
“경험의 즐거움” - “도전적이고, 유혹적이고, 장난기가 많고, 놀랍고, 기억
에 남을만하거나 보람있는 경험”
McCarthy et al “enchantment” - 대상이 반드시 새롭거나 놀라운 것이
어야 함을 의미하는 것은 아니며, 그보다는 일상과 친숙한 것들이 얼마나
풍부하고 놀라울 수 있는지 보는 것, 경험의 깊이를 생각하고 디자인 하는
것 / “attentive object” - “흥미로운 주제를 사람들에게 전달해주는 물체
들”

11. Related Technologies
디지털커뮤니케이션
• Sense MS
- 십대들 사이의 affective 커뮤니케이션을 위한 서비스
- 사용자는 자신들의 독특한 “스탬프”를 만들어서 SMS 메시지에 첨부
- 발신자의 장소나 분위기를 전달할 수 있음
!
• Postcrossing
- 낯선 사람들 사이에서 실제 엽서를 보낼수 있도록 하는 온라인 시스템
- 실제와 디지털 커뮤니케이션 사이의 관계를 파악할 수 있음
!
!
!
!
→ 두 서비스가 제시한 아이디어를 바탕으로
디지털 커뮤니케이션을 통한 의미있고 가치있는 경험의 형성을 시도
!
타이포그래피에 관하여
- 메시지를 만들어내는 과정에서 나타나는 표현의 잠재성
- 이미지를 글씨에 활용하여 감정과 느낌을 표현할 수 있음

12. ANYTYPE
!
“Letterforms that honor and elucidate what humans see and say deserve to be
honored in their turn. Well-chosen words deserve well-chosen letters.”
Bringhust (2004)
!
“서체는 글자들의 아름다운 집합이다. 아름다운 글자들의 집합이 아니다.”
Matthew Carter
!
→ 디지털 시대, 글씨체의 미학을 통해 놀라움, 몰입, 발견 등의 경험을 지원하고자 함

14. Capture
Typeface Generation and Composition
Editing Letter Shapes
History View

15. Capture
“이 모양에 맞는 대상을 찾으세요”

16. The five shapes used in the capture phase of AnyType

17. Editing Letter Shapes
스크린 터치를 이용해 윤곽선을 별도로 지정해 그릴 수 있음

18. Typeface Generation and Composition
다섯가지 모양의 캡처가 완료되면, 자동으로 스크린 윗부분에 이를 바탕으로 만들어진 알파벳
들을 보여줌
이 글씨들을 컨버스에 드래그하여 위치와 비율을 조절함

19. History View
캔버스의 글씨를 오랫동안 터치하여 “히스토리 뷰”를 실행
글씨가 만들어질 당시의 문맥을 확인할 수 있음

20. ANYTYPE STUDY
!
- STUDY 1 (short-term)
- STUDY 2 (long term)

21. STUDY 1: INITIAL REACTIONS

23. Methods
•
•
•
•
16명의 실험 참가자 (아티스트 5, 취미 아티스트 2, 비-아티스트 9)
약 90분간 시스템을 사용하도록 함
연구자가 직접 실험 참가자를 찾아가서 진행
비디오 녹화, ThinkAloud, 반구조화된 형식의 인터뷰 진행

24. Results – Reframing
•
!
!
!
!
!
!
!
!
•
•
!
!
!
!
!
!
!
사람들은 프레임을 통해 세상을 보면서, 어떻게 주변 환경이 글씨의 일부
로서 기능할 수 있는지에 대해서 평가하기 시작함
“이 벽돌은 단조롭고 네모반듯할 뿐이지만,
이 앱을 통해서 새로운 가치를 얻게 되죠.”
Justine
이러한 Reframing을 통해 사람들은 주변환경을 바라보는 방식을 바꿈
익숙한 장소에서 새로운 것을 발견하는 경우도 종종 있음
“저는 이 빌딩을 매일 지나다니지만
이 난간들이 이렇게 파란지 몰랐어요.
이 빌딩에 이렇게 재미있는 것들이 많은지도 몰랐구요.”
Jane

25. Results – Challenge
•
•
다섯가지 모양 중 ‘U’ 와 ‘C’ 모양의 대상을 찾는데 어려움을 겪음
이러한 어려움은 시스템의 사용을 오히려 흥미롭게 만들기도 함
“세상을 완전히 다른 렌즈를 통해 보도록 하죠.
매우 흥미롭습니다.
마치 어린 아이들이 세상을 바라보는 것처럼
세상을 볼 수 있는 거죠.”
Brian

26. Results – Composing Messages and Artworks with AnyType
•
다섯가지 모양의 캡쳐 이후 자동으로 알파벳이 생성되었을때 사람들은 놀
라움을 금치 못함.
!
“뭔가 실제로 그럴싸하게 만들어졌을때
매우 놀랐습니다. 처음엔 어떻게 되는건지 몰랐거든요.”
Justine
“처음에는 어떻게 이미지가 글씨가 된다는 건지
개념이 안서더군요… 그런데,
마침내 이미지가 모여서 글씨가 된 것을 보았을때.
너무 놀라웠어요. 이건 저만의 글씨체라구요!”
Alex

27. Results – Composing Messages and Artworks with AnyType
•
•
•
•
!
!
!
!
!
!
!
•
작성할 메시지의 내용이 항상 ‘미리’ 결정되는 것은 아니었으며,
시스템과 인터랙션을 하면서 결정되는 경우가 더러 있었음
랜덤으로 글씨들을 선택해서 어떻게 모양이 이루어지는지 살펴보기도 하
였으며,
특정 문자에 대해서 더 마음에 들어하기도 해서 이를 포함한 글귀를 만들
어내기도 함.
“Z”의 매력에 완전히 빠져버렸어요…”
Emma
파리와 같은 명소를 여행중에 이 서비스를 사용하면 좋을 것 같다는 의견
도 다수 있었음

28. STUDY 2: ANYTYPE OVER TIME

29. Methods
•10명의 실험 참가자 (아티스트 3, 취미 아티스트 3, 비-아티스트 4)
•AnyType을 이용해 하루에 두개 이상의 글씨체를 만들고, 비디오 모드와
사진 모드를 포함시키도록 함
•일주일 실험기간 이후 인터뷰를 통해 시스템 경험에 대한 이야기를 공유
•사진 유발법을 이용한 projective interview techniques를 사용,
AnyType을 이용한 글귀를 만들 당시의 특정 동기에 대한 인사이트를 얻고
자 함.
•필드노트, 인터뷰, 사용자가 만든 결과물 등을 활용하여 Constructivist
Grounded Theory를 활용하여 분석하였음.

30. Results – Creating Memories
•장기간 사용에서는 단기 사용과 대조적으로 다양한 장소에서 시스템이 활
용됨
•사용자의 일상 행동과 여행의 리마인더 역할을 함
•주말 포도 농장 여행의 특징을 담기도 하고, 풋볼 시합 관람이 내용을 차지
하기도 함
!
•Jeff의 경우, 마인크래프트의 몇장면을 담아내기도 하였음
•또한 정원의 식물들을 이용하여 Flower Power라는 글씨를 만들어내기도
했는데… 처음엔 회의적이었다가 나중에는 자신만의 감정과 물리적 세계를
표현하는 독특한 방식으로 여겨지게 됨
!
•Monica의 경우 식당에서
1) 음식, 냅킨 등을 찍다가
2) 종업원들의 앞치마를 동영상으로 찍기도 함
!
•자신이 지금 보고있는것과 그순간의 이미지로부터 오는 느낌을 함께 포착
하는 기능을 함

31. Results – Creative Exploration
•독특한 메시지와 예술적인 구성으로 사용자는 Creative Exploration을
할 수 있었음
!
!
!
“이건 제가 가장 좋아하는 시에요.
!
아마도 제가 여기에 뭔가를 더할 수 있다는 생각을
!
처음으로 해본 것 같아요. 저는 시인이 아니라서
!
그럴 수 없다고 생각했던거죠…”
!
!
!
Jeff
!
•Jeff는 이를 통해 어떻게 텍스트와 이미지가 서로 보완해주고 자신이 사랑
하는 텍스트를 새로운 문맥에서 경험할 수 있을지 탐구해 보았다고 함.
•이처럼 시스템을 통한 creative exploration은 새로운 생각, 세상을 보는
방식 등을 만들어내는 귀중한 기회를 사용자에게 제공함
!

32. Results – Self Reflection
•몇몇 사용자는 본 시스템을 통해 자신의 생각이나 가치, 삶을, 스케치북이
나 다이어리, 일기와 같은 비슷한 방식으로 돌아보는 계기가 되었다고 함.
!
“Pheelings 라고 썼어요.
전 이게 좋아요. 제가 ‘ph’라고 쓰는것은
제가 너무나 많이 좋아하는 단어라는 거에요.
저는 다른 느낌을 주기 위해 이 모양을 사용했어요.”
Melissa
“밝은 파랑과 오렌지 색의 패턴은
기쁘거나 새로운 것에 관한 것이구요,
검고 빨간 색은 뭔가 갈등을 겪고 있거나
일이 더디게 진행될때의 색이에요”
Jeff

33. Results – Finding Inspiration in Unexpected Locations
•이동중에, 소스로 활용될 것이라고 생각하지 않았던 장소에 대해 창의적으
로 표현한 사례들도 있었음
!
!
!
!
!
!
!
!
!
!
!
!
!
!
1) 출퇴근시 BART의 혼잡함을 기록
2) & 3) 다른사람의 자전거를 이용하여 촬영, 이후 집에오는길에 영감을 받
아 다시 촬영

34. Results – Creating Interactive Messages
•웹페이지나 페이스북에 공유하고자 하는 사람들도 있었음.
•자신만의 소유물이라는 인식을 갖게 해주었고 이것이 평소에 잘 올리지 않
는 SNS에도 공유하고자 하는 동기를 불러 일으킴.

35. Results – Gift-giving
•Monica는 자신의 엄마가 좋아하는 요소들을 모아서 글씨체를 만든 후 메
시지를 만들어 보내기도 함

36. DISCUSSION
!
“We only see what we look at. To look is an act of choice”
- Berger (1974)

37. AnyType
•사람들은 주변환경을 새롭게 보는 법을 배울 수 있었음
•“그리는 것”이 아니라 “보는 것”에 관한 것
•새로운 렌즈를 통해 세상을 보는 것과 같음
!
•“defamiliarization”

38. Changhoon’s Thought
•피실험자 인터뷰 인용 방식 +
•논문 중간중간 인용 → 아주 영어권 자신감의 상징인듯 함 +
•곳곳에 관련 연구 섞어서 서술한 점 +
•정성연구로 후려친 점 (평가 역시) +
•사람들의 행동 양식 관찰 결과를 서술 한 점 +
•자화자찬 +
•Constructivist Grounded Theory +

39. Discussion Points
•나만의 서체 관리? (선호하는 서체, 어떤 서체를 어떤 곳에?)
•서체 이외에 나만의 장소성, 시간성을 담는 방식이 있다면? (이모티콘 등)
•일상 공간에서 다양하게 벌어지는 ‘“defamiliarization(이화)”에 대해서
이야기 해 보아요…
!
!
!
!
!
•사용성으로 측정하기 힘든 결과물의 평가 방법 보고는 어떤 식으로 해야할
까?
•시스템의 개발 전 사용자 조사의 역할에 대해 논의해 봅시다…

40. THANK YOU