여러분은 어떤 Product를 만들고 싶어하시나요? 모바일 앱이나 PC 웹의 형태인가요?
오늘은 Product를 만들어 가는 데에 있어 빠르게 서비스 기획을 할 수 있게끔 다른 Product를
빨리 카피할 수 있는 참조 사이트에 대해서 알아볼게요. 제 즐겨찾기 리스트에 있는 사이트 중 일부인데요. 특히나 해외 앱을 벤치마킹 할 것이라면 참조하기 더더욱 좋겠죠.
'모방은 창조의 혁신이다'.
무에서 유를 창조하려고 하지 말고, 이미 있는 리소스들에서 인사이트를 얻어 재조합해봐요!
UX를 직관적으로, 서비스기획을 빠르게 - 참조사이트
1. Mobile-Patterns
모바일 UI 인터랙션들에 대해 많이 나와있는 사이트입니다.
사이트에서 Explore more patterns 를 클릭하면, 카테고리 별로 볼 수 있어요.
앱 카테고리/온보딩/Engagement and Retention/구성요소/액션/네비게이션/스크린 등 원하는 조건에 맞춰 세부적으로 볼 수 있으니까 참조하기 참 좋아요.
2. Pttrns
이 사이트도 깔끔하게 정리가 참 잘되어 있는데요. 모바일 Platform별로 잘 볼 수 있게 나뉘어져 있어요.
iOS(iPhone/iPad/Watch), Android 이렇게요. 또한, 각 Feature별 카테고리로 직관적으로 볼 수 있어서 참조할 때 유용합니다.
Design Pttrns
Check out the finest collection of design patterns, resources, mobile apps and inspiration
www.pttrns.com
3. Ui-Patterns
UI 디자인 패턴에 관한 내용이 많은데요. 모듈별로 가장 상세하게 나와있는 사이트가 아닌가 싶기도 해요.
위 2가지 사이트에 비해서 더 상세하게 Feature가 어디에 어떻게 언제 쓰이는지 알고 싶고, 그 모양도 보고 싶다면
이 사이트를 강추합니다.
상위 메뉴 중 Design Patterns를 눌러서 각 요소별 디자인 패턴을 한눈에 펼쳐서 볼 수가 있고, 클릭 시 어떤 때 어떻게
쓰이고 어떤 장점이 있는지 등 문서가 쓰여 있어요.
일종의 기획 계의 API같은 느낌이랄까요? ㅎㅎ
상위 메뉴 중 Screenshots를 선택해서 직관적으로 어떻게 쓰이는지 볼 수도 있구요!
UI-Patterns.com
Create an account to upload screenshots of great design. We believe that the activity of keeping and collecting screenshots of great design makes you a great designer yourself. A good way to start a design process is to get inspired by what others have don
ui-patterns.com
4. Awwards
이것은 웹사이트 쪽을 참조하시고 싶은 분들에게 도움이 될 것 같은데요.
어워즈라고 웹사이트 상을 받은 것들에 대해 모아서 볼 수 있어요. 어떤 인사이트르를 얻고 싶다!
내가 지금 PC웹 프로덕트를 만들고 싶다면 가끔씩 방문해서 트렌드나 요즘 웹사이트들을 보는 것도 도움이 되겠죠~!
Awwwards - Website Awards - Best Web Design Trends
Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.
www.awwwards.com
위의 사이트들은 즐겨찾기 해 놓고 수시로 들어가 보시거나, 필요 시 벤치마킹을 빠르게 해보세요.
참고로, 모바일 앱을 만드시고 싶은 분들에게 가장 추천드리는 방법은
'평상시 내가 자주 사용하는 앱을 뜯어봐라' 입니다. 다들 한 두개쯤은 내 최애탬 앱이 있지 않나요?
그 앱을 하나씩 사용자 입장에서 뜯어보면, 내 앱을 만드는 데 도움이 많이 된답니다 :)
여러분은 서비스를 만들기 전에 어떤 어려움을 겪으시나요? 나누고 싶은 얘기가 있다면, 댓글로 소통해요!
※공감과 댓글은 큰 힘이 됩니다♥
'IT 상식' 카테고리의 다른 글
앱개발 외주 알아볼까? 앱만들기 전에 알면 좋을 사항 (0) | 2019.12.13 |
---|---|
Flutter : 모바일 앱 개발의 미래? (0) | 2019.12.12 |
2020 IT 웹개발 트렌드! Web 개발자를 위한 2020년 웹개발 공부 가이드 (0) | 2019.12.11 |
왜 Flutter 를 사용해야 하는가? (0) | 2019.11.09 |