–
오늘 소개할 서비스는 다양한 조건에 따라 웹서비스 화면 사례를 제공해 주는 곳입니다. 크게 세 가지 조건에 다라 화면 사례를 볼 수 있으며 하나는 404, 로그인, 결제, 대시보드, 랜딩 화면 등 서비스를 이루는 주요 화면입니다. 또 하나는 모달, 스켈레톤, 컬러 피커, 지도 등 서비스 화면에 포함되는 유저 인터페이스입니다. 마지막으로 생산성, 비즈니스 등 서비스 카테고리에 따라서도 사례를 살펴볼 수 있게끔 구성되어 있습니다.
탐색은 원하는 조건을 선택하는 것으로 시작할 수 있습니다. 서비스 이름이나 카테고리, 화면이나 기능 단위로 키워드를 입력해 서비스 화면 사례를 볼 수도 있고, UX 패턴 / UI 구성 / 카테고리에 포함된 내용을 하나씩 클릭해 확인하는 것도 가능합니다. 각각의 구분에는 몇 개의 화면 사례가 포함되어 있는지 숫자로 확인할 수 있어 탐색 과정에 도움을 받을 수 있습니다.
보고 싶은 조건을 선택하면 리스트 형태로 서비스 화면 사례를 확인할 수 있습니다. 위 이미지는 온보딩 화면 사례로 화면과 함께 서비스명을 먼저 보고, 특정 화면 사례를 클릭해 상세 화면으로 이동할 수 있습니다.
온보딩 화면 사례 리스트에서 노션을 클릭해 상세화면으로 이동한 모습입니다. 실제 화면 사례를 자세히 들여다볼 수 있고, 오른쪽으로는 각 구분에 따라 어디에 사례가 포함되는지에 대한 정보를 알 수 있어요. 사용된 컬러 정보까지도 제공되는 모습입니다. (로그인 후) 화면을 저장하거나 다운로드할 수 있다는 점도 활용도를 높여주는 장치 중 하나입니다. 또 뒤로 가기를 하지 않고도 화살표를 통해 다음 사례를 연속해서 확인할 수 있는 기능도 적용되어 있습니다.
유사한 사례를 확인할 수 있는 기능도 제공합니다. 상세 화면으로 한번 들어오면 이전, 다음 사례를 클릭으로 확인하는 것은 물론 다른 카테고리로 이동하거나 유사 사례까지 확인할 수 있어 탐색에 많은 도움을 받을 수 있습니다.
화면 사례가 구분에 따라 잘 정리되어 있으며, 곧 컬러 정보에 따른 사례 확인도 가능하도록 준비중이라고 하네요. 웹서비스 화면 사례를 볼 수 있는 서비스 중, 가장 정돈이 잘 되어있는 곳이 아닐까 싶습니다. 웹서비스 화면 사례를 한곳에서 폭넓게 확인하고 싶다면, 링크를 통해 더 자세한 내용을 확인해주세요.
- 모바일앱 스크린샷 사례를 서비스 카테고리에 따라 살펴볼 수 있는 곳
- 프로덕트 디자인과 관련된 다양한 자료를 제공하는 노션 페이지
- 다양한 카테고리의 모바일앱 화면 사례를 살펴볼 수 있는 ‘APPSHOTS’
–
