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