전적 UI

발단 올 7월, 라이엇 API에서 랭크게임이 아닌 게임에 대해서 소환사 이름을 제공하지 않을 거라는 정보를 입수했습니다. 이것을 안 순간 제 머리속에서는 소환사 페이지에 대한 걱정이 시작되었습니다. 현재의 전적 UI는 소환사 개인의 통계를 비롯해 solid 정보를 제공하고 있습니다. 만약 여기서 한개의 정보라도 빠진다면 사용자의 불편(?)과 불평은 겪어보지 않아도 상상할 수 있습니다.  아.. 어떡하지? 란 무거운 생각으로 […]

OP.GG 커뮤니티 UI/UX #3 – 모바일 웹 리뉴얼

OP.GG는 PC유저가 75%를 차지하고 있습니다. 리그 오브 레전드, 오버워치 등 게임이 PC에서 실행되기 때문에 자연스럽게 데스크톱으로 사용성이 이어지기 때문일까요? 그런데 신기한 사실이 하나 있습니다. 커뮤니티 쪽은 모바일 유저가 60% 이상을 차지하고 있다는 사실이죠. OP.GG의 컨텐츠는 소환사 전적, 챔피언 분석, 커뮤니티, 프로관전 등 여러가지가 있습니다. 소환사 전적이나 챔피언 분석과 같은 대부분의 컨텐츠는 게임을 플레이하기 전, 후에 […]

OP.GG에서 퍼포먼스 마케터(총괄)를 찾습니다.

Analytics inspire better gaming. OP.GG는 e스포츠/게임 데이터 분석 회사 입니다. 리그 오브 레전드, 오버워치, 이스포츠 에서 서비스를 제공하며 게이머들의 실력 향상을 유도하고 더 나은 플레이를 할 수 있게 합니다. 저희의 프로덕트는 이미 2800만 게이머가 11개의 지역에서 사용하고 있으며, 글로벌 게이머들에게 사랑 받는 국내 유일 스타트업이라 자부 합니다. e스포츠 시장은 해가 다르게 성장 하고 있습니다. 2022년 […]

OP.GG에서 프로덕트 매니저(Product Manager)를 찾습니다.

Analytics inspire better gaming. OP.GG는 e스포츠/게임 데이터 분석 회사 입니다. 리그 오브 레전드, 오버워치, 이스포츠 에서 서비스를 제공하며 게이머들의 실력 향상을 유도하고 더 나은 플레이를 할 수 있게 합니다. 저희의 프로덕트는 이미 2800만 게이머가 11개의 지역에서 사용하고 있으며, 글로벌 게이머들에게 사랑 받는 국내 유일 스타트업이라 자부 합니다. e스포츠 시장은 해가 다르게 성장 하고 있습니다. 2022년 […]

선택과 집중 X 챔피언 분석 X 두번째 이야기

챔피언 분석은 어떤 모습으로 사용자들에게 보일까? 그리고 기존 UI와 변경되어야 할 UI에 대한 물음에서 해당 디자인리뉴얼을 시작하게 되었습니다. OP.GG의 서비스는 전적검색데이터를 바탕으로 인게임분석을 사용자들에게 다양한 방법으로 보여드리고 있습니다. 챔피언 분석은 전적검색이라는 부분에서 떨어져 한 차원더깊은 분석데이터를 사용자에게 보여주는 콘텐츠로 이번 리뉴얼을 통해 작지만, 디자인개선으로 더욱 더 좋은 사용자 인터페이스를 끌어내고자 하였습니다. 자 그럼 어디가 어떻게 […]

색상 이야기

디자이너로서 색에 대한 고민은 항상 어려운 부분이라고 생각합니다. 하지만 시대가 바뀌어 색에 대한 좋은 샘플을 찾는 것이 어렵지 않고, 조화로운 색 조합을 만드는 색상 툴을 사용하면서 색 사용에 대한 스트레스가 적어졌습니다. 그런데, 오피지지 서비스를 하면서 색에 대한 조화로움과는 또 다른 고민이 생겼는데 그건 바로 게임, 문화, 익숙함에서 오는 색에 대한 인지였습니다. 색 사용이 어렵다고 느낀 […]

BEST.GG – 디자인 구조

오늘은 BEST.GG의 구조에 대해서 얘기해보려고 합니다. 페이지의 전체적인 레이아웃과 내용에 맞는 UI 구성을 잡아가면서 BEST.GG만의 규칙을 만들어가는 과정이었죠.   1. 그리드 (Grid)   BEST.GG의 구조를 짤 때 가장 중요시했던 부분은 통일된 그리드를 통해 전반적인 사이트의 구성을 탄탄하게 가져가고자 함이었습니다. 작업하면서 몇 가지 불가피한 예외사항들이 있어 100% 완벽하게 적용했다고 하기에는 어렵지만, 작업에 들어가기에 앞서 그리드를 정해놓았기 때문에 […]

선택과 집중 X 챔피언 분석 X 첫번째 이야기

본 이야기는 OP.GG에 챔피언 분석 디자인 리뉴얼에 대한 이야기를 담고 있습니다. 크게는 이번 리뉴얼디자인에 대한 접근 방법부터 작게는 어떠한 고민을 담고 있는지 이 이야기는 여러 편에 거쳐 쓸 예정이며 본 편은 프롤로그 정도로 보면 될 것 같습니다.   챔피언 분석부터 OP.GG가 앞으로 PC 서비스의 디자인의 새로운 방향성입니다. 모바일과 PC는 각각 뚜렷한 목적으로 접근하여야 하고 우선 […]

Segmented Controls (세그먼트 컨트롤)

간혹 디자인 회의를 할 때 동료 디자이너들과 User Interface (UI)에 대한 관점이 다른 경우가 있습니다. 디자인의 Look&Feel을 논의할 때는 서로의 의견이 다른 경우, 관점이 다르더라도 자기의 생각이 주관적임을 인식하고 얘기하기 때문에 이해할 수 있다라고 생각하는데 반해 UI의 경우는 상대방을 설득하기가 쉽지 않습니다. 여러가지 이유가 있겠지만 가장 큰 이유는 UI는 주관적이 아니라 객관적이고 보편적이라고 생각하기 때문이 아닌가 […]

첫 웹사이트 작업기

BEST.GG는 UI 디자인을 시작하게 된 지 6개월 정도 되던 시점부터 만든 사이트입니다. (!) 신입 디자이너가 사이트를 만드는 일은 아마 흔한 일이 아닐 겁니다… 그래서 오늘은 BEST.GG 프로젝트를 시작하겠다고 들었던 당시의 기억을 되살려 글을 써보려고 합니다. 초기에 아무런 구상 없이 무작정 만들기만 했었던 디자인 시안을 다시 보면 무슨 생각으로 저렇게 했었지? 라는 생각이 들기도 하는데요… ㅎㅎ […]