'News10' UX/UI
News10
JTBC의 뉴스 모바일 서비스 'News10'은 신문이나 인터넷 뉴스로 뉴스를 보기 쉽지 않은 사용자. 혹은 보다 쉬운 방법으로 뉴스를 볼 수 있도록 도와주는 서비스.
1. 홈화면
'News10'의 홈 화면이다. 통계적으로 모든 뉴스를 통틀어 사용자들이 가장 궁금해하는 뉴스가 뭔지 아는가. 바로 '날씨'에 관한 소식이다. 서비스에 진입하게되면 오늘 날씨를 한 눈에 알 수 있는 직관적인 이미지가 보여진다. 그 어떠한 댑스를 거치지 않고도 우리는 오늘의 날씨를 알 수 있다. 하단에 있는 'AFTERNOON BRIEFING' 드로워를 상단으로 올리게되면 10개의 주요 뉴스가 오른쪽 화면처럼 보여진다. 해당 서비스는 오전, 오후로 하루 두번의 새로운 소식을 각 10개씩 전해준다.
우측 화면을 보자. 눈 여겨 봐야 할 부분은 우측 상단에 위치한 아이콘이다. 해당 아이콘을 누르게되면 청각장애인들을 위한 음성지원 기능이 작동한다. 비장애인 뿐만이 아니라 장애인에게도 제공되는 서비스라는 점이 굉장히 돋보였다. 하단에 1번부터 10번까지 나열되어있는 뉴스들을 보자. 위에 1번과 2번 뉴스같은경우 이미 읽고 나온 누스인데 사용자가 읽었다는 표시를 제대로 해준다. 직관적으로 알 수 있다는 점이 편리하고 좋다.
2. 뉴스 상세화면
1번 댑스에 있던 뉴스중 하나를 선택해 탭하면 뉴스의 상세로 들어온다. 이 또한 마찬가지로 상단에 음성지원 기능 아이콘과 뉴스를 바로 공유할 수 있는 아이콘이 있다. 또 하단을 보면 해당 기사의 전체 양 중 내가 얼만큼 더 읽어야하는지, 얼만큼 읽어야하는지 알 수 있다. 재밌고 새롭다. 프로그래스바로 보여주면 어땠을까?
그리고 사용자의 입장에서 가장 편리했던 점은 우측화면 하단에 보이는 뒤로가기 아이콘의 위치였다. 뉴스의 특성상 기사의 흐름이 끊기는 것이 좋지 않을 것임을 감안하여 스크롤을 통해 기사의 나머지 부분을 읽을때 상단에서 네비게이션바가 내려오는 것 보다 하단에 필요한 기능들을 위치시켰다는것이 특징. 뒤로가기는 엄지손가락이 닿기 가장 쉬운 곳에 위치했다는점이 좋았다.
3. 드로워 그리고 다른 기능들
뉴스리스트를 보다가 오른쪽으로 스와이프를 하면 나타나는 드로워인데, 이 드로워에서는 기사들 뿐 아니라 일반적으로 신문이나 웹상에서 많이 제공하고있는 카테고리들을 보여주고있다. 눈여겨 보았던 ui는 날씨와 운세등의 화면을 직관적이고 보다 친숙한 일러스트로 표현했다는 점이다. '뉴스'라는 키워드를 어렵지 않게 풀어내려고한 노력이 돋보였던 부분.
4. 설정
설정에서도 'News10'이 가지고 있는 아이덴티티를 분명하게 잘 가져왔다. 큼직큼직한 아이콘과 텍스트로 사용자들이 원하는 것을 한 눈에 해결할 수 있도록 디자인했고, 단순하고 심플한 컬러로
'News10'서비스의 가장 돋보였던 ui은 직관적, 단순함 이었다. 아무래도 뉴스 서비스라면 가지고있는 기사나 정보들을 전달하는 것 만으로도 복잡하고 접근하기 어려워보일 수 있는데, New10은 사용자들이 보다 쉽게 뉴스를 접할 수 있는 구성을 가지고있다. 큼직큼직한 타이포 사용과 단순하면서도 포인트 컬러를 적절하게 사용했다는점. 이것저것 넣고 싶고 보여주고싶은 요소들이 많았을텐데도 많은 것들을 덜어내고 서비스의 목적을 분명하게 가져간점.
