Nike+ 웹 사이트 개편!!! - HTML5 지원!

어제 저녁 사이트 점검에 들어갔던 Nike+ 웹 사이트가 드디어 오픈 되었습니다. 

정말 깔끔하고 새롭게 변신을 했네요 ^^ 

그럼 차근차근 살펴볼까요?

로그인 버튼을 누르면 위와 같이 로그인 창이 뜹니다.

기존 e-mail로 가입 되어 있는 사람들은 Nike+ ID (이메일 주소)로 로그인을... 그 외에 트위터나 페이스북 아이디로 로그인이 가능합니다.

전체적인 UI가 깔끔하고 이뻐졌네요!

로그인을 하고 나면 위와 같이 첫 팝업이 뜹니다.

(어제 점검시간에 동기화 시켰던 내용이 없어지지 않았을까? 하고 걱정했는데... 동기화 잘 되어있네요 ^^)

(처음 로그인 할때 기본 설정이 km가 아닌 mile로 되어있네요... 아마도 주소지가 미국이라 그런것 같습니다.)

그럼 웹 사이트가 어떻게 바뀌었는지 투어를 한번 해볼까요?

아마 처음 로그인 하면 위와 같은 팝업을 보실 수 있을겁니다. 'Take The Tour' 버튼을 누르면 스탭별로 새로운 사이트를 소개해 줍니다.

첫번째 스탭은 목표 설정입니다.

위와 같이 메세지가 뜹니다. 4주동안 15,000 NikeFuel 채울수 있는 목표를 세우는 단계입니다. 

이번에 업데이트가 되면서 NikeFuel (나이키 연료) 이란게 생겼습니다. 활동량을 포인트로 계산해서 점수를 부여하는것 같습니다.

정확하게 어떤 계산 형식으로 포인트 적립이 되는지는 정확하진 않지만... 이 NikeFuel은 또 다른 동기부여를 해줄 것 같습니다.

두번째 스탭은... 지난 기록을 보여주는 화면입니다.

(아직 km로 세팅을 바꾸지 않아서 mile로 나오네요 ^^;)

지난 웹 페이지에서보다 더 깔끔하고 보기 쉽게 지난 기록을 보여줍니다.

어제 약 5km 정도 달렸는데... 쌓인 NikeFuel은 1,000점이 조금 넘네요...

대략 1km 달리면 200포인트정도 쌓이는것 같습니다.

세번째 스탭은... 개인화 화면입니다. 

현재까지 얼마나 달렸고 앞으로 얼마나 더 달리면 다음 레벨로 올라갈 수 있는지 화면으로 확인 할 수 있습니다.

4번째 스탭은... 현재 나와 다른 사람들과의 비교 데이터를 볼 수 있는 화면 입니다.

현재 나의 기록과... 동일 연령대 사람들의 기록... 그리고 가입한 커뮤니티의 기록들을 볼 수 있습니다.

5번째 스탭은... Places 입니다. 지도상에 루트를 설정 할 수 있는 부분입니다.

현재 활동량을 그래프로 보여주는 Activity 부분...

Running 뿐만이 아닌 다양한 Nike+ 제품을 통한 기록들을 한눈에 볼 수 있는 화면입니다.

요즘은 Nike+에서는 달리기, 걷기뿐 아니라 NikeFuel Band를 통해 활동량도 볼 수 있습니다. 

아마도 이 모든 기기들을 통합하기 위해 NikeFuel 점수를 만든게 아닐까 싶네요.

이 부분은 지금까지 쌓은 NikeFuel 포인트를 확인할 수 있는 부분입니다.

이렇게 간단한 투어 스탭은 끝났구요~!! 그럼 직접 살펴 볼까요?

사용자 이름과 NikeFuel 점수가 나와있는 탭을 누르면 위와 같은 화면을 볼 수 있습니다.

현재 가지고 있는 NikeFuel 점수와 다음 레벨까지 얼마나 남았는지... 현재까지 달린거리, 몇번 달렸는지... 평균 속도등을 간략하게 보여줍니다.

Dashboard 탭을 클릭하면 위와 같이 자세한 기록들을 볼 수 있습니다.

상단에는 목표를 설정한 내용을 볼 수 있습니다. 4주동안 6,000 NikeFuel를 얻는 목표 설정한 내용을 볼 수 있습니다.

오늘 달리고 나면 얼마나 포인트가 쌓일지 확인해 봐야겠습니다.

그리고 그 아래 좌측에는 그동안의 기록을 그래프로 볼 수 있고 우측에는 간략하게 달린 거리와, 평균 스피드를 확인 할 수 있습니다.

그리고 하단에는 다른 러너(Runner)들과 비교한 내용을 보여주는 항목입니다.

지난 30일동안 달린 거리는 23.3km 밖에 안되네요 ^^; 같은 연령대와 커뮤니티의 기록보다 굉장히 낮네요 ;; 열심히 달려야겠습니다!!

그리고 하단 우측에는 목표 설정한 부분에 대한 업적 달성을 확인해 주는 부분입니다.

Activity 탭을 클릭하면 활동 내역을 보다 자세하게 볼 수 있습니다.

이부분이 이번 업데이트에서 가장 맘에 드는 부분중에 하나인데요~!! 

그동안의 달린 기록을 그래프고 한눈에 보기 좋게 보여주고~ 그 외에 어느 시간때에 많이 달렸는지... 평균 소모한 칼로리라던지... 다양한 정보들을 깔끔한 UI로 보여줍니다.

그리고 화면 하단에는 개인 기록을 쭉 나열해 보여주는데... 업데이트 전 웹 페이지에서는 기록 달성을 언제 했었는지에 대한 내용이 없어서 좀 아쉬웠는데... 새로 업데이트된 페이지에서는 기록을 달성한 날짜가 정확하게 표시되어 있습니다.

기록들을 다양하게 확인할 수 있는 페이지 입니다!

Places 탭에서는 구글 맵 (Google Map)을 이용한 다양한 달리기 코스를 확인할 수 있습니다.

다양한 커뮤니티의 사람들이 올린 달리기 좋은 코스들을 지역별로 확인할 수 있고... 자기가 원하는 달리기 코스도 등록할 수 있습니다.

요로코롬 등록할 수 있구요~!!!

등록한 내용을 볼 수 있습니다. (아직 설정을 안해서 없네요 ^^;)

화면 상단에 MY ACCOUNT 부분을 누르면 설정을 할 수 있습니다.

대부분 기존에 설정되어 있는 내용이 그대로 설정 되어있고... 공유 (SHARING) 부분만 다시금 체크해 주면 됩니다.

달린 기록을 페이스북과 트위터에 자동 포스팅 하는 기능들 설정해주는 페이지 입니다.

SITE PREFERENCES는 Nike+ 사이트에서 보여지는 내용들에 대한 단위를 설정하게 됩니다.

무엇보다 이번 Nike+ 웹 페이지 리뉴얼에서 가장 눈에 띄는 부분은 플래시가 사라진 부분입니다.

직관적인 UI와 깔끔하고 이뻐진 페이지 디자인들을 플래시를 사용하지 않고 HTML5를 사용해서 애플의 모바일 기기에서도 컴퓨터로 보는것과 동일한 화면을 볼 수 있게 되었습니다. 

아이폰이나 아이팟터치의 사파리로 접속할때는 예전에는 따로 모바일 페이지가 있어서 화면을 보여주곤 했었는데... 

아이패드로 볼때는 플래시 때문에 볼 수가 없었습니다. 

하지만 이번 개편을 통해 플래시를 다 걷어내고 HTML5를 사용해서 다양한 기록들을 아이패드로도 볼 수 있게 되었습니다.

정말 개발자들에게 박수를 보내고 싶네요. 

구현하기 쉽지는 않았을텐데... 대단합니다!!

깔끔하고 예뻐진 사이트 덕분에 달리고 싶은 기분이 더욱 드네요~!! ^^

나이키 플러스 이용하시는 분들 한번씩 둘러보세요~!! 맘에 쏘~옥 드실거에요~!!