모바일 TO DO LIST 원더리스트 앱 1편! 원더리스트는 할일목록을 작성하고, 처리 기한에 따라 목록을 모아 보고, 필요 시 그 내용을 공유할 수 있는 모바일앱이다. 모바일뿐 아니라 맥과 윈도우PC에서도 웹사이트에 접속해 로그인 후 이용가능하다. 멀티 플랫폼 서비스랄까. 원더리스트 모바일앱은 블로그 관련 책과 스마트폰 앱 디자인 책에서 추천 앱으로 소개가 되어 알게되었다. 2011년에 처음 출시되어 현재는 버전3로 업그레이드 되었다. 나온지 몇 년이나 지난 앱이지만 꾸준히 업데이트가 진행되었고 여러 곳에서 추천되는 만큼 사용성도 인정받은 듯하다. 앱을 처음 실행했을 때 나를 참 헷갈리게 한 것은 배경사진이었다. 왠 동방명주 사진인가 싶었다. 국가 별로 대표 사진을 깔아주는 건가? 그렇다면 한국어 버전..
벅스뮤직 앱 탐구 마지막 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 휴먼 인터페이스 가이드를 제대로 적용 시킨듯하다. 콘텐츠에 여백이나 테두리를 두는 대신 전체 화면을 채워 사용했고, 앱의 주요 화면에 반투명 효과를 폭넓게 사용했다. (상단 네비게이션 바, 하단 플레이어 바, 플레이어 화면 등) 플레이어 화면은 아이폰의 기본 음악 앱과 상당히 유사하다. 리스트 뷰 형태의 화면에서도 기능 버튼에 테두리 배제하고 버튼 타이..
아이폰 광고차단 앱 '유니콘' for safari browser (iOS)스마트폰으로 포털에서 뉴스 기사를 읽으려고 본문으로 들어갔다가 광고 이미지가 화면의 대부분을 가려 읽기를 포기한 경험이 있을 것이다.특히 인터넷 미디어에서 제공하는 스포츠연예 기사에 이런 광고가 심하다. 기사 내 텍스트와 사진을 광고가 다 가려버린다. 손을 잘못 놀리면 이상한 사이트로 강제 접속되는 경우도 당하게 된다. 이런 불편을 해소시켜주는 유용한 광고차단 앱 '유니콘'을 소개한다. 아래에서 유니콘 사용 전과 후를 비교해 보자. 광고가 얼마나 심한지 아래로 내려가기 위해 스크롤을 어떻게 해야 할지 난감하다. 유니콘 앱은 굉장히 심플하다. 앱 설치 후 실행하면 스플래시나 특별한 홈 화면도 없다. 광고를 차단하기 위해서는 하단 탭 ..
온라인 간편결제 '페이코' 탐구 6편! 5편에 이어서 페이코 앱에서 더보기 탭의 내용을 자세히 살펴 보았다. '내쿠폰' 메뉴가 눈에 띈다. 오프라인 할인쿠폰을 다운로드 받아 매장에서 할인을 받을 수 있다. 현재는 제공되는 쿠폰 수가 적지만 앞으로는 다양해지기를 기대해본다. 1. 더보기 탭 더보기 탭은 다음의 메뉴로 구성되어 있다. 회원정보관리 로그아웃 PAYCO 포인트 내쿠폰 프로모션 코드 등록 결제 비밀번호 관리 결제수단 편집 환불계좌 관리 소득공제 관리 알림 설정 앱 잠금 설정 앱정보 공지사항 고객센터 PAYCO 사용가이드 각각의 메뉴를 살펴 보자. 페이코 앱은 '간편로그인' 기능을 제공한다. 네이버앱, 네이버블로그앱, 네이버카페앱, 네이버뮤직앱, 네이버지도앱 등 네이버 관련 앱을 사용해보았다면 그 ..
온라인 간편결제 '페이코' 5편에서는 페이코 앱을 자세히 탐구해보았다. 1. 홈앱을 실행하면 다음과 같은 화면을 만난다. 페이코 앱은 한 번만 로그인을 하면, 그 후로 로그인 화면을 거치지 않는다. 또한 '간편로그인' 기능이 있어 로그아웃 후에 다시 로그인 할 때도 비밀번호 입력과정 없이 등록한 아이디만 선택하면 로그인이 된다. 홈 화면에는 이용건수 및 결제금액 등의 정보를 요약해서 보여준다. 상단 우측에 알림이 표시된다. 2. 내지갑 내지갑 탭에는 등록된 카드별 사용내역을 확인할 수 있다. 사용내역은 카드별, 월별로 검색해 볼 수 있다. 네비게이션 바 우측의 + 를 탭하면 신용카드를 추가로 등록할 수 있다. 카드정보 등록 방법은 2편을 참고하기 바란다. '편집' 화면으로 들어가면 몇 가지 기능을 처리할..
온라인 간편결제 '페이코' 탐구 2편! 페이코는 웹과 모바일을 같이 이용할 수 있는 서비스이다. 모바일에서 회원가입을 하고 카드를 등록하면 웹에서도 똑같이 이용가능하기 때문에 먼저 모바일앱을 탐구해 보았다. 페이코 간편결제를 이용하기 위해서는 신용카드 정보를 등록해야 하는데 우선 회원가입을 해야 한다. 앱을 실행하면 아래와 같이 회원가입과 로그인을 할 수 있다. 가입방법은 2가지 방식으로 제공한다. (이메일 또는 휴대폰번호 가입) 페이코 앱은 5개의 탭으로 구성되어 있다. 홈내지갑가맹점이벤트더보기홈 화면에서는 이용건수 및 결제금액 등의 정보를 요약해서 보여주고 있다. 내지갑 탭은 이 앱이 존재하는 이유라고 할 수 있는 핵심 기능이다. 이곳에서 신용카드 정보를 저장, 관리할 수 있다. 가맹점 탭에서는 페이..
- Total
- Today
- Yesterday
- 벅스뮤직
- 네이버뮤직
- 오래가는 UX 디자인
- 디자인과 인간심리
- 와이어프레임
- 댄새퍼
- 토스
- 스케치앱
- 보헤미안 코딩
- invision
- 북노트
- 모바일앱
- 원더리스트
- 리스트뷰
- 프로토타입
- 모바일송금
- 인비전
- 모바일 스케치
- 페이코
- UI 디자인 툴
- 음악앱
- 포토샵 CC 2015
- rindesign
- 온라인 간편결제
- 도미노피자
- 피자주문
- sketchApp
- 카카오페이
- UX 디자인 7가지 비밀
- 마이크로인터랙션
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |