'1등 아이폰 애플리케이션의 비밀' 출간기념 기부세미나
Session 4 : Stay hungry, stay foolish! 창업에 도전하다 - 워터베어소프트 조세원 대표
대한민국 뿐 아니라 일본, 대만 등 아시아 국가에서 60만회가 넘는 다운로드를 기록한 <업다운>시리즈가 만들어진 이야기와 다양한 유료 애플리케이션 마케팅 방법에 대해 소개합니다.
제목 : 모바일애플리케이션 접근성 #이것만 알아두자.
발표자 : 네이버 접근성팀 서미연
1. 모바일 애플리케이션 접근성 이것만 알아두자
2. 지금은 스마트폰 시대. 스마트폰 많이 사용하시죠?
3. 스마트폰 보유율 추이. 스마트폰 보율을 추이만 봐도 2010년 부터 계속 증가하고 있습니다.
4. 모바일 사용하실 때 가장 기본적으로 많이 사용하는 신체기관
5. 눈과 관련 있는 지침. 명도대비를 4.5:1 이상으로 적용하면 저시력, 약시 사용자가 잘 사용할 수 있게 됩니다.
6. 저시력 사용자의 스마트폰 사용 자세. 스마트폰을 눈에 아주 가까이 대고 콘텐츠를 파악합니다.
7. 잘못된 사례. 입력전 입력을 유도하는 텍스트의 명도대비가 너무 낮아.
11. 좋은 사례. 입력전 입력을 유도하는 텍스트 명도대비 5.7:1
13. 명도대비. 텍스트 명도대비는 글자와 배경 간의 명도대비를 측정합니다.
17. 명도대비 #텍스트에 윤곽선이 있을 경우. 텍스트&배경 , 텍스트&윤곽선 중 명도대비가 큰 값으로 결정
19. 명도대비 #텍스트에 후광이 있을 경우. 텍스트&배경 , 텍스트&후광 중 명도대비가 큰 값으로 결정
21. 명도대비 #텍스트 또는 배경에 그러데이션이 적용된 경우. 시작점 명도 + 끝점 명도 / 2 = 평균명도
22. 귀와 관련 있는 지침. 음성으로 들을 수 있도록 대체 텍스트를 넣어주면 전맹 사용자가 사용할 수 있어요.
23. 전맹 사용자의 스마트폰 사용 자세
24. 모바일 스크린리더. iOS의 VoiceOver와 안드로이드의 TalkBack 또는 Voice Assistant.
26. 스크린리더 사용 동영상 #아이폰 보이스오버
30. 주로 대체텍스트가 많이 누락되는 부분은 이렇게 이미지 또는 아이콘형태로 제공되는 버튼들에서 볼 수 있습니다.
31. 대체텍스트 넣기 #iOS. 엑스코드 인터페이스 빌더에서 접근성을 설정할수 있는데요.
33. 대체텍스트 넣기 #Android. xml코드 android:contentDescription = "text" / JAVA 코드 void setContentDescription("text")
34. 대체텍스트 넣기 #팝업, 알림 #iOS. UIAccessibilityPostNotification(UIAccessibilityNotification, UIObject);
35. 대체텍스트 넣기 #팝업, 알림 #Android. View.announceForAccessibility("text")
36. 개선 사례. 네이버 뮤직 iOS 앱이 최근 대체텍스트를 대거 추가하였는데요.
40. 뮤직앱 스크린리더 사용 동영상 #아이폰 보이스오버
41. 손과 관련된 지침. 복잡한 누르기 동작을 대체할 대체 수단을 제공해주면 누르기 동작만으로도 접근할수 있어요.
42. 제스처에는 다양한 종류들이 있는데요. 모든사용자가 사용할수 있을까요?
43. Carousel UI 모바일 스크린리더를 만난다면 어떻게 될까요.
44. 모바일 스크린리더 기본동작
45. Carousel UI 모바일 스크린리더를 만난다면 기존 제스처는사용할수 없기때문에 좌우 페이지 이동이 어렵습니다.
46. 개선. 어떻게 개선해야 할까요?
48. 좋은 사례 동영상
49. 좋은 사례 2. 미리 이 페이지가 좌우 이동하는 콘테츠임을 알림.
50. 모바일 스위치 접근성
51. 스위치란 보조기기는 일반적으로 누를수 있는 버튼 하나로 구성되어 있는데요. 미세한 손가락 움직임이 힘든 사용자이니 현란한 제스처를 사용하는 것은 불가능이겠죠.
52. 스위치 제어 사용 동영상 #아이폰
53. 잘못된 사례. 볼륨컨트롤러 애플리케이션 볼륨조절을 드래그 또는 좌우 스와이프제스춰로만 조절가능하도록 설계되어 있어.
54. 잘못된 사례. 개선. 음량 조절이 가능한 버튼을 플러스, 마이너스로 추가했는데요. 이렇게 단순히 누르기 또는 탭을 통해 기능을 대체해서 수행할수 있도록 해주는것이 좋겠지요.
55. 좋은 사례. 지도 애플리케이션 확대 축소 버튼을 통해 사용할 수 있도록 되어 있습니다.
이렇게 멀티드래그랄지 스와이프랄지 복잡한 제스춰를 통해 동작하는 UI에는 그 기능을 단순하게 누르기 또는 탭을 통해 수행할수 있도록 해주어야 합니다.
56. 마치며..
제목 : 모바일애플리케이션 접근성 #이것만 알아두자.
발표자 : 네이버 접근성팀 서미연
1. 모바일 애플리케이션 접근성 이것만 알아두자
2. 지금은 스마트폰 시대. 스마트폰 많이 사용하시죠?
3. 스마트폰 보유율 추이. 스마트폰 보율을 추이만 봐도 2010년 부터 계속 증가하고 있습니다.
4. 모바일 사용하실 때 가장 기본적으로 많이 사용하는 신체기관
5. 눈과 관련 있는 지침. 명도대비를 4.5:1 이상으로 적용하면 저시력, 약시 사용자가 잘 사용할 수 있게 됩니다.
6. 저시력 사용자의 스마트폰 사용 자세. 스마트폰을 눈에 아주 가까이 대고 콘텐츠를 파악합니다.
7. 잘못된 사례. 입력전 입력을 유도하는 텍스트의 명도대비가 너무 낮아.
11. 좋은 사례. 입력전 입력을 유도하는 텍스트 명도대비 5.7:1
13. 명도대비. 텍스트 명도대비는 글자와 배경 간의 명도대비를 측정합니다.
17. 명도대비 #텍스트에 윤곽선이 있을 경우. 텍스트&배경 , 텍스트&윤곽선 중 명도대비가 큰 값으로 결정
19. 명도대비 #텍스트에 후광이 있을 경우. 텍스트&배경 , 텍스트&후광 중 명도대비가 큰 값으로 결정
21. 명도대비 #텍스트 또는 배경에 그러데이션이 적용된 경우. 시작점 명도 + 끝점 명도 / 2 = 평균명도
22. 귀와 관련 있는 지침. 음성으로 들을 수 있도록 대체 텍스트를 넣어주면 전맹 사용자가 사용할 수 있어요.
23. 전맹 사용자의 스마트폰 사용 자세
24. 모바일 스크린리더. iOS의 VoiceOver와 안드로이드의 TalkBack 또는 Voice Assistant.
26. 스크린리더 사용 동영상 #아이폰 보이스오버
30. 주로 대체텍스트가 많이 누락되는 부분은 이렇게 이미지 또는 아이콘형태로 제공되는 버튼들에서 볼 수 있습니다.
31. 대체텍스트 넣기 #iOS. 엑스코드 인터페이스 빌더에서 접근성을 설정할수 있는데요.
33. 대체텍스트 넣기 #Android. xml코드 android:contentDescription = "text" / JAVA 코드 void setContentDescription("text")
34. 대체텍스트 넣기 #팝업, 알림 #iOS. UIAccessibilityPostNotification(UIAccessibilityNotification, UIObject);
35. 대체텍스트 넣기 #팝업, 알림 #Android. View.announceForAccessibility("text")
36. 개선 사례. 네이버 뮤직 iOS 앱이 최근 대체텍스트를 대거 추가하였는데요.
40. 뮤직앱 스크린리더 사용 동영상 #아이폰 보이스오버
41. 손과 관련된 지침. 복잡한 누르기 동작을 대체할 대체 수단을 제공해주면 누르기 동작만으로도 접근할수 있어요.
42. 제스처에는 다양한 종류들이 있는데요. 모든사용자가 사용할수 있을까요?
43. Carousel UI 모바일 스크린리더를 만난다면 어떻게 될까요.
44. 모바일 스크린리더 기본동작
45. Carousel UI 모바일 스크린리더를 만난다면 기존 제스처는사용할수 없기때문에 좌우 페이지 이동이 어렵습니다.
46. 개선. 어떻게 개선해야 할까요?
48. 좋은 사례 동영상
49. 좋은 사례 2. 미리 이 페이지가 좌우 이동하는 콘테츠임을 알림.
50. 모바일 스위치 접근성
51. 스위치란 보조기기는 일반적으로 누를수 있는 버튼 하나로 구성되어 있는데요. 미세한 손가락 움직임이 힘든 사용자이니 현란한 제스처를 사용하는 것은 불가능이겠죠.
52. 스위치 제어 사용 동영상 #아이폰
53. 잘못된 사례. 볼륨컨트롤러 애플리케이션 볼륨조절을 드래그 또는 좌우 스와이프제스춰로만 조절가능하도록 설계되어 있어.
54. 잘못된 사례. 개선. 음량 조절이 가능한 버튼을 플러스, 마이너스로 추가했는데요. 이렇게 단순히 누르기 또는 탭을 통해 기능을 대체해서 수행할수 있도록 해주는것이 좋겠지요.
55. 좋은 사례. 지도 애플리케이션 확대 축소 버튼을 통해 사용할 수 있도록 되어 있습니다.
이렇게 멀티드래그랄지 스와이프랄지 복잡한 제스춰를 통해 동작하는 UI에는 그 기능을 단순하게 누르기 또는 탭을 통해 수행할수 있도록 해주어야 합니다.
56. 마치며..
코딩없이 앱과 모바일 웹을 개발하는 것이 가능하고, 안드로이드 뿐만 아니라 애플의 iSO, 윈도운7 까지 원소스로 컨버젼할 수 있는 기능을 갖춘 한국 기업의 모바일 솔루션 입니다. 기존에 구축된 ERP, 그룹웨어와 같은 레거시 시스템 까지 드래그 앤 드롭으로 연동되지요. 본 자료는 본 솔루션을 가지고 KT의 솔루션 사업에 대한 경쟁력을 높혀 보자는 제안서 입니다.
코딩없이 앱과 모바일 웹을 개발하는 것이 가능하고, 안드로이드 뿐만 아니라 애플의 iSO, 윈도운7 까지 원소스로 컨버젼할 수 있는 기능을 갖춘 한국 기업의 모바일 솔루션 입니다. 기존에 구축된 ERP, 그룹웨어와 같은 레거시 시스템 까지 드래그 앤 드롭으로 연동되지요. 본 자료는 본 솔루션을 가지고 KT의 솔루션 사업에 대한 경쟁력을 높혀 보자는 제안서 입니다.
Similar to 1등 아이폰 애플리케이션의 비밀 출간기념 세미나 Session 4 (20)
9. Waterbear 란?: 최대크기 1.5mm, (정식 명칭: Tardigrade-느리게 걷는 동물; 완보류) 이 동물의 특징:지상 최고의 생존력을 가지고 있음. * 특징1 - 극한 환경에서의 적응력 ㄱ. 수분 공급 없이 10년을 살 수 있는 무척추동물 (휴면상태를 취함) ㄴ. 극한 온도 섭씨 151도와 -272도에서 수 일을 견딤. 고온과 저온을 견디는 양온성 생물 ㄷ. 5,700 gray 수준의 X선에서도 견딤.(5gray- 사람에게 치명적) 원자로에서도 유일하게 살아남음. ㄹ. 최근에는 우주 공간에서도 살아남는다는 것이 실험을 통해 밝혀짐. *특징2 – 휴면 상태를 취함 위와 같은 내성을 지녔음에도 자신의 생존에 불리한 경우(물이 부족할 때) 휴면 상태(cryptobiosis)를 취함 이후 자신에게 맞는 환경조건이 조성될 경우 다시 깨어나서 활동함. 휴면상태에서 120년 동안 머물러 있던 것도 발견됨. *특징3 - 수명 평균적으론 150년, 최대 1,200년 간 산다고 함. 지구 최장 수명. * 유튜브 동영상 보기 >> http://www.youtube.com/watch?v=Aevrhwdhymk