[UXUI] 네이버 바카라 두바이과 트위치의 UXUI 차이

어떤 디자인이 더 좋을까

2023년 12월 6일트위치코리아가 한국에서 사업을 하겠다고 하면서, 네이버에서 스트리밍 서비스인바카라 두바이을 서비스하겠다고 발표했다. 바카라 두바이은 트위치의 대체제가 될 거라는 기대와 함께 12월 19일부터 베타 테스트가 시작됐다. 갈 곳을 잃어버린 트위치 스트리머들을 흡수할 수 있을지에 대한 기대와 우려가 섞인 시점에서 현재 오픈베타로 진행 중인바카라 두바이과트위치에는 UXUI적으로 어떤 차이가 있을지 분석해 봤다.전반적으로 바카라 두바이 느낌은 트위치와 매우 비슷하였는데, 다만 약간의 디테일에 있어 차이점과 아쉬운 점을 찾아볼 수 있었다.

바카라 두바이과 트위치의 앱 메인

(좌) 바카라 두바이 앱 메인 (우) 트위치의 앱 메인

바카라 두바이 primary color

바카라 두바이 가장 큰 아쉬운 점은디테일한 부분에 있어 일관성을 갖추지 못한 것 같은 느낌이 들었다. 치지직은 별도의 단독 서비스가 아닌 네이버 게임에서 파생된 서비스다 보니 네이버 게임과 바카라 두바이 primary color가 혼용돼서 사용하고 있는 문제가 있다.검색창의 경우web에서 초록색, app에서 보라색을 사용하고 있는 반면,보유 치즈 내역에서는web에서보라색, app에서 초록색을 사용하고있다.이처럼 같은 기능이지만 환경에 따라 다른 색상을 혼용하여 사용하는 것은 서비스의 정체성을 약화시키며,사용자에게 혼란을 야기할수 있다.

네이버 게임

보라색을 메인 컬러로 사용하는 네이버 게임

바카라 두바이

초록색을 메인 컬러로 사용하는 바카라 두바이

바카라 두바이 검색 시 색상

(좌) 바카라 두바이 App에서의 보라색 컬러 (우) 바카라 두바이 Web에서의 초록색 컬러

바카라 두바이 보유 치즈 색상

(좌) 바카라 두바이 App에서의 초록색 컬러 (우) 바카라 두바이 Web

채널 선택(mause over)에 대한 인식

트위치는 특정 방송에 선택(mause over) 시 썸네일을 선택하면 레이아웃에 진한 테두리가 생기고, 제목을 선택하면 트위치의 메인 컬러로 변하면서명확하게 해당 방송을 선택하고 있음을 인지할 수 있게 해주고 있다.반면 바카라 두바이은스트리머의 이름에만 옅은 배경과 함께 글씨 색이 조금 더 밝아지는데, 시각적 변화가 적고 밑에 붙어있는 태그와 형태가 유사하여트위치에 비해 상대적으로어떤 방송을 선택하고 있는지 인지하기 어렵다.

선택에 따른 변화의 차이가 미비하고 태그와 형태 구분이 어려움

바카라 두바이 기본값 / 마우스 오버

명확하게 선택화면에 대한 인지가 가능함

바카라 두바이 기본값 / 마우스 오버_썸네일 / 마우스 오버_제목

web text box & search

바카라 두바이 경우 전반적인 UI규칙으로 마우스 오버 시 밝은 배경과 함께 더 밝은 텍스트로 일관성 있는 변화를 보여주고 있다. 하지만 그 색상의 차이가 미비하여 선택에 대한 인지가약하다. 또한 색상의 변화 역시 통일되어 있지 않고, 약간의 차이가 있었다.

채팅

바카라 두바이 채팅창

검색

검색의 경우 바카라 두바이은 검색어를 입력하여 검색 시 x버튼이 검색창 우측에 활성화되어있다. 반면 트위치의 경우 검색 시 x버튼이 나오지 않으며, 검색창에 마우스 오버를 해야 x버튼이 생기고 그때가 되어야지 유저는 x버튼과 기능에 대해 인지할 수 있게 된다. 검색어의 글자 수가 많을 경우 공간의 활용으로 인해 x버튼을 숨김 처리를 하는 것이 효율적일 수 있으나, 해당 플랫폼의 검색어 형태가 검색창을 꽉 채울 정도로 많을 것 같지는 않아서 바카라 두바이과 같이 바로 기능 인지를 할 수 있게 해주는 편이 더 좋다 생각한다.

바카라 두바이 채팅창

if

UXUI디자인은 심미적인 요소 또한 중요하지만 사용자의 경험에 맞춰 인지와 사용성이 더 중점이 되어야 한다. 메인 컬러를 사용하여 아래와 같이 명도와 채도에서 보다 명확한 시각적 차이를 준다면 보다 쉽게 사용자의 행위에 대해 인지할 수 있고 서비스의 정체성 역시 강화할 수 있지 않을까 생각한다.