• Save
[7/27 접근성세미나] 모바일 앱, 사용성에서 접근성까지
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

[7/27 접근성세미나] 모바일 앱, 사용성에서 접근성까지

on

  • 4,794 views

 

Statistics

Views

Total Views
4,794
Views on SlideShare
1,575
Embed Views
3,219

Actions

Likes
8
Downloads
0
Comments
0

21 Embeds 3,219

http://html.nhncorp.com 1945
http://localhost 521
http://nuli.navercorp.com 407
http://nuli.nhncorp.com 149
http://10.99.214.81 76
http://www.hanrss.com 32
http://10.67.8.132 21
http://www.feedspot.com 21
http://www.idestudio.kr 13
http://cloud.feedly.com 8
http://www.uxdc.com 7
http://guide.nhndesign.com 4
http://report.nhndesign.com 3
http://mail3.nate.com 3
http://feedly.com 2
http://summary 2
http://175.158.31.27 1
http://www.inoreader.com 1
http://webcache.googleusercontent.com 1
http://n.ajaxui.org 1
http://qa.nuli.nhncorp.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

[7/27 접근성세미나] 모바일 앱, 사용성에서 접근성까지 Presentation Transcript

  • 1. Mobile App 사용성에서 접근성까지 김정현 SSG TF
  • 2. 2 Agenda I. 누가 어떻게 사용하고 있을까? 1. 사용자 분석 2. Interview II. Persona 1. 전맹 Primary/Secondary/Scenario 2. 저시력 Primary/Secondary/Scenario 3. 고령자 Primary/Secondary/Scenario III. 시사점 IV. 모바일 앱 접근성 가이드 예시
  • 3. 모바일 애플리케이션 누가 어떻게 사용하고 있을까?
  • 4. 4 UX 1. 대체 텍스트 2. 포커스 이동 3. 운영체제의 접근성 기능사용 4. 누르기 동작 (간단한 탭) 5. 자막제공 (자막 및 수화등의 제공) 6. 다양한 알림 수단 7. 일관된 인터페이스 8. 자동재생 음성 미제공 9. 자동갱신/ 시간 제한 콘텐츠 제어 UI 1. 색에 무관한 인식 2. 명도 대비 3. 컨트롤 간 충분한 간격 4. 사용자 설정에 맞는 폰트 5. 깜박거리는 콘텐츠 사용 지양 Iteration 1 사용자 분석 전 맹 Iteration N 저시력 고령자 청각 언어 지체 뇌병변 인지 실인증 • 모바일 애플리케이션 접근성 지침(행안부) • 사용자 기준으로 접근성 체크사항 확인 • Iteration별로 대상 사용자 고민
  • 5. Use+ability Access + ability 그럼 이제 모두가 사용에 어려움이 없을까? 누구나 접근하기 편리할까?
  • 6. 6 직접 만나서 이야기를 나누다.
  • 7. 7 이렇게 사용했어요. 이런 것이 어려웠어요. 전맹 저시력 고령자 Interview
  • 8. 8 야구와 영화를 좋아하고, 음악듣기와 독서를 취미로 하는 감성적인 특수학교 선생님 전 맹 [ Persona – Primary ] - 박영진 박영진 장애등급 : 전맹(선천성) 나이 : 32세/ 남자(미혼) 직업 : 특수학교 선생님 취미 : 야구 시청, 독서 음악 듣기 사는 곳 : 경기도 안양 숙련도 : 상 사용 기간 : 5년 Background 5년차 특수학교 선생님으로 맹인학교에서 학생들에게 컴퓨터를 가르치고 있다. 활동적인 성격은 아니지만 야구 게임을 좋아해서 여유 시간이 생길 때면 야구 중계를 본다. 야구 중계가 없는 날에는 드라마나 음악을 듣거나, E-Book으로 독서를 즐긴다. User Goal • E-Book을 음성으로 들을 때, 포커스가 다시 원점으로 돌아가는 현상 픽스. • 실시간이나, 시간 제한적인 뉴스 접근 • 야구나 드라마 시청 시에 자막 꼭 필요. • 기상정보에 대한 정확한 정보 전달 필요. 날씨 앱 지하철 앱 알람 앱 뉴스 앱 E-Book 동영상 앱음악 앱
  • 9. 9 음악감상 날씨확인 알람2 3 41 출근길 뉴스5 수업준비6 동영상7 Positive Feelings 3 Negative Feelings 기상변화가 앱에 즉시 반영이 되지 않는다. 지하철 환승 정보에 대한 음성 접근이 좋지 않다. 위치기반 알람 앱의 알림이 좀 더 다양하고, 정확했으면 좋겠다. 실시간 롤링이 되면서, 포커스가 튀면서 새로운 뉴스 인식이 어렵다. E-Book 읽어주는 TTS가 책갈피를 인지하지 못하는것이 아쉽다. 지난 영화나 드라마는 자막 등이 잘 제공되지 않고, 화면해설 사이트도 닫혀버렸다. 좋아하는 음악으로 아침을 열수 있어 좋다. 전 맹 [User Scenario ] - 박영진 Behavior Process
  • 10. 10 맛있는 음식과 커피를 즐기고, 쇼핑을 좋아하는 행복한 20대 여성, 이현지 이현지 장애등급 : 전맹(중도실명자) 나이 : 22세/여자(미혼) 직업 : 학생 취미 : SNS, 사진 찍기 사는 곳 : 서울시 잠실 숙련도 : 중 사용 기간 : 4년 Background 4년전 사고로 전맹이 되었고 아직 점자에 약 해 스크린리더기에 의존하고 있다. 모바일을 통해 친구들과 소통하는 것을 즐기 고, 커피와 맛있는 음식을 좋아한다. 사고 전보다 모바일 의존도가 높아졌고, 평범한 20대 여성들과 마찬가지로 쇼핑을 즐기고, SNS로 일상을 공유한다. User Goal • SNS에 올린 친구의 사진, 동영상 공감 • 현재 나의 위치 파악 중요 • 새로운 앱 구매 시, 접근성 관련 정보 필요 • 유명한 식당의 메뉴판이 접근 필요 • 사진찍을 때, 구도가 잘 맞는지 구도 확인 필요 지도 앱 SNS 쇼핑 앱 사진인지맛집앱 전 맹 [ Persona – Secondary ] - 이현지
  • 11. 11 Positive Feelings 맛집 검색 맛집 이동 SNS공유2 3 41 메뉴 주문 쇼핑5 확인6 앱 쇼핑73 Negative Feelings 맛있는 음식점은 교통이 안 좋을 때가 많다. 지도검색을 이용해서 내 위치를 알고 싶을 때가 많다. 대부분의 음식점들의 메뉴판은 확인하기가 어렵다 카메라로 찍어서, 음성으로 인지하는데 쉽지 않다 사진을 찍을 때, 오해하고 제제당하는 경우가 많다. 친구들과 SNS에 음식 사진을 같이 공유하고 싶다. 외출할 때, 예쁜 옷들을 입고 가고 싶어 온라인 쇼핑을 주로한다. 예고 없는 이벤트 팝업으로 일어나는 화면이동으로 인해, 불편하다. 옷을 입어보고, 사진을 찍어 소리로 인지할 때, 구도가 잘 안 맞아서 실패를 많이한다. 다른 음식앱들을 많이 다운받는 편인데, 접근성 에 대한 설명이 없어서 힘든 경우가 있다. 반경설정과 메뉴검색을 통해 맛집을 선택할수 있다. 전 맹 [User Scenario] - 이현지 Behavior Process
  • 12. 12 매일 4시간 통학시, 다양한 정보를 섭렵하여 친구들 사이에서 ‘정보통’으로 통함 저 시력[ Persona – Primary ] – 박은재 게임 앱 지하철 앱 뉴스 앱 동영상앱 메신저 앱 SNS Background 경기대(수원) 인문학부 3학년에 재학중인 박은재 학생은 선천적인 저 시력 장애를 겪고 있다. 약시에 색맹이 있어 이용하는 매체에 한계는 있지만, 또래 친구들에 비해 경제,시사 부분에 해박하다. 의정부에서 학교까지 매일 4시간의 이동시간을 뉴스와 최근 이슈인 동영상을 섭렵하고, 이 정보들을 많은 친구들과 소통하며, 더 많은 정보를 공유하고 싶어한다. 박은재 장애등급 : 전맹(선천성) 나이 : 23세 직업 : 대학생(인문) 사는 곳 : 경기 의정부 장애 등급 : 약시/색맹 이용 경험 수준 : 3년 User Goal • 색보다 형태로 인식하게 구성 필요 • 동영상의 자막이나 대체 텍스트의 요약이 필요 • 이미지,텍스트 뿐만 아니라 동영상의 확대 기능 필요 • 배터리 잔량의 알림 기능 필요
  • 13. 13 Positive Feelings 등교 이동 메신저2 3 41 뉴스 정보공유5 동아리6 하교73 Negative Feelings 이동하면서 동영상을 많이 보는데, 자막이 작아서 잘 보이지 않는다. 동영상 확대기능이 있으면, 좋겠다. 재밌는 정보들은 메신저를 통해 친구들에게 소식을 전한다. 뉴스와 새로운 소식을 확대해서 인지한다. 안드로이드는 탈옥을 해야 확대가 되어 불편한 점이 있다. SNS를 통해 정보 공유한다. 게임 화면 확대가 안되어 익숙한 게임만 하고 있다 종일 모바일을 사용하다보니, 나도 모르게 방전이 되는 경우가 있다. 급행 열차 시간 확인하여 등교한다. 처음에는 지하철 노선 색채정보에 구분이 힘들었다. 저 시력[User Scenario ] -박은재 Behavior Process
  • 14. 14 조형석 나이 : 37세 직업 : 조율사 사는 곳 : 서울 혜화동 장애 등급 : 약시 이용 경험 수준 : 4년 음식보다 음악을 사랑하며, 절대음감을 가지고 있는 출장 피아노 조율사 저 시력 [Persona – Secondary] - 조형석 지하철 앱 날씨 앱 스케쥴 앱 Background 업계에서 알아주는 피아노 조율사다. 초행길로 이동이 잦은 직업 특성상 교통 앱들을 이용할 때 컨트롤이 힘들거나 중요한 정보(환승, 연계버스)에 대한 접근이 어려워 불편함을 느낀다. 업무 외에는 외부 출입이 거의 없으며, 주로 배달음식을 자주먹고, 대학 전공이 었던 음악 편집 및 작곡 작업을 하거나, 클래식 음악을 듣는다. User Goal • 상세히 길을 알려주는 지도 앱이 필요 • 버스의 정보가 실시간으로 정확한 앱 필요 • 지하철 환승과 지하철과 버스 연계정보가 필요 • 음식 배달앱 에서 메뉴 설명 및 기능 향상 필요 지도 앱 버스 앱 음악앱 배달 앱
  • 15. 15 Positive Feelings 날씨 확인 출근 출장2 3 41 스케쥴 확인 퇴근5 음악 듣기6 음식 배달73 Negative Feelings 교통앱으로 급행시간 확인하여 출근한다. 초행길에 지도와 지하철, 버스를 사용하여 이동한다. 환승정보, 연계노선에 대한 음성접근이 어려워 바로 앞에서 버스나 지하철을 놓친 적이 많다. 푸쉬알림으로 스케쥴을 체크한다.(문자, 메일) 버스시간 정보가 실시간으로 정확하지 않은 경우가 있다. 집에와서, 쉬는동안은 음악을 주 로 듣는다. 배달음식을 주로 이용하는데 메뉴 상세설명 부족하여 선택에 어려움이 있다. 날씨정보 음성으로 한다. 간혹 날씨정보가 불일치 되는 경우가 있다. 저시력[User Scenario ] - 조형석 Behavior Process
  • 16. 16 SNS로 새로운 친구들을 사귀며 취미생활도 활발하게 한다.고령자 [ Persona – Primary ] - 신일섭 신일섭 (78) 직업 : 공무원 퇴직 사는 곳 : 서울시 천호동, 경남 통영 기술 숙련도 : 중상 이용 경험 : 3년 OS : iphone 4 날씨 앱 지하철 앱 혈압체크 앱 지도 앱 메신저 앱 네비게이션 앱 동영상 앱 Background 신일섭 할아버지는 78세이며 천호동(아들 집)과 고향 통영을 오가며 3년 전 자녀들이 스마트폰을 선물하여 SNS, 지도 등을 이용하며, 가족들과 소통하고, 서울나들이를 하면서 여가시간을 활용하고 계신다. User Goal • 같은 연령대의 좀 더 많은 사람들과의 모바일 소통 • 한자입력 시 좀 더 편리하게 사용할 수 있는 기능 필요 • 지난 동영상의 편리한 검색. • 혈당 체크 기기등과 같은. 좀 더 많은 건강장치의 모바일 연계
  • 17. 17 Positive Feelings 뉴스 확인 목적지 확인 카페2 3 41 실버영화관 귀가5 건강체크6 드라마 시청73 Negative Feelings 지도를 사용하여 목적지를 확인한다. 영화 본 후, 카페에서 메신저로 가족들에게 소식을 전하고, 안부를 묻는다. 지하철로 영화관까지 이동한다. 거리가 멀지 않을 경우 운동겸으로 집까지 걸어온다. 네비게이션도 사용해봤는데, 운전자 위주이기 때문에, 바로 코앞에 두고 U턴하라고 가이드 받은적이 있다. 집에 와서 보조기기를 사용하여, 혈압체크한다. 사극이나 드라마를 모바일로시청한다 . 일어나자마자 뉴스를 확인한다. 고령자[User Scenario ] - 신일섭 Behavior Process
  • 18. 18 SNS로 자녀들과 일상을 나누며 관계가 더욱 돈독해진 한복집 할머니 홍점례 (73) 직업 : 한복 점 운영 사는 곳 : 서울시 안국동 기술 숙련도 : 중 이용 경험 : 1~2년 고령자 Persona – Secondary - 홍점례 Background 홍점례 할머니는 78세의 할아버지와 함께 안국동에서 작은 한복 집을 운영하신다. 일주일에 한번씩 딸, 아들 가족을 불러 손수 음식을 만들어 식사를 하고 있다. 요즘은 손자, 손녀 입맛을 맞추기 위해 새로운 음식에 도전하고 계신다. 미국에 있는 아들네는 자주 볼 수 없어 영상통화를 이용하여, 만나고 있다. User Goal • 스마트폰 기종과 상관없이 영상 통화 가능 • 멀리 미국에 선물을 보내기 위한 손쉬운 온라인 쇼핑 • 요리 하면서. 요리법을 잘 볼 수 있게 손쉬운 글씨 확대와 사진 확대 • 좋아하는 옛날 음악을 바로 검색할 수 있는 손 쉬은 음악 검색 지하철 앱 라디오 메신저 쇼핑 앱사진 앱 음악듣기 요리
  • 19. 19 Positive Feelings 화단관리 출근 메신저2 3 41 라디오 쇼핑5 음악검색6 요리73 Negative Feelings 지금은 익숙하지만, 처음에는 어떻게 사용하는지 잘 몰랐었다. 아침에 찍어둔 화단 사진을 손자, 손녀 딸에게 메신저로 보내고, 손자들 사진도 확인한다. 잘 끊기고, 음질이 좋지 않다. 손자들에게 줄 선물을 인터넷으로 찾아서 선물한다. 처음 한번 사용해 보고, 복잡해서 잘 사용하지는 않는다. 옛날에 좋아했던 음악을 들으면, 따라 부르거나 소리검색을 통해 검색해본다. 손자 입맛에 맞추기 위해, 새로운 요리법을 확인하며 요리한다. 글씨 크기가 더 컸으면 좋겠다. 화단에 물 주면서, 사진을 찍는다. Behavior Process 고령자[User Scenario ] - 홍점례
  • 20. 20 시사점
  • 21. 21 1 필수 텍스트가 아닌 콘텐트의 의미나 기능을 인식할 수 있도록 대체 텍스트를 제공하는가? 2 멀티미디어 콘텐트와 동등한 내용의 정보를 이외의 다른 방법으로도 제공하는가? 3 멀티미디어 콘텐트의 경우, 화면 상의 콘텐트와 동기화하여 제공하는가? 4 필수 크기, 방향, 위치, 음향 효과 등 만으로 의미를 전달하는 정보의 경우, 정보 손실 방지를 위해 이외의 다른 방법으로도 동등한 내용의 정보를 제공하는가? 5 필수 색으로 의미를 전달하는 정보의 경우, 정보 손실 방지하기 위해 이외의 다른 방법으로도 동등한 내용의 정보를 제공하는가? 6 필수 명시성 확보를 위해 콘텐트의 명도 대비를 최소 4.5:1 이상으로 제공하는가? 7 명시성 확보를 위해 콘텐트의 명도 대비를 높일 수 있는 컨트롤을 제공하는가? 8 가독성을 높이기 위해 서체 크기를 조절할 수 있는 컨트롤을 제공하는가? 9 정보 알림을 시각적인 방법 이외의 다른 방법으로도 제공하는가? 10 정보 알림 방법의 선택이 가능한 컨트롤을 제공하는가? 11 필수 초점이 콘텐트의 모든 객체에 적용되어 있는가? 12 필수 초점이 콘텐트의 논리적인 순서에 따라 이동하는가? 13 자동 갱신 또는 시간 제한적인 콘텐트의 경우, 이외의 다른 방법으로 동등한 내용의 정보를 제공하는가? 14 초점 이용의 편이성을 고려할 때 동일한 UI 요소들(메뉴 바, 네비게이션 바 등)의 배치에 일관성이 있는가? 15 정보 조회의 흐름을 방해하지 않기 위해 동일한 UI 요소들의 인터랙션에 일관성이 있는가? 16 어플리케이션 업데이트 시, UI측면에서 사용자의 반복 학습을 요구하는 큰 변화가 있지 않은가? 17 필수 Multi-Touch, Drag and Drop 또는 Swipe와 같은 복잡한 누르기 동작의 대체 컨트롤을 제공하는가? 18 컨트롤에 대한 접근 용이성 확보를 위해 객체의 크기는 8.5mm X 8.5mm 이상으로, 혹은 중심 간의 간격은 13mm X 13mm 이상으로 제공하는가? Checklist
  • 22. 22 예시
  • 23. 23 예시
  • 24. 24 사람과 사람이 만나는 세상, 모바일은 사람을 실고…. Thank You