Monday, September 23, 2013

[Personal UX/UI review] a coffee shop's differentiation

Today as I was walking up a street near to work, I found this shop. 

Positive: neat idea to differentiate a coffee shop from other stores around it

Explanation: 1. Placed wooden stair-like and grass-like installment to differentiate the shop's front from others around it
2. Put beach chairs to generate comfy feeling 
3. Played songs that go along with the above setup

[Personal UX/UI review] Samsung smartphones and tablets battery indicator deesign

Happened to find battery GUI differences among Galaxy smartphones and tablet. 

Issue: [inconsistency] battery GUI

Solution: keep core GUI components consistent within all Samsung devices 

Lesson: [integration and consistency] small design differences when all add up, even small can make a powerful case

Sunday, September 22, 2013

[Personal UX/UI review] Line Camera

Positive: [convenience] reduce users' touches to find photos to edit

Comment: quite surprised to see a "Korean" app enhancing usability

[Personal UX/UI review] iOS 7's Volume image

Issue: this Volumn image blocks content behind
Solution: give the image a bit more transparency

Friday, April 12, 2013

[conference] Google Developers Conference- YouTube Platform Overview

Google Developers Conference
- YouTube Platform Overview
Posteel Tower 3rd floor
2013 04 09 () 5:30PM~6:00PM
Ikai Lan (NY Office) and others
Google Korea
일반 관계사에게 Google Play YouTube Platform에 대한 소개

I.       Why YouTube?
1.       Q3 2008-> Q3 2011 : mobile video watching 220% increase
1)      view counts- 1 billion+ /month
2)      watching hours- 4 billion+ /month
3)      uploads hours- 72+ /min
2.       3 ways to share - uploads, live, produced content
1)      e.g. uploads & produced content- Talking Tom
2)      e.g. uploads & live- Black Ops
3)      e.g. live- Red Bull's space jump

II.      Why YouTube APIs?
1.       Create contents- great to engage people
1)      e.g. create- WeVideo, Talking Tom
2.       Consume contents
1)      e.g. consume- Flipboard (plays YouTube inside the app), Band of the Day
3.       Analyze contents
1)      e.g. analyze- viewer information (location, length, demographics)
4.       Monetize contents

III.     YouTube APIs?
1.       Player API
2.       Data API
3.       Analytics API
4.       Livestream API

IV.    Reference

[conference] 인터넷 개방성 포럼 특강 : 클라우드 혁신과 보안

인터넷 개방성 포럼 특강 : 클라우드 혁신과 보안
-       Is Cloud Computing the End of Security and Privacy as We Know It?
Gangnam Finance Center 21st floor
2013 04 04 () 7PM~9PM
Eran Feigenbaum, 구글 엔터프라이즈 보안 총괄 (Director of Security Google Enterprise)
Google Korea
Cloud computing, security in the cloud

I.       Why Google Enterprise?
1.       Many Clients
1)      미국고객사- 100대 미국 대학 중 72개교에서 사용 (2012 9월 조사)
2)      한국고객사- POSCO, Chosun biz, Dong-A Pharm, Groupon Korea, Hyundai U&I, Samsung, Hyundai Motors, TMON, pantos logistics, Korea University, McDonalds, YG Entertainment
2.       Trends
1)      PrivacySecurity가 더욱 중요해짐
  Blogs- 200 blogs (10 years ago)--> 200 million blogs (today)
  YouTube Videos- 70 hours’ worth/1 min (today)
  Security Innovation: two step verification
2)      Competitors- Your competitors are moving to Cloud computing for efficiency and other benefits which reside in the cloud
3.       Benefit to Software Vendors
1)      Various OS- can focus on innovation and software is always up-to-date
4.       Economic Benefit
1)      Reduced IT Cost- lower IT costs with a 10 to 20% reduction being typical (IDC, 2012)
2)      Improved co-work efficiency- e.g. Delta Air Lines- decreased budget time by 30%

II.      What does cloud computing mean from a security perspective?
1.       Data safe on premise? - 60% of corporate data resides unprotected on PC desktops and laptops
2.       1 out of 10 laptop computers will be stolen within 12 months
3.       66% USB thumb drive lose (over 60% corporate data in them)-> PC stolen, I’m not worried

III.     IT manager's perspective: Why is security so tough?
1.       Patching problem server patch deploy 25 to 56 days on average to deploy an OS patch-> no server is needed.

IV.    Cloud server provider perspective
1.       Build, buy and pay for everything I own, security team, server, etc

V.      Can the cloud vendor do security better than you?
1.       Google- the biggest server manufacturer
1)      Server hardening- disabling unused items
2)      IT system fails. Google has over 300 security professionals in malware, drive-by download, etc.
3)      Works like a bank- instead of a person hiding his money in his attic, depositing money in banks can be more convenient and safer.
4)      Data storage- 3 copies of my email in 6 servers

VI.    How do you know if they are as good as the claim?
1.       3,000 new businesses added/day
2.       Different frameworks- CSA, ENISA, NIST, and many others (check out audit reports)

VII.   Incident response? ->Need to walk through security drill within your company
1.       Monitoring
2.       Proprietary change control software continually monitors
3.       24x7 security team
4.       Incident coordinator
5.       Incident remediation
6.       Incident notification- early detection through homogeneous servers matching Google's gold standard-> send alerts -> let the clients know if clients data is attacked

VIII.  Privacy?
1.       Who owns your data?-> You
2.       What can the data is used for?-> Your use
3.       Who has access to your data?-> You
4.       What laws govern the data?-> jurisdiction

IX.    Google protects your privacy externally (jurisdiction matters here)
1.       government transparency report-
2.       users information such as IP address or last log-in info can be opened

X.      참고
1.       Ask what my exit strategy is: how can I get my data out if I change my mind in the future?
2.       Cloud computing
1)      IaaS (amazon, ec2)- data patch
2)      PaaS (, google xxx)
3)      SaaS (RFP security)

XI.    Reference
1.       Good to know campaign-
2.       Read- 구글을 가장 잘쓰는 직장인 되기 (
3.       구글 인터넷 개방성 포럼-

Thursday, April 4, 2013

[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:

II.      디지털시대의 정보공유와 검색 개방성 연구결과 발표- 이동휘 (구글 Engineer), 조일출 (한국인터넷전문가협회 부장)
1.       웹개방성 담론 장소:
2.       웹개방성 checklist
1)      Robots.txt 파일을 통한 차단 확인
2)      Noindex / nofollow 태그 확인
3)      ActiveX / image / Flash 사용여부 확인
4)      User-agent 기반으로 접근 차단 확인
5)      URL 공개 또는 비공개 여부 확인
3.       Reference

III.     구글 엔지니어와 함께하는 검색 클리닉- 이동휘, 석인혁, 백창현, 최성철 (구글 Engineer)
1.       Google 검색 알고리즘 변화 예- 570/1 -> 1.6/1
1)      방향: 검색 알고리즘 보단 콘텐츠에 집중할 것
2.       Clinic
1)      웹사이트 개방여부 확인
  Robots.txt 확인
A       . URL 입력해볼 것
  Noindex, nofollow 메타태그 여부 확인
  방화벽으로 사이트 차단 여부 확인
A       . Googlebot user-agent이용해 사이트 접근 시, 정상적인 웹접근이 아닙니다. 확인
2)      Title Tag 확인
A       이슈 : 무제문서 (or untitled doc), 다음 페이지
B       해결 : 대표성 있는 내용을 제목으로 사용할 것
A       이슈 : []으로 검색시, 동일한 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 도구 사용 ( )
  최적화- sitemaps, HTML 개선 등 확인할 것
5)      Image 활용
  이슈 : 대체 text가 없는 image
  해결 : text 정보는 text 사용, image file , 대체 text 적절한 활용
A       . <img src=”man-with-black-suit” alt=”한국 공항 공사….하는 이미지”>
6)      URL 접근성
  이슈 : 국립국어원 표준국어대사전
A       . 각 단어 모두 동일한 URL 표시 (
  해결 : 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=””>
8)      새로운 페이지 추가하는 방법
   해결 : Google Webmaster 에서 fetch as Google 항목 사용해서 확인
   Reference :,
9)      SEO
  : 사용자를 위한 사이트를 만드는 것 또는 사용자에게 도움되는 콘텐츠를 만드는 것
  Reference : 구글 웹마스터 도움말 포럼 (!forum/webmaster-ko)

IV.    웹개방성과 브라우저 (올브라우저 캠페인)- 김기창 (고려대 법대 교수)
1.       Reference :, (개인정보 보호 정책)
2.       약관 동의 예 : 오픈넷 후원 경우

V.      지식 재창조를 위한 열린 인터넷 제언- 윤종수 (부장판사) 3
1.       김규태- 고려대 open courseware
2.       김경서- 서울시 정보화기획단 서울시 열린 데이터 광장 (
3.       오원석- LIST 대표