앱이냐 웹이냐
       모바일 사용환경



발표일 2012.03.22
발표자 한선미
이메일 f_belle@hanmail.net
1. 들어가며




     아이뉴스. 2012.02.06. “지난해 스마트폰 출하량 사상 처음 PC 추월”
     http://news.inews24.com/php/news_view.php?g_serial=634906&g_menu=020600
                                                                               1
1. 들어가며



      • User interface : 화면설계

 UI   • 사용자가 제품을 어떤 방식으로
       이용하도록 만드느냐를 디자인



      • User Experience Design : 사용자경험
      • 유저의 경험을 더 멋지게 만든다는 넓은
 UX    의미의 경험의 디자인, 사용자가 무언가에
       대해 경험하고 느끼는 감정의 총체




       아이뉴스. 2012.02.06. “지난해 스마트폰 출하량 사상 처음 PC 추월”
       http://news.inews24.com/php/news_view.php?g_serial=634906&g_menu=020600
                                                                                 2
2. Android vs iOS




                구글                              애플
 개방형 OS로 다양한 제조사 다양한 제품확보               직관적이고 깔끔한 인터페이스
       다양한 파일형식 지원                      50만개가 넘는 앱스토어 환경
    USB만으로 컴퓨터와 연결 가능                       강력한 보안 환경
  수많은 제조사별 운영체제 최적화 힘들어                   다양한 파일 형식 미지원
      개방형 OS로 보안성 취약                 아이튠즈 반드시 거쳐야하는 폐쇄적 이용방식
   Android 4.0 (Icecream Sandwich)          iOS 5(2011.10)



                                                               3
2. Android vs iOS



       구글 Android 4.0                                애플 iOS 5
 •대중화되지 않은 c2dm기반 Gtalk 보유     메시지,       •iMessage (iCloud와 소프트하게 연동)으
 스카이프, 카카오톡, 미톡 등 메시지 앱        콘텐츠,        로 상대방과 문자, 사진, 동영상, 연락처
      (Third party app)에서 활용   앱 공유       전송/ 그룹 채팅 지원 / Notification Center
 • NFC(근거리 무선 통신)기반의 네트워
 크로 공유/Wi-fi Direct기능으로 직접 통
                신 가능
  G1 phone(케이블 연결 없이 온라인)       Over                iOS5부터 시작
           일찍부터 시작             The Air
                               Updates

  새로운 주소록을 소셜 네트워크              SNS        트위터 내장, SSO(Single sign On)
    프로파일로 통합.관리                 통합               로그인 처리

     상태바를 통한 알림 지원             Notifica   Lock screen에서도 즉시 확인 가능
    MusicPlayer의 재생상태 추가        tions     (부재중전화, 음성메일, 일반 알람,
 UI 편의성 향상, Lockscreen 에서도                      주식, 소셜/메시지 등)
  즉시 확인가능, 카메라 즉시접근
                                                                               4
2. Android vs iOS




      구글 Android 4.0                     애플 iOS 5
 액티비티의 멀티태스킹 지원, 앱 별도로    멀티            iOS4부터 시작
     여러 윈도우 운영제공          태스킹

    포커스 유지, 대기시간 0촬영      카메라   잠금화면에서 곧바로 점프 가능(볼륨업,
 셔터 누른 채로 이동하면 자동 파노라마    기능           카메라 아이콘)
     이메일, SMS 등 공유가능            잘라내기, 레드 아이 보정, 색상 자동 보
                                     정 등 기본 편집기능
   Face Unlock 기능(얼굴인식)   스크린    Slide to unlock motion (독특)
                           락     Lockscreen Notifications 지원

 보이스 엔진(음성메모 받아적기, 전      음성       Siri/ 구글 지도 이용
    화걸기, 인터넷 검색 등)        인식     네비게이션은 아직 지원 안됨
  네비게이션, 구글 맵과 연동 지원



                                                               5
2. Android vs iOS




                                콤스코어




     http://spyrestudios.com/andro
                                       안드로이드 26% vs iOS 74%
     id-vs-ios-a-usability-battle/                            6
2. Android vs iOS




      AndroidLoader 1.2 for iOS http://youtu.be/E-M0t_vfvVw   7
2. Android vs iOS




                    8
3. 일반웹 vs 모바일웹




    Wap
                 풀브라우징   모바일웹
    i-모드




                                9
3. 모바일웹 vs 앱


                       모바일웹                 앱
       화면구성         웹서버 (JSP/PHP/ASP)   앱/클라이언트

     서버와의 통신           데이터+ HTML          데이터

   서버와의 통신 FORMAT         HTML          XML / JSON

      이벤트 처리           HTML Action      Phone Action
      네트워크부하              높음               낮음
       변경작업               용이함           용이하지 않음
     서비스 재활용              전체              데이터

   이용자가 느끼는 완성도           보통               높음




                                                       10
3. 모바일 브라우저


              Offline Web
              Application
                             Device
Geolocation                 Orientation
   API                      & Canvas
                                API


               HTML5




                                          11
4. 향후 하이브리드 앱



                           Accelerator
                            Titanium


                PhoneGap                 Appspresso



                           HTML5




                                                 12
참고자료

1.    아이뉴스. 2012.02.06. “지난해 스마트폰 출하량 사상 처음 PC 추월”
      http://news.inews24.com/php/news_view.php?g_serial=634906&g_menu=020600
2.    아이뉴스. 2012.02.24 . “미국인 20% "모바일기기로 SNS 즐긴다
      “ http://news.naver.com/main/read.nhn?mode=LSD&mid=sec&sid1=105&oid=031&aid=0000251227
3.    문화저널, 2011.10.31. “iOS VS 안드로이드 VS 윈도폰
      “ http://www2.mhj21.com/sub_read.html?uid=45453&section=sc243
4.    모바일 컨텐츠 이야기 iOS vs. Android 경제학 http://mobizen.pe.kr/1138
5.    국내 iOS vs. Android 사용자 비교 http://mobizen.pe.kr/1140

6.    PC보다 다양한 사용성을 보여주는 Mobile http://www.mobizen.pe.kr/982
7.    iOS5.0 과 안드로이드 4.0의 http://systemplug.com/1077
8.    애플 iOS5 vs 안드로이드 아이스크림 샌드위치 특징 비교
      http://blog.naver.com/leeks219?Redirect=Log&logNo=30127745173
9.    Accessibility 서비스로 바라본 안드로이드 vs iOS : http://www.androidpub.com/692194
10.   Android vs. iOS; 이용성 전쟁의 승자는? (원문) http://spyrestudios.com/android-vs-ios-a-usability-battle/
11.   Android vs. iOS; 이용성 전쟁의 승자는? (번역): http://fredism.com/?p=1140
12.   모바일 웹과 앱 그 차이를 살피다 : http://blog.naver.com/onlinefirst/30092535334
13.   아이폰, 스마트폰 앱과 모바일 웹 개발 스타일 선택의 기준 : http://a.tk.co.kr/635
14.   UX Factory : http://www.uxfactory.com/

15. AndroidLoader 1.2 for iOS http://youtu.be/E-M0t_vfvVw




                                                                                                      13

More Related Content

PDF
2011년도 모바일 웹 vs. 모바일앱 전망
PPTX
카카오톡 사용하기
PPTX
운영체제별 장.단점
PPTX
Ios android
PPTX
android vs ios
PPTX
WinMoDev 송년회모임
PDF
웹데브모바일 3월 세미나 자료 : 실무중심의모바일 ui&ux설계디자인 김영아
PPT
국내외모바일Os동향및플랫폼동향
2011년도 모바일 웹 vs. 모바일앱 전망
카카오톡 사용하기
운영체제별 장.단점
Ios android
android vs ios
WinMoDev 송년회모임
웹데브모바일 3월 세미나 자료 : 실무중심의모바일 ui&ux설계디자인 김영아
국내외모바일Os동향및플랫폼동향

Viewers also liked (10)

PPTX
파일시스템 관련 명령어
PPTX
소프트웨어 설치
PPTX
앱이냐?웹이냐?
PPTX
책의미래
PPTX
ITs 2주차_기본명령어(발표)
PPTX
Grub의 이해
PPTX
솜노트 에버노트 비교
PDF
시스템 관리자를 위한 리눅스강의 1강 20130203
PPTX
1주차 리눅스의 이해 및 설치, 파티션과 파일 시스템, 부팅매니져
PDF
도커 무작정 따라하기: 도커가 처음인 사람도 60분이면 웹 서버를 올릴 수 있습니다!
파일시스템 관련 명령어
소프트웨어 설치
앱이냐?웹이냐?
책의미래
ITs 2주차_기본명령어(발표)
Grub의 이해
솜노트 에버노트 비교
시스템 관리자를 위한 리눅스강의 1강 20130203
1주차 리눅스의 이해 및 설치, 파티션과 파일 시스템, 부팅매니져
도커 무작정 따라하기: 도커가 처음인 사람도 60분이면 웹 서버를 올릴 수 있습니다!
Ad

Similar to 앱이냐?웹이냐? (20)

PDF
Smart phone OS 비교
PDF
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
PPTX
안드로이드와 아이오에스
PPTX
Android VS iOS
PDF
2012 Predictions for Mobile Web and HTML5
PPTX
모바일 앱 발표
PDF
스마트폰처음사용하기_안드로이드
PDF
20120111 두번째단추 마스터클래스_모바일기술원론_나영환_mobile_contents at life
PDF
Smart Market Strategy for Mobile Web Developer
PPTX
Android VS iOS
PPT
도서관 모바일 서비스 현황과 전략
PDF
스마트폰 카테고리별 앱 추천 리스트 - 안드로이드, iOS 중심으로
PDF
Top 10 Predictions for Mobile Industry in Korea
PDF
HTML5 로 iPhone App 만들기
PDF
Discussion for mid
PDF
Discussion mid
DOCX
중간고사대체과제
PDF
스마트폰 전문 개발사가 바라보는 급변하는 모바일 환경
PDF
차세대 웹비즈니스를 위한 "HTML5"
PDF
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
Smart phone OS 비교
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
안드로이드와 아이오에스
Android VS iOS
2012 Predictions for Mobile Web and HTML5
모바일 앱 발표
스마트폰처음사용하기_안드로이드
20120111 두번째단추 마스터클래스_모바일기술원론_나영환_mobile_contents at life
Smart Market Strategy for Mobile Web Developer
Android VS iOS
도서관 모바일 서비스 현황과 전략
스마트폰 카테고리별 앱 추천 리스트 - 안드로이드, iOS 중심으로
Top 10 Predictions for Mobile Industry in Korea
HTML5 로 iPhone App 만들기
Discussion for mid
Discussion mid
중간고사대체과제
스마트폰 전문 개발사가 바라보는 급변하는 모바일 환경
차세대 웹비즈니스를 위한 "HTML5"
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
Ad

More from Chulgyu Shin (12)

PPTX
데이터베이스서버구축및운영
PPTX
PPTX
개인정보 보호에 대한 Pest 분석
PPTX
Vnc, ssh
PPTX
오리엔테이션
PPTX
TCP/IP
PPTX
PPTX
인터넷 서비스의 종류
PPTX
shell and process
PPTX
네트워크의 개념
PPTX
개인미디어확산
PPTX
소셜큐레이션
데이터베이스서버구축및운영
개인정보 보호에 대한 Pest 분석
Vnc, ssh
오리엔테이션
TCP/IP
인터넷 서비스의 종류
shell and process
네트워크의 개념
개인미디어확산
소셜큐레이션

앱이냐?웹이냐?

  • 1. 앱이냐 웹이냐 모바일 사용환경 발표일 2012.03.22 발표자 한선미 이메일 f_belle@hanmail.net
  • 2. 1. 들어가며 아이뉴스. 2012.02.06. “지난해 스마트폰 출하량 사상 처음 PC 추월” http://news.inews24.com/php/news_view.php?g_serial=634906&g_menu=020600 1
  • 3. 1. 들어가며 • User interface : 화면설계 UI • 사용자가 제품을 어떤 방식으로 이용하도록 만드느냐를 디자인 • User Experience Design : 사용자경험 • 유저의 경험을 더 멋지게 만든다는 넓은 UX 의미의 경험의 디자인, 사용자가 무언가에 대해 경험하고 느끼는 감정의 총체 아이뉴스. 2012.02.06. “지난해 스마트폰 출하량 사상 처음 PC 추월” http://news.inews24.com/php/news_view.php?g_serial=634906&g_menu=020600 2
  • 4. 2. Android vs iOS 구글 애플 개방형 OS로 다양한 제조사 다양한 제품확보 직관적이고 깔끔한 인터페이스 다양한 파일형식 지원 50만개가 넘는 앱스토어 환경 USB만으로 컴퓨터와 연결 가능 강력한 보안 환경 수많은 제조사별 운영체제 최적화 힘들어 다양한 파일 형식 미지원 개방형 OS로 보안성 취약 아이튠즈 반드시 거쳐야하는 폐쇄적 이용방식 Android 4.0 (Icecream Sandwich) iOS 5(2011.10) 3
  • 5. 2. Android vs iOS 구글 Android 4.0 애플 iOS 5 •대중화되지 않은 c2dm기반 Gtalk 보유 메시지, •iMessage (iCloud와 소프트하게 연동)으 스카이프, 카카오톡, 미톡 등 메시지 앱 콘텐츠, 로 상대방과 문자, 사진, 동영상, 연락처 (Third party app)에서 활용 앱 공유 전송/ 그룹 채팅 지원 / Notification Center • NFC(근거리 무선 통신)기반의 네트워 크로 공유/Wi-fi Direct기능으로 직접 통 신 가능 G1 phone(케이블 연결 없이 온라인) Over iOS5부터 시작 일찍부터 시작 The Air Updates 새로운 주소록을 소셜 네트워크 SNS 트위터 내장, SSO(Single sign On) 프로파일로 통합.관리 통합 로그인 처리 상태바를 통한 알림 지원 Notifica Lock screen에서도 즉시 확인 가능 MusicPlayer의 재생상태 추가 tions (부재중전화, 음성메일, 일반 알람, UI 편의성 향상, Lockscreen 에서도 주식, 소셜/메시지 등) 즉시 확인가능, 카메라 즉시접근 4
  • 6. 2. Android vs iOS 구글 Android 4.0 애플 iOS 5 액티비티의 멀티태스킹 지원, 앱 별도로 멀티 iOS4부터 시작 여러 윈도우 운영제공 태스킹 포커스 유지, 대기시간 0촬영 카메라 잠금화면에서 곧바로 점프 가능(볼륨업, 셔터 누른 채로 이동하면 자동 파노라마 기능 카메라 아이콘) 이메일, SMS 등 공유가능 잘라내기, 레드 아이 보정, 색상 자동 보 정 등 기본 편집기능 Face Unlock 기능(얼굴인식) 스크린 Slide to unlock motion (독특) 락 Lockscreen Notifications 지원 보이스 엔진(음성메모 받아적기, 전 음성 Siri/ 구글 지도 이용 화걸기, 인터넷 검색 등) 인식 네비게이션은 아직 지원 안됨 네비게이션, 구글 맵과 연동 지원 5
  • 7. 2. Android vs iOS 콤스코어 http://spyrestudios.com/andro 안드로이드 26% vs iOS 74% id-vs-ios-a-usability-battle/ 6
  • 8. 2. Android vs iOS AndroidLoader 1.2 for iOS http://youtu.be/E-M0t_vfvVw 7
  • 10. 3. 일반웹 vs 모바일웹 Wap 풀브라우징 모바일웹 i-모드 9
  • 11. 3. 모바일웹 vs 앱 모바일웹 앱 화면구성 웹서버 (JSP/PHP/ASP) 앱/클라이언트 서버와의 통신 데이터+ HTML 데이터 서버와의 통신 FORMAT HTML XML / JSON 이벤트 처리 HTML Action Phone Action 네트워크부하 높음 낮음 변경작업 용이함 용이하지 않음 서비스 재활용 전체 데이터 이용자가 느끼는 완성도 보통 높음 10
  • 12. 3. 모바일 브라우저 Offline Web Application Device Geolocation Orientation API & Canvas API HTML5 11
  • 13. 4. 향후 하이브리드 앱 Accelerator Titanium PhoneGap Appspresso HTML5 12
  • 14. 참고자료 1. 아이뉴스. 2012.02.06. “지난해 스마트폰 출하량 사상 처음 PC 추월” http://news.inews24.com/php/news_view.php?g_serial=634906&g_menu=020600 2. 아이뉴스. 2012.02.24 . “미국인 20% "모바일기기로 SNS 즐긴다 “ http://news.naver.com/main/read.nhn?mode=LSD&mid=sec&sid1=105&oid=031&aid=0000251227 3. 문화저널, 2011.10.31. “iOS VS 안드로이드 VS 윈도폰 “ http://www2.mhj21.com/sub_read.html?uid=45453&section=sc243 4. 모바일 컨텐츠 이야기 iOS vs. Android 경제학 http://mobizen.pe.kr/1138 5. 국내 iOS vs. Android 사용자 비교 http://mobizen.pe.kr/1140 6. PC보다 다양한 사용성을 보여주는 Mobile http://www.mobizen.pe.kr/982 7. iOS5.0 과 안드로이드 4.0의 http://systemplug.com/1077 8. 애플 iOS5 vs 안드로이드 아이스크림 샌드위치 특징 비교 http://blog.naver.com/leeks219?Redirect=Log&logNo=30127745173 9. Accessibility 서비스로 바라본 안드로이드 vs iOS : http://www.androidpub.com/692194 10. Android vs. iOS; 이용성 전쟁의 승자는? (원문) http://spyrestudios.com/android-vs-ios-a-usability-battle/ 11. Android vs. iOS; 이용성 전쟁의 승자는? (번역): http://fredism.com/?p=1140 12. 모바일 웹과 앱 그 차이를 살피다 : http://blog.naver.com/onlinefirst/30092535334 13. 아이폰, 스마트폰 앱과 모바일 웹 개발 스타일 선택의 기준 : http://a.tk.co.kr/635 14. UX Factory : http://www.uxfactory.com/ 15. AndroidLoader 1.2 for iOS http://youtu.be/E-M0t_vfvVw 13