by
Mar 14. 2020
브런치편
App Critique로 UX분석하기
앱서비스로 UX를 공부하고 싶은데 어떻게 시작해야 할지 몰라 방법을 찾아보던 중 꽤 괜찮은 분석법을 찾았다. Chel님의 브런치글을 통해 알게된 App Critique 방법론을 바탕으로 UX 분석을 시작해보려 한다.
Chel님의 브런치 글은 아래에서 확인 가능하다.
https://brunch.co.kr/@rachelykim/11#comment
첫 번째 UX분석으로 자주 이용하면서도 좋아하는 서비스인 '브런치앱'을 골랐다.
1. 앱의 목적과 사용자층
1) 한 줄로 정의하는 서비스
좋은 글을 쓰고 싶은 모든 이들을 위한 서비스
브런치는 심사에서 선정된 작가들만 발행이 가능하다. 작가로 선정되기 전에도 글을 쓸 수는 있지만 외부에 공개되진 않는다.
2) Primary 유저는 누구고 Secondary 유저는 누구인가
Primary 유저는 아무래도 작가일 것이다. 브런치 서비스가 유지되기 위해선 높은 퀄리티의 글을 꾸준히 작성할 수 있는 사람이 필요하다. 그래서 브런치는 브런치북 출판 프로젝트와 같이 출판을 연계해서 글을 쓰는 동기를 부여한다.
Secondary 유저는 구독자와 출판사다. 구독자는 다른 플랫폼에서 보기 어려운 진지한 글과 정보를 얻을 수 있다. 출판사는 브런치 조회수와 호응도로 검증된 신인작가들과 컨택하기 용이하다.
3) 나는 왜 그리고 언제 이 서비스를 사용하는가
나는 구독자로서 브런치를 이용하고 있다. 다른 블로그나 매체에 비해 개인적인 글이 많고 공감 가는 내용이 많아 자주 앱을 방문하곤 했다. 요즘에는 필요한 정보를 얻기 위해 구글링을 하다 브런치 글이 검색결과 상위에 있어 들어가서 읽는 편이다. 한번 글을 읽으면 해당 작가의 이전 다음글을 추가로 읽거나 브런치 글 하단에 추천 글들을 읽는다. 10분 내외로 읽는 편이다.
2. 앱 정보구조
1) 어떤 점이 좋은 사용경험을 주는가
통일감
브런치에 있는 어떤 글을 선택하더라도 통일감을 주는데 이는 폰트가 하나로 정의되었기 때문이다. 현재 읽고 있는 글에서 다른 글로 넘어가더라도 이질감이 느껴지지 않는다. 모바일앱에서는 제목과 부제목 그리고 이미지가 한 화면에 가득 담겨 있어 본문으로 넘어가기 전 구분해서 집중도를 높여준다.
통일감 있는 폰트탐색경험
좋은 글을 발견하면 그 작가의 다른 글들을 모두 보고 싶을 때가 있다. 브런치는 글 하단에 작가 프로필을 배치해 관련 글을 한번에 볼 수 있게 했다. 작가 글이 아니더라도 관련 주제 글이 리스트로 나와 있어 원하는 정보를 찾는데 도움이 된다.
2) 어떤 점이 나쁜 사용경험을 주는가
모호한 메뉴명
브런치를 2년간 꾸준히 쓰면서도 자주 헷갈리는 것이 사이드바에 표시된 메뉴명이다. 브런치앱 로그인 후 사이드바 메뉴를 적어보자.
'글쓰기' '작가의 서랍' '브런치 홈' '브런치 나우' '피드'
'글쓰기'와 '작가의 서랍'은 글을 쓰는 행위와 작성된 글을 모아놓은 메뉴라는 것을 확실히 알 수 있다. '브런치 홈'은 앱을 켰을 때 맨 처음 보이는 화면이라고 직감할 수 있다. 문제가 되는 메뉴명은 '브런치 나우'와 '피드'인데 처음 봤을 때 이 두 가지가 어떤 용도인지 구분하기 어려웠다.
사이드 메뉴명'브런치 나우'는 글을 한 곳에 모아놓은 게시판과 같은 기능을 한다. '피드'는 내가 구독한 매거진과 작가의 글만 따로 볼 수 있게 하는 기능을 한다. 메뉴명을 용도에 맞게 '브런치 게시글', '구독한 글 피드'와 같이 상세하게 풀어쓰면 처음 이용하는 사람도 메뉴를 잘 찾아가지 않을까 싶다. 브런치만의 아날로그 느낌을 유지하는 측면에서 보면 '작가의 서랍'처럼 글과 연관된 단어를 담아도 좋을 것 같다. 가령 '브런치 책장', '책갈피'와 같은 메뉴명 말이다.
매거진 목차
매거진을 선택하면 매거진 글을 좌우로 스크롤하면서 글을 볼 수 있으며 가장 최근에 쓴 글이 맨 처음에 위치한다. 매거진의 느낌을 살리기 위해 카드형식으로 표현한 것 같다. '모아보기' 기능을 몰랐을 때는 첫 글을 읽기 위해 일일이 스크롤하며 고생했던 경험이 있다. 브런치 디자이너는 유저가 매거진을 읽을 때 처음 한 두 글을 읽다가 마음에 들면 전체 매거진 글을 보는 경우가 많다고 판단해서 이런 방식을 유지하는 게 아닐까 싶다.
최근에 브런치북 형식을 시도하면서 첫 글을 맨 처음에 위치하고 세로 스크롤을 도입해 글 순서에 따라 감상할 수 있게 배려하고 있다. 매거진은 끝에 제한이 없기 때문에 가장 최근 글을 먼저로, 브런치북은 서론 본론 결론이 완전한 형식이기 때문에 다른 방식을 둔 것이라 생각한다.
브런치북 첫화면 UI3. 앱 디자인시스템과 인터랙션
1) UI 디자인
브런치 메인에서 글을 넘기다보면 글 하나만 보일 때도 있고 글 두세 개식으로 여러 개 제시할 때가 있다. 어떤 방식으로 배치해서 보여주는지는 알 수 없지만 최근에 읽었던 주제와 유사한 글과 에디터가 뽑은 글 그리고 인기 글이 주로 나오는 것으로 보인다. 화면 구성이 계속 바뀌기 때문에 지루하지 않지만 사진과 제목으로 구성되어 일관성을 가진다.
사진을 넣지 않더라도 기본바탕색을 제공하기 때문에 크게 어색하게 느껴지지 않는다. 다만 일부 사진은 화질이 좋지 않아 미관상 아쉬움이 있다.
사진을 쓰면서도 눈이 편하다는 느낌을 주는데 글씨를 부각시키기 위해 사진에 음영을 처리했기 때문이다. 음영처리 덕분에 중후하고 정적인 분위기를 만들어낸다.
2) 인터랙션
제스처 방향에 따라 화면이 전환되는 점에서 자연스럽다. 위아래로 넘기는 것은 물론 좌우 제스처에 따라 화면이 나오는 점이 특이했다. 사진을 터치할 때는 사진이 전체를 덮는 반면 좌우 제스처를 할 경우 바로 본문이 시작되는 점이 달랐는데, 좌우 제스처를 하는 유저는 본문을 바로 읽고 싶다는 니즈가 있다고 분석해서 구분하지 않았나 싶다.
글쓰기를 할 때는 따로 커서를 터치하지 않아도 자동으로 키보드가 나와 자연스럽게 글을 쓰도록 유도한다. 보통 글을 쓸 때는 내용을 쓴 다음 전체 내용에 맞는 제목을 쓰기 때문에 제목과 소제목이 아닌 내용에 커서가 생기는 것 같다.
글쓰기 화면 UI