4. 인터랙션 타임을 최적화하여 사용자 경험을 개선하자

by NeO posted Feb 27, 2018
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

4. 인터랙션 타임을 최적화하여 사용자 경험을 개선하자


우리 앱이 사용자를 당혹스럽게 만들고 있지는 않은지?


App load time과 더불어 느린 트랜잭션은 사용자를 당혹스럽게 합니다. Jakob Nielsen의 UI디자인에 관한 powers of 10 연구결과에 의하면 사용자는 UI가 0.1초 내로 반응하지 않으면 동시에 일어나지 않는다고 느낀다고 합니다. 만일 UI에서 1초를 소요한다면, 사용자는 트랜잭션을 진행하기 위한 의지가 꺾이고 좌절하게 됩니다.


Apteligent를  활용하시고 계신 기업에서는 앱의 주요 흐름(로그인 또는 구매)을 모니터링하고 사용자 상호 작용 속도가 사용자의 기대치를 충족하는지 확인합니다. 다음은 모니터링 할 몇 가지 인터랙션과 예상되는 시간을 표시합니다. 상호 작용에는 사용자로 하여금 즉각적인 응답을 기대하는 것과 약간의 지연을 예상할 수 있는 것이 있습니다.


4-1.png



Apteligent를 통해 3개의 주요 flow를 식별하고 모니터링


중요한 인터랙션에 Userflow를 정의합니다. 대부분의 경우 중요한 인터랙션을 식별하는 것으로부터 시작됩니다. 일반적인 주요 인터랙션으로는 로그인, 새 계정 등록, 구매 등이 있습니다. 그 외에도 다른 여러가지를 정의해 볼 수 있겠습니다.


사용자 유치와 활성화, 그리고 적응에 연관된 비즈니스 메트릭에 연관된 플로우를 선택하는 것이 중요합니다.  다음은 app의 종류에 따른 주요 flow를 보여줍니다.


4-2.png


올바른 성능 측정이란?


즉각적인 인터랙션과 작업동작 인터랙션이라는 두가지 인터랙션에 대해 이야기해 보겠습니다. 장바구니에 항목을 추가하는 버튼을 클릭하는 것과 같은 즉각적인 인터랙션은 완료하는 데에 0.1초 미만이 소요되므로 사용자는 앱의 느림을 감지하지 못합니다. 반면 검색을 완료하여 표시하는 작업동작 인터랙션의 경우 사용자가 트랜잭션을 진행할 수 있도록 1초내에 응답을 주는 것이 바람직합니다.


앱의 주요 흐름에 대한 모니터링을 설정하면, Apteligent의 Userflows Summary 페이지에서 측정된 경과 시간을 볼 수 있습니다. 각 사용자 흐름의 Foreground Time 열을 사용하여 앱 flow에 대한 시간을 확인하고 flow가 예상보다 오래 걸리면 breadcrumb을 사용하여 네트워크 문제인지, 3rd파티 SDK의 문제인지 다양한 가능성을 확인한 후 디버그하십시오.


4-3.png


요약해보면


요약해보면 모든 앱에는 주요 사용자 인터랙션이 있고, 사용자는 이러한 트랜잭션을 통해 목적을 달성합니다. 앱에서의 인터랙션에는 0.1초 미만의 응답속도를 갖는 즉각적인 인터랙션과 1초 미만을 권장하는 작업 트랜잭션이 있습니다.


비즈니스 메트릭과 연관성을 갖는 3개의 플로우를 식별하십시오. 여기에는 로그인이나 구매와 같은 일반적인 flow와 앱 카테고리 별 flow가 있을 수 있습니다. 식별한 주요 flow는 User flow로 정의하여 릴리즈 별로 시간의 경과에 따라 모니터링 하십시오. Breadcrumb과 root cause analysis를 사용하면 느린 트랜잭션을 개선하기 위한 우선순위를 결정할 수 있습니다.

Who's NeO

ALM, SW 모델링, SW 정적분석, Devops 특히 CI/CD, APM을 통한 Shiftleft에 관심이 많습니다. 

차세대 APM Cisco AppDynamics와 모바일 앱 모니터링 VMware Apteligent를 소개합니다.

http://www.solulink.co.kr