brunch

You can make anything
by writing

C.S.Lewis

by UXUI디자이너 데이지 May 19. 2023

[UXUI] 네이버 메인 리뉴얼

무엇이 바뀌었을까

국내 최대 포털 사이트인 네이버가 2023년 5월 17일 오후 5시를 기점으로 PC리뉴얼을 진행했다.

네카라쿠배의 네를 차지하는 네이버의 디자인. 과연 무엇이 바뀌었을까?


네이버 활용백서
https://campaign.naver.com/naverdetails/newpc/

네이버는 리뉴얼을 진행하면서 리뉴얼 안내 페이지가 있어 간략한 내용은 네이버 활용백서에서 확인이 가능하다. 해당 페이지에 나와있지 않은 UXUI중점 위주로 보도록 하자.



세로 길이 감소
좌) 기존 디자인 / 우) 리뉴얼 디자인

먼저 가장 큰 특징은 가로 영역이 약 13% 늘었으며, 세로 영역이 약 26%가량 감소하였다. 변경된 홈 화면에서는 보다 적은 스크롤로 모든 콘텐츠를 볼 수 있게 되었다. 



Background 색상 변경
좌) 기존 디자인 BG / 우) 리뉴얼 디자인 BG

배경색상 역시 아주 미세하게 변경되었다. 기존에 레이아웃과 동일하게 stroke이 있는 Container형식이지만 배경색상이 흰색(#FFFFFF)에서 오프화이트색상(#FDFDEE)으로 변경되었다. 이는 사소한 차이지만, 눈의 피로도를 미하게나마 줄여주며 배경과 컨테이너 간의 분리도를 높여준다.



Radius값이 생긴 디자인
좌) 기존 디자인 / 우) 리뉴얼 디자인

또한 모든 영역에서 테두리에 Radius 값이 추가되어 전반적으로 동글동글한 디자인이 되었다.



로그인 영역
좌) 기존 디자인 / 우) 리뉴얼 디자인

개인설정에선 컬러 위주의 UI가 변경되었다. 색상으로 상하의 분리도를 높여주었으며, 로그아웃 버튼도 컬러에서 전체적인 통일성일 맞는 stroke디자인으로 변경되었다. 또한 기존의 많은 사용이 예상되는 메일 위치에 네이버멤버십이 자리하여 멤버십서비스 유입 및 강화를 하고자 하는 것 같다.

한 가지 아쉬운 점은 개인설정이다. 기존의 개인설정은 알림, 구독, 메일, 카페, 블로그, 페이, 포스트, MYBOX, 오피스, 캘린더, 해피빈, 지식iN, 메모 총 9가지의 메뉴가 있으며, 최소 5개 이상부터 선택해서 순서대로 설정할 수 있었다. 변경된 설정은 메일, 카페, 블로그, 페이, MYBOX, 포스트 총 6가지의 메뉴이며 모든 요소를 선택해서 순서를 변경할 수 있다. 전부 설정하지 않은 상태에서 저장하기를 누르면 모든 메뉴의 순서를 설정하라고 안내 팝업이 나온다. 

기존의 사용자는 많은 선택지에서 일부만 선택이 가능했지만, 적은 선택지에서 모두 선택을 해야 한다는 점으로 바뀌었지만, 해당 내용에 대한 안내가 페이지에 없어, 한번 저장을 누른 후 안내 팝업을 통해 인지할 수 있게 된다. '최소 설정 개수는 5개입니다.'라는 기존 문구가 있었던 만큼 '모든 메뉴를 선택 후 눌러주세요.'와 같은 안내문구가 있었다면 저장하기 버튼을 누른 후 팝업을 통해 인지 과정이 생략될 수 있지 않았을까 생각이 든다.



증시 영역 상향
좌) 기존 디자인 / 우) 리뉴얼 디자인

한 줄로만 나오던 증시 영역이 더 자세하고 커졌다. 금융투자협회 통계에 따르면 2020년 1월 3일 자 개인 예탁금 30,665,501인 반면 2023년 5월 17일 개인 예탁금은 48,937,766에 달한다. [단위 백만 원] 최고로 과열된 시점에서 많이 떨어졌다 해도 3년 전에 비해 약 60%가량 높은 금액이다. 이처럼 많은 사람들이 투자 및 증시에 대한 관심이 많아짐에 따라 메인화면에서 증시에 대한 중요도가 더 커진 것으로 보인다.



웹툰 레이아웃 변경
위) 기존 디자인 / 아래) 리뉴얼 디자인

기존에는 작은 이미지(썸네일) 영역과 상대적으로 더 넓은 텍스트(제목, 작가, 회차) 영역을 가지고 있었다. 리뉴얼된 화면에서는 웹툰이라는 특징에 맞게 정보가 생략되더라도 더 사람들을 끌어당길 수 있는 이미지 영역을 크게 키웠다.



과거의 디자인을 보는 법
2013년 5월의 네이버 디자인

이 밖에도 다양한 변경점들이 있으니, 하나하나 직접 비교해 보면서 살펴본다면 좋은 공부가 될 것 같다. https://archive.org/web/에서 원하는 사이트 url을 입력하면 연도별 과거의 디자인을 찾아볼 수 있다.




구독과 라이킷은 글 작성에 많은 힘이 됩니다

매거진의 이전글 change 07. 핀다
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari