[UX UI트랜드] UX UI 벤치마크 웹사이트 정리 (앱스크린샷모음, 반응형웹, 이메일 디자인 등)

1. Mobbin

https://mobbin.design/browse/ios/apps

Mobbin - The world’s largest mobile app design reference library

모빈은 한국어로 지원되는 앱은 찾을 수 없지만 글로벌로 사용되는 다양한 서비스를 한눈에 볼 수 있고 

카테고리, 패턴, 앱요소별로 필터링이 잘 되어있다. 

노가다를 많이 줄여줄 수 있다. 여러앱을 다운 받고 직접 써보는 것도 중요하지만

스크린샷을 떠놓고 어디에 뒀는지 찾고 정리하고 분류하는 것도 일이 되기 때문에 업무효율에 많은 도움을 준다!

 

---

2.What Was IT

https://wwit.design/

What Was IT

외국에 모빈이 있다면 한국엔 WWIT가 있다. 

한국의 다양한 서비스를 한눈에 볼 수 있고 사실 벤치마크를 한다고 다운해도 유료인 서비스는 금액을 지불하지 않으면 

내용을 알 수가 없는데 몇몇 유료앱들의 앱플로우도 볼 수 있다.

 

특히, 보험사 앱들은 보험설계사가 아니거나 보험에 가입되어있는 사람이 아니라면 써볼 수가 없는데 직접 써보는 것 만큼 자세하게 스크린샷이 나와있어서 .. 감사하다! 

---

3.Pinterest

https://www.pinterest.co.kr/

Pinterest

 

핀터레스트는 말해뭐해지만...! 일단 검색어에 따라 결과가 잘 나오고 해당 화면과 유사한 화면을 찾아주는 기능이 있어서 자연스럽게 검색어로 입력하지 않아도 비슷한 화면들을 발견 할 수 있다. 딱히 검색어가 떠오르지 않아도 유사한 화면들을 찾아내주는 기능이 있어서 디자인이 어느 단계에서 막혀있을때 영감을 받을 수 있어서 좋다! 

---

 

4.RWDB

http://rwdb.kr

 

우리나라의 반응형 웹사이트들을 한번에 모아서 볼 수 있다. 반응형 또는 적응형으로 앱을 디자인을 하게 될때 어떤 사이즈가 될때 테블릿 크기, 모바일크기로 분기되는 지점에 따라 디자인을 달리하여 기준을 만들어주어야하는데 그것을 참고하기 좋은 사이트이다. 

반응형으로 작동하는 웹들을 보다보면 ! 신기하기도하고 여러 아이디어들을 얻을 수 있다. 

---

5.GDWEB

http://www.gdweb.co.kr/sub/list.asp 

굿디자인웹

우리나라의 왠만한 규모의 기업과 브랜드, 서비스 사이트들이 한데 다 모아져있어서 보기 쉽고 무엇보다 업데이트 날짜가 적혀있어서 오래된 디자인이 아닌 최신버전인지 확인하고 한눈에 볼 수 있다. 장단점은 상세한 페이지를 전부 볼 수는 없고 대표페이지만 알 수 있는점이다. 대표이미지만 볼 수 있어서 어떤 부분에 디자인 강점을 둔것인지 알 수 있다. 아쉬운 점은 상세한 다른 화면들은 직접 다운받아서 보아야한다.

---

6.Nicelydone

https://nicelydone.club/patterns

UX/UI patterns & user flows inspiration • Nicely done

 

 

유료버전으로 결제를 해야 더 많은 화면을 볼 수 있긴하지만 그래도 좋아보이는 사이트들 브랜드들을 한눈에 모아서 볼 수 있다. 내가 모르던 해외 서비스들을 알 수 있고 각 서비스별 년도별 디자인이 어떻게 변하는지도 알 수 있는 상세 페이지가 있어서 디자인이 진화하는 과정도 볼 수 있다. 

---

7.Reallygoodemails : Email 디자인 모음

https://reallygoodemails.com/

Really Good Emails

이메일 디자인은 직접적인 UI UX라고 할 수는 없지만 요런 사이트를 발견하기 위해서 너무 고생했던 기억이 나서 함께 둔다. 웹사이트, 앱서비스와 Align을 어떻게 시키고 어떤 크기와 비율로 이메일 디자인이 되어야하는지 알 수 있는 레퍼런스 사이트이다. 

 

그 동안 디자인할때 참고하던 사이트를 한번에 모아두니! 앞으로 벤치마크 할때 편하게 사용 하 수 있을 것 같다.