본 이야기는 OP.GG에 챔피언 분석 디자인 리뉴얼에 대한 이야기를 담고 있습니다.
크게는 이번 리뉴얼디자인에 대한 접근 방법부터 작게는 어떠한 고민을 담고 있는지 이 이야기는 여러 편에 거쳐 쓸 예정이며 본 편은 프롤로그 정도로 보면 될 것 같습니다.
챔피언 분석부터 OP.GG가 앞으로 PC 서비스의 디자인의 새로운 방향성입니다. 모바일과 PC는 각각 뚜렷한 목적으로 접근하여야 하고 우선 PC 서비스부터 UX는 사용자에게 선택과 집중이라는 키에 맞게 방향을 제시하려는 생각입니다.
여기서 말하는 선택과 집중이란 서비스에 머물러 있는 사용자의 시간은 소중하기에 우리는 사용자의 시간을 허비하게 하지 않고 원하는 정보를 보다 빠른 시간에 전달 하기위해 사용자를 이해하고 상호 작용을 하기 위한 사용자 자신이 원하는 선택 항목을 강조함으로써 사용자들이 목표로 하는 곳까지 가이드하기 위한 방법이라고 말할 수 있을 것 같습니다.
이를 챔피언 분석이라는 콘텐츠로 새롭게 사용자에게 선보일 예정에 있습니다.
feature 1
Wide Screen Resolution
오늘날 디바이스 해상도의 발전은 급격하게 진화해 오고 있습니다. 1024*768 이라는 공통의 표준이 되었던 해상도 사이즈는 기술력의 발전으로 큰 해상도의 모니터가 보급 되면서 사용자들의 PC 해상도 또한 더이상 1024*768이라는 표준해상도보다 높은 해상도를 경험하고 있습니다.
사람들이 일상생활에서 가장 많이 사용하는 쇼핑몰사이트만 보더라도 이를 알 수 있습니다. 의,식,주 가 인터넷으로 보급 되면서 시장에서 장을 보기보단 인터넷으로 장을 보는 시대가 아주 일찌감치 발전해 오고 있는 사실이 새삼스럽지 않은 것 처럼 OP.GG또한 이를 반영한 컨텐츠의 사이즈를 보다 높은 해상도에서 편안하게 볼 수 있도록 디자인에 반영합니다.
feature 2
New Layout
콘텐츠의 집중할 수 있도록 더욱 명확한 컨텐츠 성격에 따른 단구성으로 레이아웃을 변경하였습니다. 그리고 텍스트의 가독성을 개선하고 상하단의 정보전달의 연속성을 그리기 위해 수직구조의 정보전달을 유도합니다.
feature 3
Point Color
지표를 나타내는 데 있어서 컬러가 기여하는 부분은 굉장히 큽니다. 실제로 나라마다 각색상들이 표현하는 부분이 아주 다릅니다.
우리나라에서 상승을 표기하는 색상은 붉은색이지만 해외에선 파란색이나 녹색으로 표기하는 경우가 아마 대표적인 예라고 할 수 있습니다. 데이터를 다루는 사이트의 특성상 이는 국가별에 해당하는 색상의 구분을 기준으로 제 분류를 통해 보다 일관된 색상으로 표현합니다.
더이상 의미없는 색상으로 데이터를 표현하는 것이 아니라 색상하나하나의 뜻을 정확하게 전달하기 위해 사이트 전체에 의미있는색상을 정의하여 반영합니다.
Moodboard
오피지지의 새로운 디자인 1부를 여기서 마치며 2부에서 다시 찾아 뵙겠습니다.
