Title
|
Webmaster
Conference 2014
|
Place
|
Time Square, Amoris Hall, Seoul Korea
|
Time
|
May 22, 2014 9AM~5PM
|
Speaker
|
이준영, 김진형, etc.
|
Organizer
|
Google, KIPFA
|
Focus
|
Open web, responsive design, search-friendly website design
|
<photo courtesy of Dong-Hwi Lee>
I.
검색의 진화 (translation:
Evolution of Search) [Junyoung Lee, Engineering Manager of Google Search Team]
1.
Lesson
1)
Google Fact: 50,000+ employee, 140+
language support
2)
Websites need to represent all of companies’
corporate activities
3)
Through Knowledge Graph, Google understands
users’ intention and context of query
2.
Takeaway
1)
SB needs to develop intelligent search
algorithms to identify users’ intention and context and provide relevant
biblical results
2)
Display activities on websites
II.
소프트웨어 중심 사회에서의 공공의 역할 (translation: Public sector’s role in software-oriented society) [Jinhyung
Kim, head of Software Policy and Research Institute]
1.
Lesson
1)
In software development, understand
government policy
2)
In decision making, use data instead of
relying on intuition
2.
Takeaway
1)
Consider using disruptive technology (e.g. mobile
internet, automation of knowledge work, cloud)
III.
위키피디어와 함께하기
(translation: Ways to use Wikipedia) [ManJai Lee, Professor of Advanced
Institutes of Convergence Technology]
1.
Takeaway
1)
Think of ways to use data of Wikipedia
commercially due to its BY-SA license
IV.
아름다운 한글, 웹폰트로
널리 이롭게 쓰기 (translation: Beautiful Korean, ways to use Web
fonts extensively and effectively) [Jihye Lee, Designer of Google Brand Studio–
Interactive]
1.
Lesson
1)
Reasons for recommending web fonts instead
of image fonts
① Texts un-clickable,
un-draggable, and untranslatable are hard to read on mobile devices including
wearables in the near future
② Users tend
to zoom-in when browsing in mobile and tablet devices
2)
Google Chrome browser will soon to implement
WOFF File Format 2.0 which reduces font capacity
3)
Web font source: http://api.mobilis.co.kr/webfonts/
4)
Try Google Web font early access: http://www.google.com/fonts/earlyaccess
2.
Takeaway
1)
As technology progresses (meaning internet
speed gets faster in all countries in the world), use Web fonts on websites
V.
공공 웹사이트 혁신하기 (translation: Innovating public websites) [Kyung Geun Ma, Information
Planning Dept. of Seoul Metropolitan Government]
1.
Lesson
1)
Goals of Seoul Metropolitan City website
goal category
|
related technology
|
|
1. One
source multi-use
|
1.1. Support multiple devices
|
Web standardization, HTML5
|
1.2. Utilize common contents
|
Resource concept, single URI
|
|
2.
Open and share
|
2.1. Contents share/distribution
|
RESTful, ATOM/RSS
|
2.2. Free copyright
|
CCL (creative commons license), meta data
|
|
3. Governance
|
3.1. Contents classification/evaluation
|
Resource concept, meta data
|
3.2. Political usage of contents
|
Connection to web log, promotion method
|
|
4. Usability
|
4.1. Search function
|
Meta data, SEO
|
4.2. Web compatibility
|
Web standardization
|
|
5.
Efficiency
|
5.1. Maintenance capability
|
Framework, theme
|
5.2. Utilization of external resource
|
Mash-up, open API
|
2)
Efforts made to create a good website
① Utilization
of open source CMS (e.g. WordPress)
② Utilization
of platform service (e.g. Twitter, YouTube)
③ Copyright
reservation of content
④ Establishment
of web compatibility
⑤ Configuration
of search-friendly environment
① 1Start
with needs
② 2Do
less
③ 3Design
with data
④ 4Do
the hard work to make it simple
⑤ 5Iterate.
Then iterate again.
⑥ 6Build
for inclusion
⑦ 7Understand
context
⑧ 8Build
digital services, not websites
⑨ 9Be
consistent, not uniform
⑩ 10Make
things open: it makes things better
2.
Takeaway
1)
Goal of Seoul Metropolitan City website
2)
UK Government’s 10 Digital Service Design
Principles
VI.
모두를 위한 디자인 (translation:
Design for the public) [Hai Kyung Min, Asia Pacific Team Manager of Google
Brand Studio – Interactive]
1.
Lesson
1)
Components of the better Web: easy and
fast, secured, anyone, anywhere, virtuous cycle
2)
Design for everyone
① Understand
cultural differences in using images and photos (e.g. thumbs-up may insult
people in the Middle East)
② Grid
spaces for languages are different (e.g. western vs. CJK languages)
③ Be
careful with line breaks
3)
Design for multi-screen: Recommended to use
only one URL
4)
Mobile first: genuinely and seriously think
what, why and how to start planning mobile first
① Available
gestures at mobile and tablet: touch, swipe, tilt, shake
② Sensors
at mobile devices: accelerometer, location-based API, voice recognition
5)
Design information first then move to visual:
select contents and think how to organize and display them
6)
Re-think design process: use mood board
instead of mock-up, review with design guide and prototype; design in browser
and review
7)
Understand users: in the U.S. 75% of mobile
users use mobile devices not necessarily on the go, but in their bathroom and
bed
2.
Takeaway
1)
Think mobile first and plan accordingly
2)
Design information first then move to visual
VII.
Others
for SB
1.
Gutenberg’s printing: 1454
2.
Martin Luther’s 95 Theses: 1517