TIL 15일차 (팀 프로젝트 우리동네GS앱 UI 개선)

TIL (Today I learned)

 오늘 나는 무엇을 했나요

 

- 팀 프로젝트 ( 우리동네 GS UI 개선)

 

 

오늘은 어떤 것을 배웠나요

1.팀 프로젝트 ( UI 분석 기반의 디자인 개선)

오늘은 데일리스크럼을 계획한 후 팀웓늘과 먼저 프로젝트를 진행하기전 관련 아티클을 읽고난 후 다시 모이기로 하였다.

전단계에서 조사한 개선할 서비스와 타겟사용자및 레퍼런스를 조사한 결과를 바탕으로 오늘은 우리동네GS의 핵심기능과 UI디자인을 분석을 하였다.

 

일단 우리동네GS앱의 핵심기능을 여러개 정한다음 UI디자인을 분석을 폰트 컬러 마진 여백값을 구석구석 분석을 하다가 

이 방향이 맞는지 튜터님의 피드백을 여러차례 받았다. 

 

핵심 기능 & UI 디자인 분석하기 단계를 할때 처음부터 그냥UI를 뜯고맛보고 해서 분석을 하는것인지 어떻게 하는것인지 피드백을 받았다.

 

-튜터님 피드백-

먼저 이 UI를 어떤 목적으로 분석을 하는것인지 알고 넘어가야합니다.

그럴려면 일단 이 제품을 사용하는 사용자가 누구인지 , 핵심기능이 무엇인지 , 그 사용자가 기능을 사용하면서 겪는

문제가 무엇인지를 알아야합니다.

 

1.타겟선정 

타겟설정을 하는 이유는 기능에 따라서 목적이나 기대치가 다르기때문이다. 

 

2.핵심기능 찾기

선정한 핵심기능이 많을때 이 기능들 중에서 우선순위를 정한다음 

 

3.타겟선정 공감하기

타겟설정을 설정하고 핵심기능을 찾았다면 이 타겟을 공감해야한다.

예로들어 편의점의 재고찾기 기능을 핵심기능으로 선정했다면 언제 어떤상황에서 어떤장소에서 무엇을 원해서 하는지 구체적으로 접근을 해야 실제 사용할 때 어느 부분에서 문제를 겪는지 알 수가 있다.

 

그다음 공급자 입장에서 사용자에게 어떤 정보를 전달하기 위해서 만들었는지와 사용자의 목적이 무엇인지 생각을 한다음 만약 공급자와 사용자의 목적이 일치 했을때 둘다 만족하게 되고 만약 불일치 했을시 문제가 생깁니다.

 

4.핵심기능을 사용하는 플로우를 그려보기

플로우를 그려보고 어느지점에서 사용자가 다음스탭으로 안넘어가고 이탈이나 고민을 하는지 그  부분을 찾으면

그 부분의ui를 문제가 있다 판단하여 바꿀 수 있다.

 

처음부터 UI를 보고 접근한다면 이것을 어떻게 수정할지 단순히 그리드문제인지 레디우스문제인지를  그 근거가 무엇인지 알 수가없음 리서치 단계에서 이 문제를 먼저 찾은다음 UI를 개선해야한다.

 

4.문제가 생긴 핵심기능의 플로우 전체 ui를 분석하기

핵심기능의 ui를 바꾸기위해선 전체ui와 같은디자인으로 바꿔야 사용자에게 익숙함을 줄 수 있기 때문에

전체ui를 분석을 먼저 해야 핵심기능을 사용자에게 익숙하게 바꿀수있다.

 

5. 솔루션 도출

ui를 분석을 하였다면 이것을 어떻게 개선을 할지 고민한다. 이것을 고민할때 한 방법으로는 다른 경쟁사 서비스 레퍼런스를 보고 이 경쟁사는 이것을 어떻게 접근을 하였는지 분석을 한다. 

 

우리의 문제점을 경쟁사는 어떤UI로 가져갔는지 또는 풀어가는지 UI를 분석 (버튼의 크기나 컬러를 어떻게 가져가고있는지 등등 ) 이걸 우리꺼로 가져왔을떄 해결이 가능할지 

 

(경쟁사가 이렇게 하니깐 이렇게 하자라는 마인드는 지양한다.) 그다음 우리 서비스내 다른UI와 부딪히지 않고 잘 녹여낼수 있을지 고민을 행한다.

 

 

 

튜터님의 피드백을 받고 난후 다시 우리 팀은 사용자의 퍼소나를 정한 후 20대~40대를 각자 맡고 퍼소나를

조사를 하였다.

 

그 후 우선순위를 정했을 때 앱 분석과 사용자의 리뷰를 바탕으로 재고조회를 많이 사용한다고 정하였고, 공급자가 원하는 목적과 사용자가 원하는 목적을 분석하였다.

 

그다음 재고조회 기능 플로우를 가져와 UI디자인을 분석을 시작하였다. 

 

이때 만약 UI디자인 분석을 하였을때 버튼의 높이갚이나 폰트값이 정해진 규칙없이 디자인이 되었을땐 어떻게 하는가를 피드백 받았다.

 

-튜터님 피드백-

1.피그마로 디자인 한 페이지가 아니고 개발이 된 페이지기 때문에 개발로 넘어오면서 생긴 오차범위로 나타난것

2.아예 그 앱을 만든 회사에서 정해진 규칙없이 디자인을 하였다.

 

지금은 그러한 세세한 것은 신경쓰지말고 우리팀이 기준을 따로 세워 그것을 지키면서 디자인을 하라고 피드백을 해주셨다.

 

 

그다음 경쟁사 유사 기능 비교 분석을 할때 우리팀은 일단 각 경쟁사와 우리동네GS의 재고관리 기능의 차이점과 공통점을 조사까지 하였다.

 

 

 

오늘은 어떤 문제를 겪었고, 앞으로는 어떻게 해결할 것인가요

오늘은처음 진행하는 UI분석프로젝트 다 보니깐 이게 맞는 방향인지(UI분석단계 핵심기능 찾는 등) 아닌지 헷갈리는

경우가 많았다.

또한 팀원들과 같이 회의를 하면서 의견이 엇갈릴 때도 있었다.

 

해결책: 튜터님의 피드백을 받은후 그것을 넘어가지말고 메모를 한 후 그날 TIL에 적으면서 다시 복기를 하고 UI 개선 관련 레퍼런스를 계속 훑어보며 공부를 해야한다. 또한 의견이 엇갈린다는건 그만큼 서로 고민을 한다는 증거이므로 서로의 의견을 존중하고 같이 생각해주면 좋을 것같다.