Notes for vision-oriented me

지능과 전문성 수업

June 7, 2010 by mcpanic  
Filed under HCI, 유학

이번학기에 듣는 수업중에 (사실은 유일한 수업;;;) 심리학과 수업이 있다. The Social Foundations of Intelligence and Expertise 라는 흥미로운 이름의 수업인데, 지능과 전문성에 대한 심리학적 분석을 시도한다. 우선 첫번째 주제인 지능에 대해서는, 사람의 지능을 어떻게 정의하고 측정하는지, 또 인종/문화별 IQ 의 차이에 대한 이해, 그리고 세대가 내려갈수록 IQ 가 증가하는 Flynn Effect 등을 두루두루 살펴보았다. 두번째 주제인 전문성(심리학에서 말하는 expertise 의 번역이 맞는지 모르겠다) 에 대해서는 역시 어떻게 정의하는지, 또 전문가들의 공통적인 특성에는 어떤 것이 있는지, 그리고 마지막으로 전문성을 길러내기 위한 훈련과 환경의 영향은 어떠한가에 대해 관련 연구를 살펴보면서 토론하고 있다.

 

이 수업을 듣게 된 배경은, 내가 하는 연구에 보다 새로운 관점을 제공해 줄 수 있다고 생각했기 때문이다. 컴퓨터라는 도구를 통해 사람들의 창의성, 생산성, 전문성, 학습 능력 등을 향상시키는 것이 나의 연구 목표인데, 이를 위해서는 보다 나은 알고리즘과 인터페이스/인터랙션 디자인으로 도구를 만드는 이른바 공학적인 접근과 더불어 사람들의 기본적인 본성과 심리를 이해하는 인문학/심리학적 관점이 어우러져야 하기 때문이다.

 

석사를 하는 거의 2년 가까운 시간동안 뚝딱뚝딱 밤새서 프로그래밍하고 여러 사이클에 거쳐 인터랙션 디자인을 수정하는 등의 작업에 대부분을 쏟았었다. 이 과정에서 많은 것을 배우기도 했지만, 한편으로는 무언가 부족한 느낌도 있었고 몸과 마음이 지치기도 했다. 그래서 15명 정도 되는 학생들 중에 유일한 비심리학과 학생으로 ‘지능과 전문성’에 대한 수업을 듣게 되었다.

 

매주 논문 2~3개를 읽고 2~3쪽 분량의 reaction paper 를 제출한 뒤, 주당 2번의 수업 중 하루는 학생 한두명씩 토론 주제를 준비해 와서 discussion 을 한다. 이상하게 컴퓨터공학 수업을 들을 때보다 내가 수업에 더 열심히 참여하게 되고 (내 생각이지만) 나름 새로운 관점을 던지는 것도 같다. 몇번 HCI 라든가 컴퓨터 공학과 컴퓨터 도구의 관점에서 이야기를 했는데, 다들 호기심 반 뭥미 반의 눈빛으로 바라보았다;;

 

확실히 기존에 공부하던 것이 아닌 새로운 것을 접하고 다른 분야의 사람들과 의견교환을 하는 것은 굉장한 공부가 된다. 우선은 보다 넓은 관점에서 바라보게 되고, 내가 정말 중요하다고 생각하는 가치가 절대적이 아니라는 것도 깨닫게 된다. 예를 들면 나는 지능과 전문성을 ‘기술’의 힘으로 향상시킬 수 없을까를 계속 고민하고, 그럴 수 있다는 강력한 믿음을 갖고 있었다. 그런데 다른 학생들과 토론을 하면서 놀란 것은, 이 학생들은 기술이 별 영향을 주지 못할 것이라고 생각한다는 것이었다. 나에게 당연한 것이 다른 친구들에게는 생소한 관점이었고, 의견을 주고받으면서 여러가지 생각을 하게 됐다.

 

흑인 교수님이 백인-흑인의 IQ 격차라는 민감한 사안에 대해 차분하고 분석적인 태도로 접근하는 것도 인상적이다. 교수님은 또 인종별 지능의 차이에 대한 열린 토론이 금기시 되는 상황에 대해서도 우려를 표했다. 잘못 이야기를 꺼내면 인종차별자로 치부하고 마녀사냥 분위기가 되는 것이 오히려 사람들의 머릿속에 인종별 차이가 선천적이라는 인식을 심어준다는 것이다.

 

수업시간에 다루었던 흥미로운 주제들 중 몇가지.

  • 전문가에게 있어 커뮤니케이션 능력은 실력의 일부인가? (뛰어난 능력과 지식이 있지만 전달능력이 부족해서 논문을 잘 못쓰고 발표를 잘 못하면 훌륭한 연구자가 아닌가?)
  • 지능의 발달에 있어 유전자 vs. 환경의 역할은 각각 어느정도인가? (이에 따라 교육 정책 방향이나 학생들의 마인드 등이 영향 받을 수 있다 – 난 해도 안돼… 난 A 인종이니까 안돼… 난 B 문화에서 자랐으니까 이런거 못해…)
  • 천재는 키워낼 수 있는가? 전문가와 천재는 어떻게 다른가?
  • 왜 아시아계 학생들은 높은 학업성취도를 보이는가? 어떤 문화적 차이가 이런 결과를 가져오는가? (실제로 여러 데이터를 보면 아시아계 학생들은 다른 학생들과 동일한 IQ 를 가지고도 높은 성적과 학업성취도를 보인다)
  • 긍정적이고 열린 마인드, 믿음 등이 어떻게 지능과 전문성의 계발에 영향을 미치는가?

이제 스탠포드에서의 마지막 과제로 이 과목의 final paper 를 쓰고 있다. 제목은 ‘Computer Technology Meets the Science of Expertise’ 라고 지었다 ㅎㅎ 컴퓨터 기술이 어떻게 사람들의 전문성 발달에 영향을 줄 수 있는가에 대해 다양한 각도에서 살펴보려고 한다. 컴퓨터 기술은 어떤 분야의 전문성을 갖추기 위해 노력하는 사람들에게 더욱 양질의 피드백을 줄 수 있고, 다양한 예시를 제공해 주며, 다양한 형태로 스스로와 전문가의 performance 를 시각화/저장/공유/분석할 수 있게 하는 등의 장점이 있지 않을까.

Web Applications 과목 정리

January 10, 2009 by mcpanic  
Filed under HCI, 유학

역시 지난 쿼터에 들었던 과목이다. 과목 이름이 상당히 긴데, Abstractions for Highly Interactive Web Applications 라는 주제를 다루고 있다. 단순한 텍스트 정보의 전달이나 기본적인 폼 전송을 넘어 보다 다양하고 시각적으로 보기 좋고 사용이 편리한 상호작용을 지원하는 웹 어플리케이션을 만들자는 것이다. 그리고 이러한 웹 어플리케이션을 가능하게 하는 프레임워크를 설계하는 것이 Ousterhout 교수님의 목표라서 ‘Abstractions for’  가 앞에 들어갔다 :)

교수님은 아버지뻘은 되어보이는 나이에도 아직도 지적호기심이 넘치고 열정적인 사람이었다. 최신 웹기술을 다루는 수업답지 않게 역사학과 건물 3층에서 칠판과 분필을 가지고 수업을 하는 것도 인상적이었다. 최신기술일수록 이론과 기초가 밑바탕이 되어야 한다는 말을 여러번 강조하던 것도 기억에 남는다. Tcl 이라는 스크립트 언어를 만들어서 유명해진 교수님은 Berkeley Tenure 를 박차고 나와서 창업을 해서 웹 쪽에 뛰어들었다가 이번에 Chairman 과 교수직을 겸하게 되었단다.

수업은 전반적으로 여유가 있었다. 시험도 없었고 프로젝트만 3번 있었는데, 마지막 프로젝트를 빼고는 그렇게 어렵거나 시간을 많이 필요로 하는 것들이 아니었기 때문이다. Intro to HCI Design 과목에 비해 투자한 시간이 1/10 정도 되려나? –_- 물론 학점을 받고 나니 그거보다는 조금 더 썼어야 하지 않았나 싶다;;;

이 수업을 통해 얻은 가장 큰 수확은 웹과 관련한 다양한 이슈들에 대해 새로 배운 것이 많다는 것, 그리고 또 웹 어플리케이션의 현재 구성과 앞으로의 발전 방향에 대해 큰 그림을 볼 수 있게 된 것이다. 또다른 수확이라면 영어 발표에 대한 경험을 빼놓을 수가 없다. 매 프로젝트마다 Write-up 을 적어내고 10분 가량의 In-class presentation 을 해야 하는데, 이 경험이 미국식 수업에 적응하는 데에 큰 도움이 됐다.

첫 프로젝트 발표를 하던 것이 아직도 생각난다. 대충 이런 정도의 이야기를 하면 되겠지 하고 한국에서 발표를 하던 것처럼 생각을 하고 갔는데, 막상 앞에 서니 영어도 꼬이기 시작하고 진행도 제대로 되지 않는 것이다. 결국 겉도는 이야기만 하고 말았는데, 이 날이 지난 쿼터를 지내면서 가장 큰 충격을 받았던 날이었던 것 같다. 와신상담의 자세로 임한 두번째 발표 때는 미리 개요를 짜서 발표 연습도 해보고 표현도 어느 정도는 준비해 갔다. 그런데 데모를 보여주는 과정에서 마우스로 데모를 보이면서 말도 같이 하려니까 생각보다 발표가 너무 길어졌다. 결국 10분 발표중에 앞부분에서만 8분을 쓰고 중요한 분석 부분에 시간을 제대로 할당하지 못했다.

이렇게 두번의 당황스러운 경험을 통해 얻은 교훈은, 철저한 준비와 연습만이 살 길이라는 것이다. 마지막 발표 때에는 지난 두번의 시행착오를 반복하지 않아야지.. 하는 조마조마한 마음으로 준비를 해갔고, 잘했다고 말하기는 그렇지만 원하는 형태의 발표에 어느정도 다가갈 수 있었던 것 같다. 진땀흘려 얻은 발표에 대한 몇 가지 팁.

  • 주눅들지 말 것. 영어실력, 그리고 보여줄 내용의 퀄리티에 상관없이 자신감 넘치는 태도를 유지해야 한다.
  • 말이 꼬이거나 어색한 정적이 흐르면… 관심은 떠난다. 발음이 안좋은건 괜찮지만 말이 꼬이는 건 청중들이 훨씬 민감하게 받아들인다.
  • 데모를 보일 때는 cool 한 느낌을 주는 것이 중요하다. 내가 고생한 부분이 중요한 것이 아니라 처음 보는 사람이 어떤 인상을 갖는가에 집중하라.

마지막 프로젝트는 아주 재미있었다. 새로운 형태의 web interaction 을 설계하고 구현하는 것이었는데, 우리 조는 Flash 나 Java 등의 기술을 사용하지 않고 HTML + Javascript 의 조합만으로 탐색, 수정할 수 있는 Interactive Treeview 를 만들었다. 이번 쿼터부터 우리과 교수로 부임한 Jeff Heer 교수의 Prefuse Library 에 있는 Treeview 에서 영감을 받아 작업을 했다. HTML Canvas element 와 Processing.js 라이브러리를 사용해서 구현했고, Firefox 에서는 동작하지만 IE 에서는 동작하지 않는다. (과제의 조건이 ‘Firefox 에서 동작할 것’이었다;;)

이 수업을 통해 전부터 관심있어 했던 웹에 대해 좀더 깊이있는 지식과 관심을 갖게 되었고, Visualization 에 대해 좀더 체계적으로 배워보고 싶은 생각이 들었다. 그래서 이번 쿼터에는 Visualization 수업을 들어보려고 한다.

Intro to HCI Design 과목 정리

January 7, 2009 by mcpanic  
Filed under HCI, 유학

유학 두번째 쿼터가 오늘 시작되었다. 15~6주짜리 학기가 아닌 10주짜리 쿼터제이기 때문에 정말 정신없이 한 쿼터가 지나버린 것 같다. 내가 지난 쿼터에 한 것들을 되돌아볼 겸 과목별로 간략하게 정리해 보았다.

우선 CS147 – Intro to HCI Design 과목이다. 이 과목은 150명 가량의 학생이 수강했던 대형과목으로, HCI Design Process 에 대해 배우고 또 직접 쿼터 프로젝트를 통해 경험해 보는 것이 핵심이다. Design Process 라는 것이 명확히 정해져 있는 것은 아니지만 이 과목에서는 과정 중에서도 Prototyping 을 굉장히 강조한다. 반복적인 Prototyping 을 통해 프로세스의 초기부터 큰 그림을 놓치지 않으면서 피드백을 통해 지속적인 발전을 꾀하는 것이 핵심이다.

수업은 매주 50분짜리 강의 두번과 한번의 Studio 세션으로 구성되었다. 강의는 말그대로 교수님이 슬라이드를 띄워놓고 날마다 HCI 와 관련된 다양한 주제들에 대해 이야기하는 식이었다. 다만 슬라이드에는 설명이나 텍스트가 거의 없고 그림과 비디오가 대부분이다. 또한 이론에 대한 설명보다는 학생들의 토론이 주가 되었다. 150명 수업에서 토론이 가능할 것이라고는 생각하지 못했는데, 학생들이 매우 적극적으로 의견을 발표하는 것이 한국과는 다른 점이었다. 이론에 대한 보충은 수업마다 제공되는 Reading 을 통해 이루어졌다. 보통 한 강의마다 50쪽 가량의 Reading을 해야 했고, Reading 의 내용이 중간고사에 출제되었다.

Studio 는 12명정도의 학생이 매주 한 번씩 모여 그 주의 프로젝트 과제에 대해 발표하고 서로 피드백을 교환하는 시간이었다. 프로젝트는 Food, Remembering, Place 라는 세 개의 넓은 주제 속에서 학생들이 자유성을 발휘해 주제를 정해서 진행하는 방식이었다. 모바일 어플리케이션을 디자인하는 것이었고, 거의 모든 팀이 팀별로 제공하는 Nokia 의 N95 또는 개발속도가 빠른 iPhone 을 사용했다. 3인 1조.

우리 조는 Instant Food Messnger 를 주제로 주위의 친구들과 30분, 1시간 이내의 식사약속을 잡을 수 있게 도와주는 서비스를 디자인했다. 과정에 대해 간단히 정리해 보았다.

1. Inspirational Design: What are inspirations?

image 

주위의 사물이나 서비스 중에서 프로젝트에 영감을 줄 수 있는 디자인을 찾아본다. 우리의 경우 빠른 속도를 부각시킨 FedEx 나 컵라면 등에서 영감을 얻었다.

2. Discovery : What do people need?

image

휴대폰 사용자를 대상으로 사용행태를 관찰하면서 잠재적인 니즈를 찾아낸다. 관찰 결과 우리는 여러 친구들이 모여 식사를 할 때 연락하는 사람이 반복적으로 전화를 걸거나 문자를 보내야 하는 상황, 또 위치를 모르는 친구들에게 위치를 매번 설명해야 하는 상황에 개선의 니즈가 있음을 확인했다.

3. Storyboard: When do we need FoodEx?

IMG_0002 IMG_0003

두번째 단계에서 발견한 니즈를 구체적인 사용 시나리오로 연결시켜 본다. 만화를 그려서 실제 상황에서 우리 서비스가 어떻게 사용될 수 있는지를 자연스러운 스토리로 만들어 보는 것이다. 이 과정을 통해 서비스가 제공해야 할 요소들을 뽑아내고 사용의 흐름을 설계할 수 있다.

4. Paper Prototype: What will FoodEx look like?

image

만들어 본 가상 스토리를 토대로 실제 서비스의 형태를 디자인한다. 다만 컴퓨터를 사용하지 않고 종이를 가지고 오리고 붙여 Paper Prototype 을 만든다. 위의 사진처럼 휴대폰 틀을 만들어서 바닥의 여러 스크린을 이동해 가면서 실제 서비스와 유사한 느낌을 줄 수 있다. 컴퓨터를 사용하지 않기 때문에 특정 도구에 의존하지 않으면서 보다 유연한 설계를 할 수 있다.

5. Video Prototype: What is the context of use?

image

http://www.mcpanic.com/2008/10/31/why-dont-you-foodex/ 포스팅에 실제 비디오 클립을 링크해 두었다. 실제 비디오를 촬영하여 우리 서비스가 유용하게 사용되는 상황을 묘사한다. 이를 보는 사람에게 서비스의 유용성을 설득을 할 수 있어야 한다. 무엇을 강조할 것인가, 또 어떻게 강조할 것인가에 대한 고민을 많이 했다.

6. Functional Prototype: How is it designed?

image

이제 실제 구현이다. Flash 와 ActionScript 를 가지고 구현을 했고, 사용자가 만드는 이벤트 별로 데이터를 저장하고 또 자동 문자전송을 지원하기 위해 PHP 와 MySQL 로 서버 부분을 작성했다. Google Map 도 연동해서 사용자가 이벤트 위치를 찾는 데에 도움이 되도록 했다. 우리 조가 가장 빛났던 부분인데, 디자인 과정에 초점이 있는 과목이라서 실제 구현을 제대로 하지 않은 조가 많았던 반면에 우리 조는 모든 기능을 실제로 구현했다. 데모를 보여줄 때 사람들의 반응이 뿌듯했더랬다.

7. User Test: What do users think?

image

이제 완성된 서비스를 사용자들이 직접 테스트해보면서 피드백을 준다. 이를 위해 사전, 사후 설문과 핸드폰 사용 방법 소개, 그리고 다양한 측정 및 기록을 했다. 5명 가량의 사용자 테스트를 통해 혼란을 줄이고 사용이 보다 편하도록 부분적인 수정을 했다. 설계자와 사용자의 간극을 느낄 수 있는 의미있는 시간이었다.

8. 1-Minute Presentation

FoodEx

이제 완성된 서비스를 세상에 내놓을 시간이다. 최종 발표는 위의 1페이지짜리 슬라이드를 띄워놓고 1분동안 서비스에 대해 소개하는 1-minute madness 형식으로 진행됐다. 수업에 스폰서를 한 어도비와 노키아, 그리고 다른 교수들과 학생, 실리콘밸리의 다양한 외부인사들이 구경을 와서 200명 가량의 관중이 모인 앞에서 발표를 했다.

photo

완연한 축제 분위기 속에서 각 조는 창의적인 방법으로 1분동안 관중들의 관심을 구애한다. 연극을 하기도 하고 춤을 추기도 하고 감동적인 연설을 하기도 하고… 확실히 유머코드가 우리나라와는 좀 다르다; 그런 리스크 때문에 우리 조는 획기적인 방법보다는 정공법을 택해서 무난하게 했다. 1분 중에 내 분량이 30초 정도 됐었는데, 대사가 잘 외워지지도 않는데다 떨려서 죽는 줄 알았다.

9. Poster Session

poster_session1 poster_session2

1-minute madness 가 끝나고 각 조는 전시장소로 이동하여 서비스 디자인 과정과 핵심 요소를 담은 포스터를 전시한다. 관객들은 전시회처럼 포스터들을 오가며 질문도 하고 아이디어 교환도 한다. 이런 자리에서 의외의 인턴십 제의를 받거나실제 고용이 되는 경우도 심심치 않게 발생한다고 한다. 우리 조 포스터는 생각보다 깔끔하게 잘 나와서 많은 칭찬을 받았다는 ㅋㅋ

이렇게 해서 10주간의 대장정이 마무리되었다. 많은 시간과 노력을 들였던만큼 얻은 것도 많은 수업이었다. 단순히 서비스를 설계하고 구현하는 것이 아니라 그 아이디어를 시각적으로 설득력있게 구성해서 만화, 비디오, 실제 데모, 포스터, 1분발표 등의 다양한 형태로 present 하는 과정이 인상적이었다. HCI 디자인 과정은 결국 밀실에 갇혀있다가 출시일에야 모든 것을 공개하는 폐쇄적이고 직선적인 과정이 아니라 rapid prototyping & iterative feedback 을 기반으로 끊임없이 세상과 사용자와 소통함으로써 보다 매력적인 과정으로 진화하는 역동적인 것이 아닐까.

Next Page »