6,000여개 이상의 모바일앱 디자인 사례와 화면 구성 요소 정보를 확인할 수 있는 곳! ‘Shots’

150여개가 넘는 아이폰 앱디자인 사례를 확인하고 싶다면? ‘MOBBIN’을 통해 우리가 특정화면을 설계하는데 있어 ‘참고할만한사례’를 한 곳에서 볼 수 있는 방법을 소개 드린 적 있는데요! ‘Mobbin’은 아이폰X 해상도에 맞춰 운영자가 다양한앱을 직접 사용해보며 주요화면을 상황에 따라 정리 해놓은 곳입니다. 상황에 따라 다양한 사례를 쉽게 확인 할 수 있어 기획과정에 많은 도움을 받을 수 있죠. ‘Mobbin’과 같은 서비스는 해당 프로덕트를 담당하는 기획자나 디자이너, 개발자들이 만든 ’결과물’을 보는 것에 초점이 맞춰져 있습니다. 그런데 오늘, 이와 조금 다른 측면에서 사례를 확인 할 수 있는 서비스를 발견하여 소개하고자 합니다 🙂

앱스토어와 구글 플레이 스토어에서의 전환율 높이기, ‘스크린샷’의 역할!

  모바일 앱 소개의 핵심, ‘스크린샷’ 모바일 앱을 다운로드 받는데 있어 가장 큰 영향을 끼치는 것은, (지인 추천으로 인한 프리패스 제외) 스토어 내 등록된 다양한 정보와 리뷰라고 할 수 있습니다. 스크린샷, 디스크립션 등의 서비스 입장에서 등록한 메타데이터가 있고, 이를 통해 다운로드 받은 사람들의 ‘평점과 리뷰’로 구성된 평가 정보 등을 통해서 앱을 다운로드 할지, 결정하게 되는

모바일 앱의 스플래시 화면(splash screen) 어떻게 활용하면 좋을까?

  모바일 앱의 시작, 스플래시 화면 모바일 앱 실행 시 가장 처음 만나게 되는, 스플래시 화면. 짧게는 1초에서 길게는 5초 정도까지 이어지는, 서비스와 사용자의 중요한 연결고리라고 할 수 있는데요. 일반적인 기준에서 보면, 짦은 시간 동안 로고와 같은 서비스를 대표하는 내용들로 구성된 화면이며 복잡하게 생각할 필요가 없다고 판단할 수 있지만, 기획자 입장에서 생각해보면 스플래시 화면의 중요성에

150여개가 넘는 아이폰 앱 디자인 사례를 확인하고 싶다면? ‘Mobbin’

    얼마 전, 안드로이드와 iOS 환경에 맞게 제작, 서비스 중인 다양한 모바일 앱을 화면과 기능단위로 살펴볼 수 있는 서비스 ‘Mobile-Patterns’를 소개드렸는데요! (자세히 보기) 리뷰를 작성하고 얼마 뒤, 이번에는 아이폰X의 해상도에 맞게 수집된 iOS용 모바일 앱 디자인 사례를 확인할 수 있는 웹서비스를 알게 되었습니다. 모바일 앱 디자인 사례를 확인할 수 있다는 점에서는 같지만, 또 다른 매력을 지닌 ‘Mobbin’에

여러 종류의 모바일 앱 사례를 화면, 기능 단위로 살펴볼 수 있다면?

  보지 않고도, 뚝딱 뚝딱 좋은 화면들을 기획하고 만들어낼 수 있다면 더없이 좋겠지만! 기능을 업데이트 하거나 새로운 화면을 설계하는데 있어 ‘사례’들을 살펴보는 일만큼 작업 과정에 큰 도움이 되는 것도 없는 것 같습니다. 제 크롬 북마크에는 ‘UX/UI’라는 폴더가 별도로 존재하고, 하위 폴더로는 플랫폼 별 디자인 가이드와 함께 다양한 사례를 살펴볼 수 있는 웹서비스들이 저장되어 있는데요! 그

가을이 오면 생각나는 모바일앱 3

  피할 수 없는, 1년에 한 번씩 찾아오는 여름이 그리 반갑지는 않은데요 🙂 특히 올해는 유래없는 폭염으로 인해 7-8월 두 달간은 생산성이 많이 떨어졌던 것이 사실입니다. 다행히 긴긴 더위가 조금씩 물러가는게 느껴지네요. 이제 제가 가장 좋아하는 가을이 다가올 차례! 여름내 실내에서만 보냈던 시간들이 아쉬웠던만큼 짧은 가을을 어떻게 하면 제대로 즐길 수 있을까 하는 고민에 다양한

주요 기능 바로가기? 공간의 활용? 국내 서비스들은 플로팅 아이콘을 어떻게 활용하고 있을까?

  모바일앱과 웹을 사용하다보면 화면 오른쪽 하단에 다양한 종류의 아이콘이 위치한 것을 한 번쯤 보셨을 것 같은데요! 이는 PC와 비교하여 상대적으로 공간이 좁은 모바일 화면을 효율적으로 활용하기 위한 하나의 방법이라고 할 수 있습니다. 서비스 메뉴를 한 눈에 보고 원하는 곳으로 바로 이동할 수 있는 것이 PC 웹이라면, 모바일에서는 2-3번에 걸쳐 도달할 수 있기 때문이죠. 주요

[부록] 쇼핑 성공 확률을 높여주는 국내 스타트업 3

  온라인 쇼핑에 있어 ‘모바일’의 영향력이 점차 거세지고 있습니다. 지난 4일 통계청이 발표한 ’10월 온라인 쇼핑 동향’에 따르면 온라인 쇼핑 금액은 6조 3333억 원으로 작년 10월 대비 9.9% 증가했다고 합니다. 중요한 것은 ‘모바일 쇼핑 거래액’인데요. 4조 290억으로 전년 동월 대비 무려 22.4% 증가, 전체 온라인 쇼핑 거래액 중 63.6%를 차지했다고 합니다. 거래 10건 중 6건

안드로이드와 iOS 모바일앱에 필요한 아이콘! 이미지 등록으로 한 번에 ‘App Iconizer’

  앱의 로고와 같은 역할을 하는 ‘아이콘’ 구글 플레이스토어와 앱스토어, 그리고 원스토어 등에 들어가면 우리가 앱과 관련하여 가장 먼저 접하는 ‘비주얼’은 앱을 대표하는 아이콘이 아닐까 싶습니다. 위의 이미지는 구글 플레이 스토어의 메인 화면에서 노출되는 앱들의 모습을 가져온건데요! 앱의 이름과 함께 평점 그리고 아이콘이 크게 노출되고 있는 모습을 확인할 수 있습니다. 저 중에 하나를 선택해야만 해당

iOS와 안드로이드를 포함한 모바일앱은 물론 웹에서도 사용 가능한 애니메이션 라이브러리 ‘Lottie Files’

  앱과 웹에서의 ‘애니메이션’ 앱을 쓰면서 우리는 한 번 이상의 애니메이션을 접하게 됩니다. OS와 디바이스의 발전에 따라 애니메이션 역시 아주 간단한 것에서 시작해 최근에는 다양한 용도로 활용되고 있기 때문이죠. 로딩 시 노출되는 애니메이션은 물론이고 앱을 사용하는 과정 과정에 애니메이션을 적절히 활용한다면 정적이고 단조로운 앱을 생동감 있고 지루하지 않게 만들 수 있습니다. ‘지금 써보러 갑니다’를 통해서도