Skip to content

더 나은 Android application 만들기 – 두번째

2013/06/25

더 나은 Android application 만들기 에 보여주신 엄청난 관심에 힘입어 2편을 준비하게 되었습니다. 1편에서는 아무래도 기존에 출시된 앱을 기준으로 문제점을 지적하다보니 바람직한 UI에 대해서 대안을 제시하는데 부족했다는 생각이 들어서 다른 접근으로 제가 참여하는 프로젝트에서 UI/UX를 개선하는 사례를 중심으로 이야기를 해볼까 합니다.

Screenshot_2013-05-11-19-48-04

저는 이런 화면을 보면 업체 측에서 면피를 위해서 사용자들에게 ‘법대로 해보자!‘라고 이야기하는 느낌이어서 앱의 첫화면에서 없앴으면 좋겠다고 생각했는데, 막상 내막을 알아보니 정부 모기관의 가이드라인이라고 하더군요. 단순 가이드라인이라고 하니 더 나은 사용자 경험을 위해서 안지키면? 이라고 얘기했더니 같이 일하는 동료가 고개를 절래절래 흔들었습니다. 뭔가 무서운 일이 발생할 수 있나 봅니다. 일단 지켜야…

Screenshot_2013-06-07-09-20-02

어짜피 지켜야 할 가이드라인이라면 사용자에게 부담을 주지 않고 클릭하도록 하는 것이 좋다고 생각했습니다. 약관의 대부분은 대동소이했지만 저희가 서비스하고자 하는 앱은 전화번호와 가공된 기기 식별자를 수집한다는 점이 달랐습니다. 해당 내용은 이미 약관에 포함되어 있고 대부분의 사용자들이 약관을 읽지 않고 기계적으로 동의한다는 것도 알고 있습니다. 하지만 저희는 그 부분은 핵심적으로 간결하게 알릴 필요가 있다고 판단해서 별도로 표기했습니다. (캡쳐한 화면에서 보여지는 문구는 개선할 계획입니다.)

이 약관 화면에서 의도한 것은 현대카드 광고 중 ‘현대라이프 ZERO‘ 에서 영감을 얻어서 복잡한 약관 화면을 생략하는 대신 사용자가 알아야 할 내용을 명확히 알리고자 했습니다.

Screenshot_2013-05-21-15-53-35_2

아무래도 제약이 덜한 외국 업체인 ‘GO SMS’는 앱 최초 실행 시에 약관을 보여주는 것이 아니라 부가 서비스 사용을 위해서 약관이 적용될만한 개인 정보를 수집하는 시점에 약관 동의를 받습니다.  가이드라인 제약없이 할 수만 있다면 더 바람직한 방향이라고 생각합니다.

Screenshot_2013-06-12-10-23-14_2

Android에서는 SMS 수신 기능을 가진 모든 앱이 SMS 수신 이벤트를 받기 때문에 ‘알림’ 기능이 중복되는 경우가 있어서 GO SMS를 포함한 일부 앱에서는 이러한 알림 중복을 해결하기 위해서 다른 앱에 이벤트가 전달되지 않도록 하는 기능을 포함하기도 합니다.  이런 경우 사용자는 하나의 메시지에 대해서 다수의 중복 알림을 받거나, 특정 앱에서 설정을 했는데 알림이 오지 않는 문제를 만날 수 있고, 이런 부분에 대해서 해결책이 막막할 수 밖에 없습니다. 이러한 문제점에 대한 안내는 앱이 최초 실행되는 시점에 SMS 수신 기능을 사용하는 앱의 목록을 사용자에게 명시적으로 보여줌으로써 보완하고자 했습니다.

‘아래 앱들의 SMS 수신 또는 알림설정에 따라 메시지통 서비스가 원활하게 동작하지 않을 수 있습니다.’ 문구는 많이 사용되는 표현이기는 합니다만, 사용자 입장에서는  ‘그래서 어쩌라고?‘라는 생각을 할 수 밖에 없습니다. 문구를 만들때 많이 간과하는 부분이라고 생각합니다.

얼마 전에 SNS에 화제가 되었던 OS 업데이트 관련 문구도 개발자 입장에서 서버와의 통신 결과에 따라서 당연히 ‘업데이트가 없습니다.‘라고 표현하는데, 사용자 입장에서는 ‘최신 버전입니다.‘ 라고 표현하는 것이 맞다는 내용도 일맥상통하는 사례입니다.

Screenshot_2013-06-19-16-41-56_2

변경된 문구는,

‘아래 앱들의 SMS 수신 또는 알림설정을 확인해주세요. 설정에 따라서 메시지통으로 메시지가 수신되지 않을 수 있습니다.

사용자가 어떤 행동을 취해야 하는지와 발생할 수 있는 오동작에 대한 안내를 명확하게 표현하고 있습니다.

Screenshot_2013-06-13-13-34-24

알림 팝업 설정 화면입니다. 전화번호부에 있는 번호로부터 수신된 메시지가 수신되는 ‘메시지함’과 카드사/은행으로부터 수신되는 ‘거래내역’ 그외 알수 없는 번호로부터 수신되는 ‘미확인 번호’ 등 조건에 따라서 메시지를 구분해서 표시하는데 각각에 대해서 알림을 표시하는 방법을 설정하는 화면입니다.

구 피쳐폰을 사용하는 SMS 사용자에게 익숙한 팝업으로 알리는 기능과 화면에서 방해받지 않고 알림을 받을 수 있는 상태바 표시 설정을 변경할 수 있는데 문구에 익숙하지 않을 수 있는 사용자를 위해서 시각적으로 설정에 따른 동작 예시를 보여주고 있습니다.

이 화면이 나온 이후에 내부 사용자 테스트 결과는 상단 이미지를 안내로 인식하지 않고 클릭하려는 경향을 보였다는 것입니다. 또한, 하단의 팝업/상태바 표시를 클릭했을 때 상단 안내 이미지에 변화가 있어야 한다고 기대를 하는데 막상 안내 이미지에서 아무런 동작이 없으니 혼란스럽다는 의견도 있었습니다.

Screenshot_2013-06-19-17-12-16

짜잔~ 이에 사용자가 이미지를 클릭하여 설정을 변경할 수 있도록 직관적으로 알림 설정 UI를 변경하였습니다.

메인 화면에 보이는 메시지함/거래내역/미확인 번호 탭에 대해서 알림 설정을 변경하는데 쉽고 직관적이고 슬라이딩 애니메이션을 추가하여 동적인 화면을 구성하였습니다.

현재 진행하는 프로젝트에서 나름 바람직한 Android UI를 만들기 위해서 프로젝트에 참여하는 많은 분들이 고생하고 계십니다.  제가 보여드린 개선된 화면과 문구는 정말로 많은 고민의 결과로 나온 것들입니다. 만들어 놓은 것을 가지고 이것이 나쁘다 저것이 나쁘다 말하기는 쉽습니다. 하지만, 문제점을 개선하기 위한 ‘새로운 길‘을 찾는 일은 쉽지 않습니다. 프로젝트를 진행하시면서 벽에 부딪혔을때 무조건 쉬운 길을 선택하지 마시고 어렵더라도 옳은 길을 선택하시기를 바라고,  제 경험과 이 글이 그 길을 찾는데 도움이 될 수 있다면 좋겠습니다.

이 글에서 보여드린 개선 사항은 이제 첫걸음일 뿐입니다. 아직 갈 길이 멀고 할 일도 많습니다.  Android에서 쓸만한 SMS 앱이 없어서 제대로 만들어 보고 싶습니다.   Google Play에서 앱을 다운로드해서 써보시고 바꾸고 싶은 부분이 있다면 언제든지 피드백을 주세요.  더 좋은 앱을 만나실 수 있습니다. 저희가 개선하는 과정이 궁금하신 분들도 저희 앱에 관심을 가져주시면 큰 힘이 됩니다.

Advertisements

From → UI/UX

댓글 남기기

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중

%d 블로거가 이것을 좋아합니다: