[conference] 웹마스터 컨퍼런스 2013

주제	웹마스터 컨퍼런스 2013
장소	한국광고문화회관 대회의실 2F
일시	2013년 04월 02일 (화) 1PM~6PM
강사	Eisar Lipkovitz 외 7인
주관	Kipfa, Google
초점	웹개방성

I.       The Search & Open Web- Eisar Lipkovitz (구글 VP Engineering)

1.       Google’s suggestion on website design

1)      URL : single URL for PC and mobile

2)      HTML : same HTML

3)      Web style : responsive web

4)      Others : CSS media queries

2.       Tips for Responsive web

1)      Max-width value

2)      Crawling- css, ajax (외부 접속 차단 풀어야!)

3)      Test in modern browser

3.       Just in case

1)      Separate mobile site (different HTML)-> relationship annotate (make connections)

4.       Reference

1)      google smartphone sites:

https://developers.google.com/webmasters/smartphone-sites/

II.      디지털시대의 정보공유와 검색 개방성 연구결과 발표- 이동휘 (구글 Engineer), 조일출 (한국인터넷전문가협회 부장)

1.       웹개방성 담론 장소: https://groups.google.com/group/web-jumak

2.       웹개방성 checklist

1)      Robots.txt 파일을 통한 차단 확인

2)      Noindex / nofollow 태그 확인

3)      ActiveX / image / Flash 사용여부 확인

4)      User-agent 기반으로 접근 차단 확인

5)      URL 공개 또는 비공개 여부 확인

3.       Reference

1)      http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35291

III.     구글 엔지니어와 함께하는 검색 클리닉- 이동휘, 석인혁, 백창현, 최성철 (구글 Engineer)

1.       Google 검색 알고리즘 변화 예- 570회/1년 -> 약1.6회/1일

1)      방향: 검색 알고리즘 보단 콘텐츠에 집중할 것

2.       Clinic

1)      웹사이트 개방여부 확인

①  Robots.txt 확인

A       예. www.A.com/robots.txt URL 입력해볼 것

②  Noindex, nofollow 메타태그 여부 확인

③  방화벽으로 사이트 차단 여부 확인

A       예. Googlebot user-agent이용해 사이트 접근 시, 정상적인 웹접근이 아닙니다. 확인

2)      Title Tag 확인

①  #1:

A       이슈 : 무제문서 (or untitled doc), 다음 페이지

B       해결 : 대표성 있는 내용을 제목으로 사용할 것

②  #2

A       이슈 : [site:abc.com]으로 검색시, 동일한 title tag

B       해결 : 모든 web page에 <title> tag 달 것, 구체적이면서 간결할 것, 유사 키워드 반복 사용 않을 것

3)      Meta tag의 description 속성

①  Google 검색결과 미리보기 속성 : title, URL, snippet (미리보기)

②  Meta description 방법 : 사용자가 보기 편하게 (예. Google +를 이용하면 실제 인간관계를 웹으로 옮겨 올 수 있습니다. …)

③  모든 페이지에 description 속성 사용 (예. (1) “뉴스”의 경우, 뉴스 기사 앞부분 기재 instead of 기사일, 기자 정보 (2) 저자: 홍길동; 삽화가: P; 그림… (3) 차종, 연식…)

4)      Webmaster 도구 사용 (https://www.google.com/webmasters/tools )

①  최적화- sitemaps, HTML 개선 등 확인할 것

5)      Image 활용

①  이슈 : 대체 text가 없는 image

②  해결 : text 정보는 text 사용, image file 명, 대체 text 적절한 활용

A       예. <img src=”man-with-black-suit” alt=”한국 공항 공사….하는 이미지”>

6)      URL 접근성

①  이슈 : 국립국어원 표준국어대사전

A       예. 각 단어 모두 동일한 URL 표시 (http://stdweb2.korean.go.kr/search/List_dic.jsp)

②  해결 : web page가 URL로 접근 되어야 함, 다른 web page에서 링크 가능해야 함 (모든 웹검색 서비스는 URL로 검색)

7)      URL 표준화 (canonicalization)

①  뜻 : 대표 URL을 간단하고 외우기 쉽게 만드는 것

②  해결

A       302 (temporary redirect) -> 301 (permanent redirect)

B       non-www -> www

C       link rel 메타태그 : <link rel=    , href” “>

D       JavaScript 재전송 가급적 지양

E       표준화 (canonical) URL 관리 : <link rel=canonical href=”..com”>

8)      새로운 페이지 추가하는 방법

①   해결 : Google Webmaster 에서 fetch as Google 항목 사용해서 확인

②   Reference : sitemap.org, goo.gl/qgGhe

9)      SEO

①  뜻 : 사용자를 위한 사이트를 만드는 것 또는 사용자에게 도움되는 콘텐츠를 만드는 것

②  Reference : 구글 웹마스터 도움말 포럼 (http://productforums.google.com/forum/#!forum/webmaster-ko)

IV.    웹개방성과 브라우저 (올브라우저 캠페인)- 김기창 (고려대 법대 교수)

1.       Reference : openweb.or.kr, opennet.or.kr (개인정보 보호 정책)

2.       약관 동의 예 : 오픈넷 후원 경우

V.      지식 재창조를 위한 열린 인터넷 제언- 윤종수 (부장판사) 외 3인

1.       김규태- 고려대 open courseware

2.       김경서- 서울시 정보화기획단 서울시 열린 데이터 광장 (http://data.seoul.go.kr/)

3.       오원석- LIST 대표 

[conference] Tech Planet 2012

주제	Tech Planet 2012
장소	Coex International Harmony Ballroom
일시	2012년 11월 14일 (목) 9:30AM~6:30PM
강사	John Lagerling 외
주관	SK planet
초점	UX/UI, Big Data, Platform

I.       Intro / 서진우 / President & CEO, SK planet

1.       1천만 가입자까지 기간– 1989년 13개월 (AOL), 오늘날 4개월 (IOS, Android)

2.       SK Planet의 Focus - Open Platform, UX, Big Data

3.       Big Data

1)      드라마- KCTV Person of Interest (Jonathan Nolan)

2)      Challenge- 개발자, 사용자 편의성 제공

3)      관심 부분- 지능형 개인화 (자연어 처리, 패턴분석, 추론기술), Social 개인화 (Social Indexing/Graph, 분석 engine)

4.       UX

1)      기술발전 : Recognition Tech (voice, motion), browsing tech (AR, NFC, HTML5)

2)      User Centric Design : [감각, 감성] Design, multimodal UX

3)      Zero UX : zero input, distance, latency

II.      Android : An ecosystem of openness and innovation / John Lagerling / Director, Google

1.       Stats

1)      More Android devices are sold than PCs.

2)      Countries : 169

3)      2012 Smartphone Penetration : 60%

2.       Current Google Business

1)      Device : Nexus 4, 10

2)      Development : seamless integration and UI for smartphone, tablet, TV

3)      Android Apps : 675K

III.     Facebook News Feed: Social Data at Scale / Serkan Piantino / Head of Engineering, Facebook NYC

1.       Facebook Users : 1 billion

2.       Social Graph : friends, brands, political figures, etc. connected together

3.       News Feed : center column of Facebook

4.       2 ways to use feeds : public postings (megafeed), private postings (multifeed)

IV.     From UX to SX(Service Experience) / Jamin Hegeman / Director, Adaptive Path

1.       UX vs SX : Transactional vs. relationship

2.       Storyboard before diving into UX design

3.       Service Blueprint : operations are listed

4.       Research : ask why people commute or use bus system before going into tasks at hand

5.       Outside in approach : Experience-> system

6.       Read “Outside in” by Kerry Bodine

V.      Natural UI : 새로운 UI의 가능성과 한계 / 이태일 / 교수, 고려대 산업디자인학과

1.       기술적 정확성 vs. 낯설음

2.       2006 Nintendo Wii

3.       NI : gesture UI, LEAP Motion

4.       Understanding Media 1960대 : 미디어가 메시지다.

VI.     Designing Interactions & Experiences for Private SNS / 하경제 / CDO, Sunnyloft

1.       BI : Capability to analyze financial statement, ERP, CRM

2.       Why Big Data is important for businesses?

1)      Need for being able to knowing data, analysis, and proprose

3.       Hadoop- Hundreds of small machines with analyzing capability

1)      Creating democracy of analyzing data

2)      Open source- anyone can use

VII.   Data analysis on clouds / 이준섭 / 팀장, SK planet

1.       추천방법

1)      CBF- content based filtering

①  예 : 장르, 스토리 전개, 주인공, 감독

②  단점: 누가 database 구성해야 함

2)      CF- collaborative filtering

①  사용 : 집단 지성 이용

②  방법 : 나와 비슷한 사람 찾고 (또는 그룹핑), 그 사람이 좋아한 것 추천

[conference] 2012 지식서비스 국제 컨퍼런스 참여

2012 지식서비스 국제 컨퍼런스 참여
2012 11월 8일 (목) 13:00~19:00
GE Ecoimagination 2005, Healthymagination 2009
horizontal/vertical infrastructure
# of TV channel : 3 in 1930, 300 in 1980, 30,000 in 2000
lean service : removing wastes
mobile first : access from mobile surpasses desktop
d'strict now : built sw platform, 진입장벽
EU's Marie Curie Actions http://ec.europa.eu/research/mariecurieactions/

[lecture] 대한민국 대표 UX전문가 7명의 UX활용 해법

대한민국 대표 UX전문가 7명의 UX활용 해법 20120925

https://www.evernote.com/shard/s97/sh/9ba6cecd-894f-4c64-95c4-6b03a039e132/4b06221c0c103b5bae5c3789b654eb20

[lecture] 중소/전문병원 서비스디자인세미나

주제	중소/전문병원 서비스디자인세미나
장소	건국대학교 예술문화대학 (시네마테크)
일시	2012년 11월 2일 (금) 1PM~4:40PM
강사	박상찬 교수, 윤성원 과장, 채이식 대표, 신현경 본부장
주관	IRI, FRUM, 베스티안
초점	의료서비스디자인 사례 (IDEO, 베스티안)

I.       의료경영 관점에서 본 병원 서비스디자인- 박상찬 (경희대 의료경영학과 교수)

1.       IDEO 5 단계 서비스디자인 방법

1)      Observation

①  의미 : 세심한 기록이 필요 [사진, 비디오]

②  방법 : 사진을 4M1E 방법으로 촬영 (man(사람), material (기기, 물건), machine (시설), method (방법)

③  중요 : shadowing, behavioral mapping, consumer journey, camera journals

2)      Synthesis-  

①  의미 : 반복되는 것 찾아 통으로 묶음 à예. 20개 통에 집어 넣음

②  문제점 : 우선순위 (병원 시설 (예. Wi-Fi), 접근성, 식사, 의사, 아이관리, 쇼핑 등), 정보의 부재 (언제 의사를 만나나, 다음단계로 해야 할 일은, 얼마나 심각한지)

③  중요 : customer journey 와 patient journey 구분

3)      Idea Generation

①  의미 : 사진 몽타쥬 (대기실, 응급실, 병실)- 좋고 나쁜 것 기록

②  제안 : 응급실 마일리지, 진료상태 정보 벨크로 띠, 상시 코디네이터 데스크, 문진시 1-10이 아닌 평상 언어로 기록, 내부 가구 이동

③  중요 :

4)      Refinement

①  의미 : 나온 아이디어를 다듬음

②  제안 : 여행 punch card, 환자 있는 경로와 향후 위치 알려주는 표지판, 병원 관광 가이드, 통신 마법 램프 (진료진과 의사소통 기기), 응급 단계 색깔 카드

5)      Implementation

①  의미 : 적용

②  제안 : 천장 자연무늬

6)      Mayo Clinic

①  SPARC

A       See

B       Plan

C       Act

D       Refine

E       Communicate

②  4 wall (space, technology, people process) 방식으로 관찰

③  4 zone journey

A       Service home base

B       Visitor facing hub

C       Preparation service area

D       Innovation central

2.       10 단계 도구 (방법론)

1)      Visualization- 가시화

①  중요 : 기존의 이미지 사용이 필요 (예. 코만 찍을 것), 그리지 말 것, 단어 말 사용하지 말 것,

2)      Journey mapping- 매핑

①  중요 : day of life before moment of truth 표시, 감정적 상태 기록 (예. 정말 좋았어, 싫었어), 감동, 진실, 고통 포인트 표시, 이용자가 원하는 것은 서비스가 아닌 니즈충족 (예. 커피 전문점 이용 목적은 친구와 좋은 시간 보내), 검증할 수 있는 통계치가 아님 (곧, variation을 봐야 함), 가설 설정하는 단계

3)      Value chain analysis- supply chain architecture (예. 카페 오기 위해 주차하기부터도 고려)

①  중요 : 누가 중요 선수인지

4)      Mind mapping

5)      Rapid concept development

6)      Assumption testing

7)      Prototyping

8)      Customer co-creation

9)      Learning launches

10)    Storytelling

①  중요 : 대상자가 누구냐에 따라 스토리가 달라져야 함

3.       워크벤치- 시간이 없어서 설명 못함…^^;

II.      강북삼성병원 사례 (Diabetes Center SD)를 통한 서비스디자인 활용 방안- 채이식 (아이디어팜 대표)

1.       문제제기- 병원 도산 시대, 긴 대기시간, 품질, 냉장고 사용 문제 (음식 주인, 썩는 음식), 병원소음

2.       관점전환- 병원 중심-> 환자 중심

3.       환자경로- 검강검진센터, 당뇨센터

4.       9가지 이슈àprocess, touch point, business model 도출

1)      Reservation system

2)      Patient register & cash

3)      Laboratory

4)      Treatment

5)      Education

6)      Stakeholder communication

7)      Hospital layout

8)      Devices (혈압측정기)

9)      New business model

5.       SD는 전략 도출과 실행이 필요- T 자형 (strategy & implementation)

6.       Process & communication research

1)      User experience- context (예. 재래시장의 비위생적인 것의 다양한 이유), idea (예. 그런 상황에 처해야 아이디어가 나올 수 있음)

2)      Interview- stakeholder 인터뷰 진행 (간호사, 조무사, 등)

3)      Pain point/issue 도출

7.       Communication 가설 및 인터뷰 진행

1)      Staff to patient 내용과 이슈

2)      Staff to staff- 규모가 작을 때만, 친밀도

3)      Patient to patient (온/오프라인)- 정보 신뢰도가 없음

8.       Communication analysis-

1)      분석

①  Traffic 분석- 대화 횟수

②  Mode- 만남, 이메일, 시스템으로 이야기

③  Contents- 업무, 일상에 대한 대화 

2)      결과- 환자는 많이 듣고, 궁금증에 대한 발언 기회가 부족, 환자는 외롭게 느낌

9.       9개 Issue

1)      Information design : 진료질문 기록지, 검사결과 시트, 당뇨정보 leaflet, 병원이용 절차

2)      Interior & layout design : 당뇨센터 레이아웃, 인테리어, 가구

3)      Contents development : 공용 당뇨 교육, 증상별 당뇨 교육, 기기사용설명, 식사/음식 contents, 교육 contents, 기타 contents

4)      Device development

5)      IT system

6)      Internal system/staff

10.    해결책

1)      Information design : 치료 이전 (검사), 이후, 방향성 표시

2)      Interior & layout design : 조금만 바꿔도 환자가 크게 느낌 (참고 : SI 는 이후 개발해도 될 것으로 생각함)

3)      Contents development : 치료 정보보단 생활정보가 더 필요 (예. 술자리에서 야채 더 먹을 것)

11.    효과 비용 맵 작성

III.     전문병원 (화상)에서 요구되는 서비스디자인 적용 사례- 신현경 (메디컬 그룹 베스티안 본부장)

1.       문제점 : 노후된 시설 (10년), 사인의 트렌드 변화 (로고), 고객 니즈 변화 (깨끗하다->강북 느낌), 직원 정체된 마인드 (기존 프로세스 고집), 동선 (화상에 대한 재분류)

2.       UX 재정의

1)      사용자 관점에서 시작 (환자, 의사, 간호사, 행정)

2)      병원 이용자 관점 (환자, 보호자, 방문객)

3)      기본 충실에서 시작

3.       서비스디자인 목표

1)      대형병원 선진화 시스템, 높은 신뢰도 도입, 동네의원 신속함 친근함 장점 도입

2)      브랜드 효과 증대

3)      쉽게 적용 가능, 현실성 반영, 재정 부담 최소화

4.       개발영역 구분 : 구분 : 경험영역, 서비스 영역, 디자인 영역

5.       개발 목표 : 사용자 경험 리서치-> 서비스디자인->디자인가이드라인 개발, 경영컨설팅 적용, IT 솔루션 적용

6.       개발 단계- 현황

7.       니즈 분석

1)      환자- 이용단계별 서비스, 심리적 상태 및 환경적 반응, 서비스 만족도 파악

2)      직원- 업무 프로세스 (불필요한 것, 하기 싫은 것, 중복된 것), 커뮤니케이션 구조 (의자 캐릭터, 방사선과 의사 등 커뮤니케이션), 단계별 접점 하드웨어 (직원이 가깝게 사용하는 컴퓨터, 서식지)

8.       사용자 경험 조사 : 간호사/행정 종사자 FGI, 입원환자

9.       인터뷰 카테고리 구분

10.    환자 심리 분석

1)      두려움 (절차와 이동에 대한 반복적인 질문

2)      불안함: 의사의 설명에 대해 간호사엑 재확인

3)      예민함: 냄새 (락스 냄새 좋아함. 이유는 소독됨), 온도, 불빛, 세균 (감염)에 민감한 반응

4)      낯섦: 누군가 아는 척 해주기 바라는 마음

5)      정서공유: 위급상황을 함께 공감해주기 바라는 마음

11.    서비스 디자인영역

1)      웨이파인딩 사인시스템 개발 : 환자 이용단계별 동선 지침, 업무별 동선 지침, 각종 사이니지 지침

2)      어메니티 개선지침: 환자 어메니티 지침, 직원 어메니티 지침 (편의성 높이는 가구), 방문객 어메니티 지침 (방문객 신뢰도)

3)      환경색채 및 정보 색채 시스템 개발 : 환경색채 지침, 정보 색채 지침, 서식지 표준화지침 (환자에게 동의서)

4)      커뮤니케이션 지침 : 모바일 web 구현 지침

5)      브랜딩

12.    개발

1)      웨이파인딩 시스템 개발 : 병동의 사각지대 부분 바닥 포인트선으로 해결 (어디를 어떻게 찾아가는지 알 수 없을 때의 불안함 제거)

2)      어메니티 시스템- 화상병동 화장실 안전 bar 설치, 천장 또는 벽 디자인 반영, 공간 활용을 위한 접이식 대기 의자 고려, 가구 재배치

3)      정보환경- LED

4)      커뮤니케이션 시스템- 환자, 직원용, 직원 업무 효율화 위한 IT 솔루션 적용, 정서적 커뮤니케이션 위한 모바일 Web

5)      브랜딩- 시각, 청각, 후각, 미각, 촉각

IV.    패널 토의

1.       응급실에서 페인 포인트가 Triage 이후 느린 진료 시간, 알수 없는 대기시간의  구조적인 문제 어떻게 해결하셨는지? 또는 서비스디자인으로 어떻게 해결할 수 있을지?

[term] 고관여, 저관여

http://k.daum.net/qna/view.html?qid=3F9nY