32
Intertwingled: Information Changes Everything + Semantic Studios -Peter Morville /윤정원 x 2015 Winter

Intertwingled : information changes everything

Embed Size (px)

Citation preview

Intertwingled: Information Changes Everything + Semantic Studios -Peter Morville/윤정원 x 2015 Winter

2015.02.13 LAB MEETING

Peter Morville

AUTHOR

- Pioneer of the fields of information architecture and user experience

- Leadership

- Book

CONTENTS

Chapter 1. Nature

Chapter 2. Categories

Chapter 3. Connections

Chapter 4. Culture

Chapter 5. Limits

“Everything is deeply intertwingled.”

Ted Nelson wanted to change the world and the way we see, access, and connect information.

Explore how everything is connected from code to culture. We think we're designing software, services, and experiences, but we're not.

Until we open our minds, we will forever repeat our mistakes.

Categories

Connections

CultureNature

CHAPTER 1. NatureKeyword: ecosystem,information,literacy

Chapter 1. Nature

모든 생태계들은 다 연결되어있다. 우리는 이 복잡한 관계들을 이해하기 위해서 그 바운더리 밖에서 봐야한다.

ex) Isle Royale의 이리와 무스

외부의 영향이 배제된 곳이어서 포식자와 먹이와의 관계를 연구하기 위해 두 동물의 인구 변화를 조사.

: 과학자들은 미시간 아일 로열 국립공원의 이리와 무스의 상호관계를 연구 중.

“Information architectures become ecosystem”

기후, 물의 오염도, 기타 다른 환경적인 요인들이 포함.

야생 시스템은 외부적인 많은 요인이 작용하기 때문에,아주 복잡하게 뒤엉켜 섞여있고 예측불가능하다.

멀티 디바이스를 이용한 cross-channel 경험과 product-service systems 의 시대에,

저니맵이나 동적인 시스템 모델링, 비즈니스 프로세스, 조직도 등 생태계 내 다각도의

분석없이 사이트맵이나 와이어프레임 디자인은 의미 없다.

Chapter 1. NatureInformation in Systems

고객들의 관심을 끄는 와이어프레임 뿐 아니라, 본질적으로 접근해서 유저들에 관해 배우고,

아이디어를 테스트하고, 복잡한 것을 명료하게 하기 위한 툴과 방법론들을 사용했다.

“information architecture” : helping our clients to structure and organize websites.

“Information architectures become ecosystem”

서로다른 매체와 컨텍스트들이 뒤엉켰을 때 개인적으로 고립된 독자적인 것은 없다. 모든 single artifact는 큰 생태계에서의 한 요소이다.

Chapter 1. NatureSystems Thinking

“The whole is greater than the sum of its parts.”

Systems thinking 은 전체와 각 부분들 사이의 인터랙션들을 보는

synthesis(통합체)적인 시각을 갖는 것이다.

ex) Uber_ Sharing economy

승객과 택시 드라이버 사이의 관계와 규칙들을 re-frame해서 “architecture of trust” 를 만들었다.

택시를 이용하는 시스템의 전체적인 부분들을파악하고 이에 대한 새로운 시스템을 빌드.

Chapter 1. NatureSystems Thinking

“The whole is greater than the sum of its parts.”

ex)

Systems은 한 가지 방향과 연결된 게 아니라, 다양한 방향에서 동시다발적으로 연결되어있다.

차를 사고, 여행 계획을 세우고, 건강문제를 해결하든지 할 때 정보를 찾고 평가하는 일은 매우 중요하다. 이런 능력을 리터러시라고 하는데, 보통 우리는 3R(reading, writing, arithmetic)은 좋은 반면,인포메이션 리터러시는 떨어진다.

컨텐츠를 만들고 조직하는 것은 라이프 스킬에서 핵심적이다.우리가 더 많이 구조화할수록, 우리는 더 잘 이해할 수 있으므로,시스템에서 정보의 본질을 이해하고, 프레임을 바꿀 수 있는 연습이 필요하다.

Chapter 1. NatureLiteracy

“Literacy: The ability to find, evaluate, create, organize, and use ideas and information from myriad sources in multiple media.”

ex) 다음 사이트에서 ‘티셔츠’ 카테고리 찾기

Chapter 1. Nature

“Even without visible bridges, all our ecosystems are linked.”

CHAPTER 2. CategoriesKeyword: organize, classification, framework

for the home | bed&bath | women | men

juniors | kids | beauty | shoes | handbags | jewelry

Chapter 2. CategoriesOrganizing for users

ex)

“Categories are the root of all this work - menus, buttons, links, tags, facet, navigation, personalization.”

where would you look for luggage in this menu?

Shop by category | stores my account | wedding registry | more

for the home | bed&bath | women | men

juniors | kids | beauty | shoes | handbags | jewelry

bed & bath | cleaning& organization | dining&entertaining | electronicabed & bath | cleaning& organization | dining&entertaining | electronics

햄버거 아이콘에 제공된 카테고리 맵들을 보여주기 위해 메가 메뉴에 의존하여 luggage찾기가 더 어려움.

Classification 은 사용자들을 이해시키는데 도움을 주고,

Category는 사용자가 할 수 있는 선택을 드러내는 것, 사용자들을 위해 카테고리를 조직화해야한다.

for the home | bed&bath | women | men

juniors | kids | beauty | shoes | handbags | jewelry

Chapter 2. CategoriesOrganizing for users

ex)

“Categories are the root of all this work - menus, buttons, links, tags, facet, navigation, personalization.”

where would you look for luggage in this menu?

Shop by category | stores my account | wedding registry | more

for the home | bed&bath | women | men

juniors | kids | beauty | shoes | handbags | jewelry

bed & bath | cleaning& organization | dining&entertaining | electronicabed & bath | cleaning& organization | dining&entertaining | electronics

햄버거 아이콘에 제공된 카테고리 맵들을 보여주기 위해 메가 메뉴에 의존하여 luggage찾기가 더 어려움.

분류체계는 사용자들의 findability를 위해 조정되어야한다.

Classification 은 사용자들을 이해시키는데 도움을 주고,

Category는 사용자가 할 수 있는 선택을 드러내는 것, 사용자들을 위해 카테고리를 조직화해야한다.

Taxonomy facet tags

요구사항을 명확하게 재정의해서필터를 선택하게 함으로써 사람들을 이해시키는데 도움을 준다.

#hashtag어떤 컨트롤없이 이루어지는 기술적인 분류이다.

각 태그가 카테고리고 hierarchy가 없다.

We should be open to ideas outside this ontology of taxonomies, facets, and tags. We must define the right mix for each system by balancing value and cost.

Chapter 2. CategoriesOrganizing for users

“Three types of classification”

Chapter 2. CategoriesMaking Frameworks

“Categories are the cornerstones of cognition and culture.”

by. Paul Hiebert

사용자들의 문화, 다양성, 인식 등을 고려하여 카테고리를 만들어야 한다.

CHAPTER 3. ConnectionsKeyword: link, path, map, loop, fork

사용자들을 위한 길을 만들기 위해 링크를 사용한다.

Chapter 3. ConnectionsLink

“The core feature of the Web is the link. Social and search at scale would fail without links. It’s the links that make a web,”

We use links to make maps and paths.

Space

PlacesPaths

Pages

Web

Hyperlinks

사용자들을 위한 길을 만들기 위해 링크를 사용한다.

Chapter 3. ConnectionsLink

“The core feature of the Web is the link. Social and search at scale would fail without links. It’s the links that make a web,”

the map is the territory

paths and places we build with linksare physically real.

. 프로세스 흐름은 심플하게 보인다.

. 주요 행동과 결정을 단계별로 정의하는데,

이 선형성은 판단을 그르치게할지도 모른다.

. 전체적인 스케쥴을 보여준다.

. 데드라인과 그것들의 종속관계를 잘 보여준다.

3. Fishbone diagram

. 문제와 그것들의 주요 카테고리들을 정의한다.

. 원인과 결과를 이해하는데 도움을 주지만, 어디에 문제가 있고 어디로 흘러갈지 정밀하게는 말 못한다.

Chapter 3. ConnectionsLoop

2. Gantt chart

1. flow diagram

“Each diagram is useful, but all maps are traps: that’s why we need more than one.”

Choose your fork carefully.

Chapter 3. ConnectionsForks

“All of our decisions are made without a complete understanding of the options and consequences; not that we don’t try.””

That’s why we must make time and space to explore before we act.

Chapter 3. ConnectionsForks

“Sensemaking : 사람들이 경험하고 의미를 부여하는 과정”

<어떻게 의미가 만들어지는 지에 대한 인터랙트 루프>

: 자기 생각이 “real-ized”된 것 Sensemakingafter

CHAPTER 4. Culture

Keyword: culture, understand, organize

We must use ethnography with our users and stakeholders to search for a bi-cultural fit.

Chapter 4. CultureCultural fit

“Understanding culture is central to what I do”

1. As an information architecture: 사용자의 문화를 이해해야한다.

그들이 그들의 세계를 어떻게 정의하는 지, 사용하는 언어, 개념을 분류하는 방식 등등을 민속지학적인 방법으로 파고들어 이해해야하는 것이다.

2. As an outside consultant: 일하는 조직의 문화를 이해해야한다.

연구에서, 나는 항상 직원들의 역할, 책임, 비젼, 목표 등을 이해한다.

조직문화를 이해하고 조직문화 상을 정립하는 모델은 문화를 이해해야함의 중요성을 나타낸다.

Chapter 4. CultureMapping culture

“Culture: 개인과 집단 행동을 형성하는 보이지 않는 힘의 집합”

<에드가 샤인(Edgar H. Schein)의 조직문화 3단계>

기본적 가설

표방하는 가치

인공물

조직내에서 쉽게 관찰, 경험 가능, 근무 환경, 조직구조, 각종 상징물과 관행, 용어 체계 등 다양하다.문화의 한 부분이라고 인식하지 못하는 경우가 많다.

조직 가치나 행동 양식 등이 정리된 층으로, 공유된 원칙이나 목표 규범 기준 같은 것으로 구성원이 의사결정과 행동을 하는데 준거가 된다.

리더 및 구성원들의 무의식에 뿌리깊게 자리잡은 믿음, 인식 등 겉으로 드러나지 않아 관찰이나 변화가 어려우나 조직문화 변혁을 위해 반드시 바뀌어야 하는 부분이다.

심층

표면

Chapter 4. CultureSubcultures

words, images, objects, and gestures with special meaning to those in the culture.

people, alive or dead, real or imaginary,who exhibit role model qualities.

activities that are technically superfluous but socially essential

“National values are fixed. Organizational practices are not”

CHAPTER 5. Limits

Keyword: strategy, limit

“구조의 중요성”이 강조되고 있는 시대이기 때문에

표면적인 디자인에는 한계가 있다.

+사용자들은 정보가 만들어지는 곳에서 시간을 보내고 결정을 한다.

“but surface design is at its limits.”

Chapter 5. LimitsOrganizational Strategy

비판적 디자인, 직관적인 비젼 수립, 조직적 서포트 등을 통해 전략을 형성해야!

어떻게 구조가 전략에 영향을 미치는지보다는 어떻게 전략이 구조를 정의하는지에 초점을 맞췄다.

끊임없이 변화하는 외부 환경 사이의 복잡한 상호 연결을 연구한다.

Chapter 5. LimitsUnderstanding Limits

<지각과 인식의 한계>

<인간의 관점의 한계>

. 사고방식을 전환하는건 쉬운일은 아니지만 불가능하진 않다.

. 창의성, 용기, 그리고 셀 수 없이 많은 작은 단계들을 수행하며 한계를 벗어나 변화를 주도해야한다.

자연은 정보, 링크, 연결, 디바이스 등 모든 것들의 근원이므로.

우리는 정보의 본질을 존중하고 전체적인 구조를 설계해야 한다

Nature is the root directory.

Thank You