도리스 블로그

모바일 TO DO LIST 원더리스트 앱 1편! 원더리스트는 할일목록을 작성하고, 처리 기한에 따라 목록을 모아 보고, 필요 시 그 내용을 공유할 수 있는 모바일앱이다. 모바일뿐 아니라 맥과 윈도우PC에서도 웹사이트에 접속해 로그인 후 이용가능하다. 멀티 플랫폼 서비스랄까. 원더리스트 모바일앱은 블로그 관련 책과 스마트폰 앱 디자인 책에서 추천 앱으로 소개가 되어 알게되었다. 2011년에 처음 출시되어 현재는 버전3로 업그레이드 되었다. 나온지 몇 년이나 지난 앱이지만 꾸준히 업데이트가 진행되었고 여러 곳에서 추천되는 만큼 사용성도 인정받은 듯하다. 앱을 처음 실행했을 때 나를 참 헷갈리게 한 것은 배경사진이었다. 왠 동방명주 사진인가 싶었다. 국가 별로 대표 사진을 깔아주는 건가? 그렇다면 한국어 버전..

요즘 〈스마트폰 앱 UX/UI 디자인〉이라는 책을 읽고 있다. 2012년 하반기에 쓰여져 2013년 4월에 출간된 책이라 아이폰4S와 갤럭시2 기준으로 설명되어 있다. 내용이 좀 오래된 감이 있지만 스마트폰 앱 디자인의 기본 지식을 두루 훌터보기에 좋은 내용으로 구성된 것 같아서 읽고 있다. 책에서 안드로이드의 기본 작동 방식에 관한 내용 중 '스와이프 제스처로 페이지를 넘기는 방식'을 알게 되었다. 이 부분을 읽고 나서 벅스뮤직 앱 탐구를 하면서 좌우 스와이프로 이전, 다음곡으로 이동하는 좋은 UI를 제대로 소개하지 않았다는 비판을 적었던 것이 떠올랐다. 내가 안드로이드 UI에 대해서 무지해서 생겨난 오해일 수도 있겠다. ☞해당 포스팅 보기 스와이프 제스처로 페이지 전환. 이 UI는 안드로이드 사용자라..

벅스뮤직 앱 탐구 마지막 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)스마트폰으로 포털에서 뉴스 기사를 읽으려고 본문으로 들어갔다가 광고 이미지가 화면의 대부분을 가려 읽기를 포기한 경험이 있을 것이다.특히 인터넷 미디어에서 제공하는 스포츠연예 기사에 이런 광고가 심하다. 기사 내 텍스트와 사진을 광고가 다 가려버린다. 손을 잘못 놀리면 이상한 사이트로 강제 접속되는 경우도 당하게 된다. 이런 불편을 해소시켜주는 유용한 광고차단 앱 '유니콘'을 소개한다. 아래에서 유니콘 사용 전과 후를 비교해 보자. 광고가 얼마나 심한지 아래로 내려가기 위해 스크롤을 어떻게 해야 할지 난감하다. 유니콘 앱은 굉장히 심플하다. 앱 설치 후 실행하면 스플래시나 특별한 홈 화면도 없다. 광고를 차단하기 위해서는 하단 탭 ..

네이버 날씨 모바일 사이트. 특징 배경이미지 조차 정보를 전달하는 컨텐츠 적절한 스와이프의 활용 알고보면 의미있는 날씨 그래프 1. 배경이미지배경이미지가 시간과 날씨에 따라 달라지는데 그 변화가 섬세하다. 단순히 오전, 오후로 나누고 해, 비, 구름 등의 아이콘을 첨부해서 보여주는 수준이 아니다. 하루종일 구름 낀 날이라도 새벽과 오전, 오후, 저녁의 밝기가 다르게 적용되고, 구름의 종류까지 달라진다. 아마도 구름의 양에 따라 달라지는 것으로 추측된다. 비 내리는 날도 마찬가지다. 가랑비냐 폭우냐에 따라 배경이미지의 비가 달라진다. 이정도면 거의 배경이미지도 날씨 정보를 전달하는 컨텐츠로 봐야 한다. '많은 구름이 예상됩니다' 라는 텍스트보다 더 직관적으로 와닿는다. 나는 배경 속 구름의 양으로 얼마나 ..

모바일 송금 '토스' 앱 탐구 4편! 토스 앱은 최대 이체한도가 30만원이기 때문에 월세나 임대료 등 고액 이체는 다양하게 활용하기 어렵지만 친구들과 모임회비, 직장인 점심값, 공과금 납부 등 소액 이체용으로 충분히 활용가치가 있다. 이체를 하려면 계좌번호를 기억하고 입력해야 하는데, 그 수고를 덜어주는 기능과 폰 분실 시 서비스 이용중지 방법을 탐구해 보았다. 1. 계좌정보와 금액이 적힌 문자메시지를 받았다면모임회비나 점심값 등 이체할 은행과 계좌번호, 금액이 적힌 메시지나 메일을 받은 경우 메시지 내용을 복사하고 토스 앱을 실행시켜 보자. 메시지에 적힌 내용대로 보낼 금액과 은행, 계좌번호를 자동으로 입력해준다. 이때 복사된 메시지 내용에는 은행명, 계좌번호, 금액이 포함되어 있어야 한다. 이체완료 ..