벅스뮤직 앱 탐구 마지막 5편! 홈 화면과 각 채널별 컨텐츠 구성에 대해 살펴보았다. 1. 홈어마어마한 컨텐츠 구성이다. 최신 컨텐츠, 차트 컨텐츠, 추천 컨텐츠, 정보 컨텐츠 등으로 꽉 채워졌다. 추천 컨텐츠는 뮤직PD 등 전문가 추천, 개인 취향이 반영된 추천, 기분이나 상황별 추천 등 그 카테고리가 다양하다.컨텐츠는 크게 3가지로 분류된다.최신 및 차트, 전문가 추천 컨텐츠 개인 취향이 반영된 컨텐츠기분이나 상황, 날씨와 관련한 컨텐츠, 정보컨텐츠개인 취향이 반영된 컨텐츠(아래 목록 중 두꺼운 부분)는 앱으로 음악을 좀 들은 후에 보여준다. 처음에는 보여주지 않는다. 프로모션 배너최신앨범실시간 TOP100벅스 Pick인기 뮤직PD 앨범인기 뮤직비디오내 앨범보관함내 취향을 듬뿍 담은 맞춤 내생목록내가..
벅스뮤직 앱 탐구 4편! 이번에는 FLAC전용관, 공지/문의, 설정 메뉴와 음악검색을 살펴보았다. 1. FLAC 전용관 벅스뮤직에는 고음질 음원을 제공하는 'FLAC 전용관' 메뉴가 있다. 벅스뮤직의 소개에 따르면 'FLAC 전용관' 에는 CD음질의 16bit FLAC과 스튜디오 원음 24bit FLAC이 모두 제공된다. 단, 재생하는 기기와 사운드카드 사양에 따라 해당 음질로 감상하지 못 할 수도 있다. FLAC 파일 재생에 관한 자세한 내용은 다음을 참고하기 바란다. http://goo.gl/OHavdS FLAC(Free Lossless Audio Codec)이란오디오 데이터를 손실 없이 온전한 모습으로 압축하는 파일 형식을 말합니다. MP3와 비교해 파일 용량은 크지만 고급 음질을 감상할 수 있는 ..
벅스뮤직 앱 탐구 3편! 이번에는 What's Hot, 테마/장르, 라디오, 보관함 메뉴들을 살펴보았다. 벅스뮤직 앱도 역시나 다양하게 편집된 플레이리스트를 제공한다. 무엇을 들을지 고민된다면 What's Hot, 테마/장르, 라디오. 이 메뉴들을 훌터보면 된다. 정말 다양한 추천과 제안을 해준다. 풍부한 뮤직 카테고리 중에서 골라도 되고, 뮤직PD가 엄선한 주제 중에서 골라도 되고, 벅스 앱을 좀 이용하다보면 취향에 맞는 곡으로 화면을 구성해 주기도 한다. 1. What's Hot 벅스차트뮤직4U최신복면가왕 벅스차트 뮤직4U들었던 음악을 토대로 개인 취향이 반영된 곡이 추천된다. 추천된 음악이 마음에 안드는 경우 피드백을 줄 수 있다. 최신, 복면가왕복면가왕 같은 이슈 컨텐츠를 하나의 메뉴로 뽑아 놨다..
벅스뮤직 앱 탐구 2편! 이번에는 재생목록과 내앨범 메뉴를 탐구했다. 전반적으로 스타일이 깔끔하다. 하지만 사용자 행동에 따른 피드백이 부족해서 답답하다. 1. 재생목록 재생목록 화면에는 하단 플레이어 바가 보이지 않는다. 플레이어 바 대신 목록 상단에 현재 재생중인 곡이 고정영역으로 표시된다. 이 영역을 터치하면 전체 목록 중에 그 곡이 있는 곳으로 화면이 스크롤 된다. 수백 개의 곡이 리스트에 쌓여있다면 편할 것 같다. 그런데 굳이 플레이어 바를 쓰지 않고 상단에 재생곡 표시 영역을 만든 이유가 무엇일까? 궁금하다. 하단에 플레이어 바를 두는 것이 좋겠다는 생각이 든다. 그렇게 생각한 이유가 있다. 상단의 '추가' 버튼을 사용해 재생목록 추가를 하면 곡이 추가되었다는 피드백을 화면 어디에서도 받을 수..
벅스뮤직 앱 탐구 1편!벅스 앱은 메뉴와 컨텐츠 영역 사이를 오고가는 UI가 신선하다. 세로형 슬라이드 메뉴 형태를 사용하지 않았다. 오히려 메뉴 영역은 고정이고 컨텐츠 영역이 축소 확장되는 모양을 취하고 있다. 보기도 좋으면서도 편리한 UI를 만나서 반값다. 스틸 이미지로는 느낌을 전달하기 어려워 GIF로 만들어 봤다. 벅스 앱의 디자인은 애플의 iOS 휴먼 인터페이스 가이드를 제대로 적용 시킨듯하다. 콘텐츠에 여백이나 테두리를 두는 대신 전체 화면을 채워 사용했고, 앱의 주요 화면에 반투명 효과를 폭넓게 사용했다. (상단 네비게이션 바, 하단 플레이어 바, 플레이어 화면 등) 플레이어 화면은 아이폰의 기본 음악 앱과 상당히 유사하다. 리스트 뷰 형태의 화면에서도 기능 버튼에 테두리 배제하고 버튼 타이..
네이버뮤직 앱 탐구 7편 마지막 편이다! 네이버뮤직 앱을 구성하는 화면 중에 많은 수가 목록 형태의 화면이다. 특히 TOP100 목록은 나에게 '네이버뮤직은 어려운 앱'이라는 이미지를 심어준 화면이다. 오래전 앱을 처음 사용할 때 일이다. TOP100 목록 중에서 내가 원하는 몇 개의 곡을 선택해서 듣고 싶었다. 어떻게 재생목록에 추가시킬 것인가. 처음에는 노래제목 우측의 ▷ 버튼을 탭했다. 그 노래가 즉시 하단 플레이어 바에서 재생되었다. 그런데 내가 원하는 것은 여러 곡을 선택해서 한번에 재생목록에 넣고 듣는 것이었다. 다시 재생버튼 우측의 … 버튼을 탭했다. 팝업에 나오는 내용은 내가 원하는 것이 아니었다. 2편에서 이야기했던 플레이어를 찾지 못한 것과 같은 이유로 난 내가 원하는 일을 하지 못하고..
네이버뮤직 앱 탐구 6편! 그동안 앱의 각 부분을 나누어서 탐구해 왔는데, 이번 편에는 이 거대한 앱의 전체메뉴와 메뉴별 화면을 간략하게 살펴보았다. 전체를 먼저 정리하고 부분을 탐구하는 방식이 아니라 거꾸로 진행했다. 이런 거대한 앱에서 사용자는 모든 것을 알 필요가 없다. 필요한 기능 위주로 사용하면 된다. 앱을 실행해서 첫 화면에 보이는 것에서 내가 하려던 것이 해결되면 더 찾을 필요가 없다. 앱을 사용하다가 무언가 필요성이 느껴지면 그때가서 찾는다. 그래서 내가 네이버뮤직 앱에서 주로 사용하는 기능들 위주로 먼저 보았다. 그러나 이제는 전체를 정리하며 마무리할 때가 왔다. 전체메뉴를 펼쳐보면 '자주쓰는메뉴' 설정이 있다. 이 기능 있어야할 정도로 메뉴의 갯수가 많다. 무려 18개다. 잘 안쓰는 메..
네이버뮤직 앱 탐구 5편에서는 시작페이지와 마이페이지 그리고 음악검색을 탐구했다. 1. 시작페이지 구성 시작페이지는 TOP100 순위를 시작으로 최신앨범, 음악검색(소리), 광고배너, 장르별 링크로 구성되어 있다. 그 아래에는 플레이리스트가 좌르르 나열되어 있다. 플레이리스트 중에 SPECIAL 라벨이 붙은 것은 매거진으로 연결된다. 매거진 컨텐츠는 모바일웹 컨텐츠를 앱으로 불러들이는 것으로 보인다. 메인 첫 화면에 음악검색(소리)가 있어서 SEARCH 화면으로 들어가지 않고 음악소리를 바로 검색할 수 있어서 편리하다. 그런데 모양새가 버튼스럽지 않아서 배너인지 기능버튼인지 모호하게 보인다. 2. 마이페이지 구성 마이페이지는 일반적인 웹사이트의 마이페이지와 같은 구성이다. 로그아웃 상태에서는 '최근들은 ..
네이버뮤직 앱 탐구 4편! 이번에는 네이버뮤직 앱의 스트리밍 라디오 서비스를 살펴보았다. RADIO라는 이름에서부터 아날로그 감성을 풍기는데 화면 디자인도 스큐모픽 스타일이다. RADIO는 재생목록을 만들지 않아도 유사한 곡을 계속 들려주는 서비스다. 포스팅 내용을 정리하면서 켜놓았는데 선곡이 참 좋다. 내가 좋아하는 노래와 연관된 것으로 구성되어서 그런가. RADIO에서 유사한 곡을 선별하는 공식이 어떻게 작동하는지 궁금해진다. RADIO 메인에서 마음에 드는 추천 곡을 선택하거나, 내가 좋아하는 노래 한 곡을 검색해서 재생시키면 그 다음은 자동으로 유사한 곡을 선곡해서 들려준다. 무엇을 들을지 고민하지 않아도 된다. 게다가 검색해서 리스트를 만드는 수고를 하지않아도 내가 좋아하는 노래와 유사한 새로운..
모바일앱 탐구 - 네이버뮤직 앱 3편. 네이버뮤직 앱의 재생목록 화면에서 가장 눈에 띄는 기능은 '재생목록 검색'이다. 이 기능 정말 유용한 것 같다. TOP100을 듣다가 '싸이'를 검색하면 TOP100 중 싸이의 노래만 검색된다. 그중에서 듣고싶은 곡을 선택하면 그 곡으로 이동해서 재생된다. 나는 별도의 재생목록을 만들지 않고 기본 재생목록에 계속 노래를 추가하면서 듣기 때문에 재생목록에 수백개의 곡이 쌓여있다. 가끔 목록 중에 특정 노래가 듣고 싶을 때 목록을 위아래로 스크롤하면서 그 곡을 찾는 것은 무지 피곤한 일이었다. 그래서 이번 탐구를 통해 검색기능을 발견한 것이 큰 기쁨이다. 재생목록 설정으로 들어가면 몇 가지 유용한 기능이 있다.곡 추가 위치 : 맨 위, 맨 아래, 재생 곡 아래곡 추가 ..
- Total
- Today
- Yesterday
- 리스트뷰
- 모바일앱
- UX 디자인 7가지 비밀
- 보헤미안 코딩
- 페이코
- 디자인과 인간심리
- 인비전
- 음악앱
- 모바일 스케치
- 토스
- 댄새퍼
- 와이어프레임
- 오래가는 UX 디자인
- invision
- 북노트
- 프로토타입
- 피자주문
- rindesign
- 스케치앱
- 도미노피자
- 모바일송금
- 벅스뮤직
- UI 디자인 툴
- 온라인 간편결제
- 포토샵 CC 2015
- 원더리스트
- 마이크로인터랙션
- 카카오페이
- sketchApp
- 네이버뮤직
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |