차세대 웹 환경에서의 UI/UX 기술 표준화 동향Jonathan Jeon6월14일 COEX에서 열린 정보처리학회의 IT 21 Conference에서 발표한 내용입니다.
스마트 기기의 확산과 함께 웹 기술의 진화는 빠르게 이루어지고 있다. 오늘날 웹 기술은 HTML5와 단말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스를 연동하며 다양한 응용 로직을 처리할 뿐아니라 웹 운영체제(OS)로까지 진화하고 있다. 그러나 웹 기술을 활용한 응용과 서비스가 많아짐에 따라 시스템의 복잡도가 높아지고 새로운 사용자 인터페이스에 대한 요구들도 높아지고 있다. 더불어 PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 응용이 활용됨에 따라 단말과 플랫폼에 상관없이 보편적 서비스 환경으로 웹 UI/UX에 대한 관심들이 높아지고 있다. 이에 본 발표에서는 이처럼 변화되는 서비스 환경을 중심으로 보다 나은 웹 사용성을 제공하기 위해 진행되고 있는 다양한 모바일/멀티디바이스 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고, 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에 대해 고찰해보고자 한다
웹 UI/UX에 관심 있는 분들은 참고해보시길 바랍니다.
차세대 웹 환경에서의 UI/UX 기술 표준화 동향Jonathan Jeon6월14일 COEX에서 열린 정보처리학회의 IT 21 Conference에서 발표한 내용입니다.
스마트 기기의 확산과 함께 웹 기술의 진화는 빠르게 이루어지고 있다. 오늘날 웹 기술은 HTML5와 단말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스를 연동하며 다양한 응용 로직을 처리할 뿐아니라 웹 운영체제(OS)로까지 진화하고 있다. 그러나 웹 기술을 활용한 응용과 서비스가 많아짐에 따라 시스템의 복잡도가 높아지고 새로운 사용자 인터페이스에 대한 요구들도 높아지고 있다. 더불어 PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 응용이 활용됨에 따라 단말과 플랫폼에 상관없이 보편적 서비스 환경으로 웹 UI/UX에 대한 관심들이 높아지고 있다. 이에 본 발표에서는 이처럼 변화되는 서비스 환경을 중심으로 보다 나은 웹 사용성을 제공하기 위해 진행되고 있는 다양한 모바일/멀티디바이스 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고, 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에 대해 고찰해보고자 한다
웹 UI/UX에 관심 있는 분들은 참고해보시길 바랍니다.
졸업논문_ Web2.0시대 pr블로그 에디터의 역할 김승태Seungtae(Peter) KimWrote a 20-page academic paper about blogging, explaining how Public Relations practitioners can use it as a tool in the age of Web2.0
소셜댓글 t토크 제안서상민 육소셜댓글이란 소셜네트워킹서비스(SNS)의 아이디로 특정 사이트의 게시판에 댓글을 달면
본인 SNS에 관련 댓글과 URL이 함께 기재되는 서비스를 말한다. 댓글을 SNS로 옮길 필요 없는 편리함과 댓글의 건전성 및 소통과 공유의 확대
해당 특정 사이트로 SNS 사용자 유입 및 트래픽 증대에 기여하는 장점
2. 웹 2.0 ( 최근 웹의 변화 ) 서비스의 중요성과 의미 환경변화에 따른 웹 방향성 (Trend)
3. 2006 년 인터넷 세상을 뜨겁게 달궜던 웹 2.0 서비스와 향후 웹 3.0 서비스 개방과 참여 , 소통 을 모토로 하는 웹 2.0 으로 패러다임이 변화되는 인터넷 환경 사용자 중심형 서비스 ( 이용자들의 활동과 참여와 개방성 , 자율성 위주 ) 자신의 의견이 받아들여지는것을 원하는 네티즌들의 니즈 (NEEDS) 의 중요성 네티즌들 스스로 콘텐츠 및 프로그램등을 생산하고 공유할 뿐 아니라 재창조할 수 있는 서비스 소셜 네트워크 서비스 (SNS) 들이 속속 나타남 웹 트렌드 & 배 경
4. 온라인과 오프라인에서 이용자들의 일상생활과 접목과 활동영역 확대 제공자에 의해 일방적으로 제공되는 서비스가 아니라 서비스 활용형태의 경계가 사라짐 무료와 공개 로 제공되는 무한의 컨텐츠의 활용 과거보단 현재 보다 쉬워진 웹작업 앞으로 무료로 제공될 웹구축 기능의 다양성과 활용성 기대 웹 트렌드 & 배 경
5. 집단지성 , 롱테일 웹 2.0 의 특성 YouTube, Twitter, Pacebook, Google 미태그 , 티스토리 ( 가입형 ), 미투데이 웹 2.0 대표 서비스들
6. 공유 ( 개방 ) 와 참여 ( 소통 ) 로 대변되는 웹 2.0 & 3.0 시대 사용자 중심형 서비스 (SNS) 1 인 미디어 의 영향력이 커짐 개인 홈 블로그 의 영향력 확대 정보를 한 곳에서 볼 수 있는 RSS 서비스 웹 2.0 플랫폼 제공 서비스 네티즌 웹 사이트 니 즈
7. 일방적인 정보전달과 제시보다는 서로 상호소통할 수 있는 웹 환경구축 한국의 문화인 작은 모임에서 창출되는 소셜 네트워크 서비스를 웹사이트에 접목 단체의 이익보다는 네티즌들의 서로의 정보를 공유하고 스스로 참여 하는 웹페이지 회사홈피의 성격과 다른 Blog + SNS 기반 웹사이트 구축 교바사 만의 활동 / 사역 / 관심사 등 , 컨텐츠 창출과 기능구현 기존홈피의 컨텐츠 창출과 벤치마킹 사이트들의 장점 접목 ( 씽크카페 , 희망제작소 ) 기존의 정보제공 위주의 단체 웹스타일 탈피 교바사 웹 사이트 목 표와 구 축방향
8. 컨텐츠를 잘 보이게 레이아웃 구성 ( 교보사 사업소개와 SNS DATA 중심 ) 심플하고 간결 , 임펙트 있는 디자인 화면구성 현재 많이 사용되고 있는 블로그 레이아웃 스타일 적용 다음 티스토리 플랫폼 ( 웹표준 ) 안에서 구축 다음 티스토리 관리자 안에서 웹페이지 관리와 운영 – 웹사이트 내부 관리자 교육 교바사 디 자인 컨 셉과 기 능구현
9. 씽크카페 - 블로그 스타일 + DATA 컨텐츠 중심 + SNS 적용 + 내부 운영관리 희망제작소 - 블로그 스타일 + 자체 블로그 + 카페보유 + 내부 운영관리 교바사 벤 치마킹과 적 용
10. 메 인 화 면구성 컨 텐츠 교바사 소식 21c 교육연구소 사업 교육을 바꾸는 사람들 소개 공지사항 뉴스 PRESS 소개 자료실 칼럼 인터뷰 사례 우산속친구들 인사말 나아갈길 함께 하시는분 ( 이사 ) 찾아오시는길 (c&contact us) 프로그램 지원사업 ( 자체 blog) 연구회 홈 로고 공지사항 이미지 배너형태 (visual) 최근소식 (list 형태 ) SNS, (Photo = frickr 플로그인 프로그램 사용 ) ( 동영상 ) 추천도서 ( 북소개 ) 고바사의 친구들 소식 (Meta blogging) 배너형태 주소 , 대표자등
11. 교바사 화면설계일정 1 월 27 일 ~ 2 월 1 일 : 분석과 테스트 시안 제작 2 월 7 일 ~ 8 일 : 시안제작과 기획안 페이지 정리 2 월 9 일 : 시안 확인과 수정 , 기획페이지 수정 , 방향확정 2 월 10 일 ~ 11 일 : 최종 시안확정 , 기능정리 , 적용여부 검토 2 월 14 일 ~ 28 일 : 메인디자인 & xhtml 페이지 제작 ( 티스토리 안에서 적용 ), 메뉴와 배너 ( 기능 구현과 sns 연계 ) 서브메인 & xhtml 페이지 제작 3 월 2 일 ~ 11 일 : 메인 / 서브 xhtm 페이지 제작 , 메인 공지사항 ( 플래쉬 , 스크립트효과구현 ) : SNS 기능구현 3 월 14 일 : 완성 ( 임시 내부 open) 3 월 15 일 ~19 일 : 수정 , 테스트 3 월 21 일 : 웹사이트 오픈 3 월 22 일 ~ : 운영 , 관리 , 교육