소셜커머스 애플리케이션의 모바일 접근성 및 개선 방안

[소셜커머스 APP 실태조사 발표]

1/38


Mobile Accessibility

장선영 대표 컨설턴트 | 에스앤씨랩

2014.12.09 웹접근성캠프


2/33

시각장애인 쇼핑 설문(Ⅰ)

매장방문

50%PC

43%

모바일

7%

<쇼핑 방법>

있음

43%

없음

36%

무응답

21%

<모바일 앱 구매경험>

예

29%

아니오

14%

구매경험

없음

57%

<최종결제 가능여부>

접근성 보장

불확실

50%

구매과정복

잡

37%

기타

13%

<쇼핑앱 구매를 하지 않은 이유>

출처 : 일산직업능력센터 시각장애인 설문조사 결과(2014.12)


3/33

있음

92%

없음

8%

시각장애인의 모바일 쇼핑몰 접근이쉽다면 자주 이용하실 계획이 있나요?

시각장애인 쇼핑 설문(Ⅱ)


4/33

국내 모바일 쇼핑 시장 규모

출처 : 핚국온라인 쇼핑협회


5/33

출처 : http://www.mobizen.pe.kr/tag/706

4위 대형마트 쇼핑몰7.21%

2위 오픈마켓37.65%

3위 종합쇼핑몰9.82%

1위 소셜커머스45.33%

쇼핑업태별방문자수


6/33

앱스토어 소셜커머스 검색 결과


7/33

3대 대표 소셜커머스 앱


8/38


소셜 커머스 앱의 문제점 및해결방안 살펴보기


9/33

실태 조사 결과

구 분 위메프 쿠팡 티몬

접근성 점수 70.8점 85점 82점

접근성 준수지침 7/12 8/12 7/12

접근성 수준 미흡 보통 미흡

앱 결제여부 O O O

회원가입 O O O

- 조사기갂 : 2014. 12. 01 ~ 2014. 12. 05

- 대상선정 : 구글/애플 스토어 소셜커머스 다운로드 상위 3개 앱(위메프, 쿠팡, 티몬)

- 평가방법 : “모바일 앱 접근성 지침 1.0”을 기반으로 전문가 / 사용자 평가 짂행

- 평가기준 : 메인, 검색, 상품설명, 결제, 회원가입 페이지에 대핚 준수여부를 평가

- 짂단 도구 : iOS(Ver.7.1)의 음성 읽기 기능(VoiceOver) 이용


10/33

모바일 앱 접근성 평가 지표항목 지표

필

수

항

목

1. 대체 텍스트 텍스트 아닌 콘텐츠는 대체 가능한 텍스트를 함께 제공하는가?

2. 초점 (Focus) 모든 객체에는 초점(focus)이 적용되고, 초점은 순차적으로 이동되는가?

3. 운영체제 접근성 기능 지원입력 서식은 운영체제에서 제공하는 접근성 속성을 활용하여 사용자가 이해하

기 쉽도록 제공하고 있는가?

4. 누르기 동작 지원 모든 컨트롤은 누르기(touch or tap)동작으로 제어할 수 있는가?

5. 색에 무관한 인식 화면에 표시되는 모든 정보는 색에 관계없이 인식할 수 있는가?

6. 명도 대비화면에 표시되는 모든 정보는 전경색과 배경색이 구분될 수 있도록 최소 대비

3:1 이상으로 제공되는가?

7. 자막, 수화 등의 제공 멀티미디어 콘텐츠에는 동등핚 내용의 자막, 원고 또는 수화가 제공되는가?

권

고

항

목

8. 컨트롤갂 충분핚 갂격 컨트롤 중심갂의 갂격은 13mm 이상인가?

9. 알림 기능사용자에게 알림을 제공핛 때에는 짂동, 시각, 소리 등 최대핚 다양핚 방법으로

사용자가 선택핛 수 있도록 제공하는가?

10. 사용자 인터페이스의 일관성 사용자 인터페이스 요소들의 배치를 일관성 있게 제공하였는가?

11. 깜빡거림의 사용 제핚 광과민성 발작을 일으킬 수 있는 콘텐츠를 제공하였는가?

12. 배경음 사용금지 자동으로 재생되는 배경음을 사용 하였는가?

기준 : 모바일 애플리케이션 접근성 지침(행정안전부 고시 제2011-38호, 2011. 9. 22 제정) 15개 지표(3가지 항목 제외)


11/33

상품 탐색 가능할까?(대체텍스트)_ 대체텍스트는 화면 낭독기를 지원하기 위해서 필수적으로 지켜져야 하는 사항입니다.

개선방안 _

적절핚 대체텍스트를 제공 해

야 함.

개선방안 _

이미지텍스트 및 버튼이미지에

대체텍스트를 제공해야 함.

개선방안 _



△ XX


12/33

상품 검색 가능할까?(대체텍스트)_ 대체텍스트는 화면 낭독기를 지원하기 위해서 필수적으로 지켜져야 하는 사항입니다.

개선방안 _



개선방안 _

적절핚 대체텍스트를 제공함

개선방안 _



XO X


13/33

상품 상세보기 가능할까?(대체텍스트)_ 대체텍스트는 화면 낭독기를 지원하기 위해서 필수적으로 지켜져야 하는 사항입니다.

개선방안 _



개선방안 _



개선방안 _



XX X


14/33

상품 옵션보기 가능할까?(초점이동)_ 초점이란 객체의 선택과 그에 따른 활성화를 표시하는 데 사용됩니다.

개선방안 _

모든 객체에는 초점(포커스)가

적용되어야 함. 순서대로 이동

핛 수 있도록 제공해야 함.

개선방안 _




개선방안 _




XX X


15/33

입구를 막는 것들!(초점이동)_ 초점이란 객체의 선택과 그에 따른 활성화를 표시하는 데 사용됩니다.

개선방안 _




X


16/33

순서대로 읽어주세요!(초점이동)_ 초점이란 객체의 선택과 그에 따른 활성화를 표시하는 데 사용됩니다.

개선방안 _




오늘의 발견 9번째 페이지

-> 총 9페이지 중 1페이지

-> 오늘의 발견 1번째 페이지

-> 오늘의 발견 2번째 페이지

1

2

3 4

X


17/33

단순 누르기가 제공되나요?(누르기 동작지원)_ 모든 컨트롤은 누르기 동작으로 제어할 수 있어야 한다.

슬라이딩

☓☓

개선방안 _

슬라이드, 끌기와 놓기(Drag

and Drop)등의 누르기 동작은

단순핚 누르기 동작으로 대체

핛 수 있는 방법이 제공되어야 함.

개선방안 _

슬라이드, 끌기와 놓기(Drag

and Drop)등의 누르기 동작은

단순핚 누르기 동작으로 대체

핛 수 있는 방법이 제공되어야 함.

슬라이딩


18/33

현재 위치를 알려주세요!(색에 무관한 인식)_ 화면에 표시되는 모든 정보는 색에 관계없이 인식할 수 있는가?

개선방안 _

명암이나 패턴, 굵기 등을 사용하여 색에 관계없이

인식 될 수 있도록 제공

X

개선방안 _

명암이나 패턴, 굵기 등을 사용하여 색에 관계없이

인식 될 수 있도록 제공

X


19/38


NASA-TLX를 활용한 모바일쇼핑 앱에서의 작업부하 평가


20/33

WhyShe?

Pleasure Stress relief

Only Low Price?

HappinessDespair


21/33

NASA-TLX(NASA Task Load Index)는 원래 대형 시스템에서의작업수행과정에서의 작업부하 평가를 위해 미국 항공우주국

(National Aeronautics & Space Administration)에서 개발된방법으로, 정신적 요구(mental demand), 육체적 요구(physical

demand), 시간적 요구(temporal demand), 노력수준(effort), 수행도 수준(performance), 좌절수준(frustration)의여섯가지 평가기준에 의해 평가할 수 있는 주관적인 평가방법이다.

NASA-TLX(Task Load Index)


22/33

항목 평가내용

정신적 요구과제를 수행하기 위해 정신적으로 얼마나 많은 능력이 요구되는가? (의사결정, 계산, 기억 등)

신체적 요구과제를 수행하기 위해 신체적으로 얼마나 많은 능력이 요구되는가?(밀기, 당기기, 돌리기 등)

시간적 요구과제를 수행하기 위해 얼마나 서둘러야 하는가?(시간적 압박감)

수행도 과제를 얼마나 성공적으로 수행하였는가?

노력 과제를 수행하기 위해 얼마나 노력하였습니까?

좌절과제를 수행하면서 얼마나 불안하고, 초조하고, 화나고, 스트레스를 받았습니까?

NASA-TLX 평가 항목


23/33

평가 방법

먼저 5명의 평가자들이 3가지 앱에서 작업 수행 후 질문법(Post task Questionnare) 절차에 따라서 각각의 작업부하 평점을 부여하였다. 평가자들은 6가지 요인들을 서로 각각 비교하도록 하여 상대적으로 중요한 요인을선정한다. 그러고 나서 상대적 중요도에 의해 각 요인들의 가중치를 결정하고, 수행한 괴제에 대해 6가지 평가항목을 이용하여 평가하면 평가 점수와 각 요인의가중치를 곱한 뒤 전체를 합산하고 나서 다시 가중치의 합으로 나누어 심리적부하를 계산한다.

Task 1. 메인 페이지에서 추천 상품 정보 중 한가지를 위시리스트에 담아보시오.

Task 2. 회원가입 절차를 진행하시오.

Task 3. ‘펜션’검색 후 상품 문의하기.

Task 4. 펜션 상품을 구매하시오.


24/33

작업부하 100점 평점에 의한 값Task 1. 메인 페이지에서 추천 상품 정보 중 한가지를 위시리스트에 담아보시오.

정신적요구

신체적요구

시간적요구

노력좌절수

준수행도

위메프 30.5 37.8 29.5 35.0 36.5 26.8

쿠팡 39.0 31.3 29.8 51.3 36.5 31.5

티몬 50.0 47.3 38.8 34.8 42.0 39.3


정신적요구

신체적요구

시간적요구

노력좌절수

준수행도

위메프 58.3 58.0 46.0 42.5 57.0 56.0

쿠팡 57.3 40.3 39.3 45.3 64.3 63.5

티몬 62.5 47.5 48.8 45.0 67.0 40.0


정신적요구

신체적요구

시간적요구

노력좌절수

준수행도

위메프 34.0 32.8 31.3 37.8 40.3 29.0

쿠팡 32.3 29.0 30.3 40.5 36.0 31.3

티몬 26.5 29.8 29.0 37.3 32.8 30.3


정신적요구

신체적요구

시간적요구

노력좌절수

준수행도

위메프 58.3 45.0 45.7 35.0 54.7 50.0

쿠팡 58.3 45.0 45.7 35.0 54.7 50.0

티몬 58.3 45.0 45.7 35.0 54.7 50.0


25/33

항목별 가중치 산출비장애인의 항목별 가중치

평가 기준 평가 기준의 가중치

정신적 요구 0.23

신체적 요구 0.04

시간적 요구 0.23

수행도 0.21

노력 0.15

좌절수준 0.15

시각 장애인의 항목별 가중치

평가 기준 평가 기준의 가중치

정신적 요구 0.33

신체적 요구 0.00

시간적 요구 0.07

수행도 0.13

노력 0.27

좌절수준 0.20

정신적요구, 4

신체적요구, 1

시간적요구, 3수행도, 2

노력, 2

좌절수준, 3

정신적요구, 4

신체적요구, 1

시간적요구, 2

수행도, 2

노력, 3

좌절수준, 3


26/33

척도를 이용한 평가결과(비장애인)

0

10

20

30

40

50

60

Task 1

Task 2

Task 3

Task 4

위메프

티몬

쿠팡

심리적 부하 점수

위메프 티몬 쿠팡

Task 1 31 42 36

Task 2 53 53 53

Task 3 34 30 33

Task 4 50 48 54

Task 1. 메인 페이지에서 추천 상품 정보 중 한가지를

위시리스트에 담아보시오.





27/33

척도를 이용한 평가결과(시각장애인)

0

10

20

30

40

50

60

70

80

90

100

Task 1

Task 2

Task 3

Task 4

위메프

티몬

쿠팡

심리적 부하 점수

위메프 티몬 쿠팡

Task 1 88 85 90

Task 2 82 82 94

Task 3 37 39 39

Task 4 82 97 97

Task 1. 메인 페이지에서 추천 상품 정보 중 한가지를

위시리스트에 담아보시오.





28/38


시각장애인도 사용할 수 있을까요?(사용자 평가 시연)


29/33

연구원 소개

이제승 선임 연구원

1. 약력- (현) SNC Lab 접근성 컨설팅 연구원- 영짂전문대학 / 핚국사이버대학교 사회복지 전공

2. 개인 SNS 채널- https://www.facebook.com/hayday00


30/33

사용이 가능한가요?

가입 / 상품설명 / 결제 시연


31/38


㈜에스앤씨랩

웹 접근성 컨설팅 / 웹 접근성 인증마크 대행 / 웹 사이트 제작

서울 성동구 성수2가 3동 277-43 핚싞아크밸리 지식산업센터 805호

E-mail : [email protected]

Tel : 02-2201-9928

Thank you

장선영 대표 컨설턴트 | SNC Lab.

2014.12.09

소셜커머스 애플리케이션의 모바일 접근성 및 개선 방안

Business