디자인 공부 일지

고정 헤더 영역

글 제목

메뉴 레이어

디자인 공부 일지

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (26)
    • 공부일지 (12)
    • 아티클 (4)
    • 인터렉션 (2)
    • 래퍼런스 분석 (6)

검색 레이어

디자인 공부 일지

검색 영역

컨텐츠 검색

래퍼런스 분석

  • 어플리케이션 > 팝업 이미지 모션 리서치

    2023.06.05 by 조현재미래

  • 리뷰 페이지 분석

    2023.01.09 by 조현재미래

  • 검색 필터 기능 분석

    2023.01.02 by 조현재미래

  • 온보딩 레퍼런스

    2022.12.26 by 조현재미래

  • 지도 기반 검색 디자인 분석

    2022.12.16 by 조현재미래

  • 당근마켓 거래 후기, 매너온도 분석

    2022.12.14 by 조현재미래

어플리케이션 > 팝업 이미지 모션 리서치

1. SSF SHOP - 페이지 로딩 후 토스트 모션으로 노출되고 있음 - 자동/수동 스와이프 가능 - 팝업 이미지 외에 다른 화면을 탭 하여 제거할 수 있음 - 팝업을 닫을 때도 동일한 모션으로 사라짐 - 2. 쏘카 - 페이지 진입 시 딤 처리가 되면서 모션 없이 나타남 - 이미지 아래에 팝업 닫기 기능의 텍스트 버튼이 배치되어 매우 직관적 - 자동 스와이프되어 사용자가 스와이프 기능을 인지할 수 있도록 하고있음 - 3. 우리동네GS - 페이지 진입 시 딤 처리가 되면서 토스트 모션으로 나타남 - 닫기버튼이 이미지 위에 아이콘으로 배치되어 있음 - 수동 스와이프만 가능함 - 닫았을 때 토스트 모션으로 이미지가 사라짐 - 4. 쿠팡 - 페이지 진입 시 딤 처리가 되면서 토스트 모션으로 나타남 - 팝업 닫..

래퍼런스 분석 2023. 6. 5. 16:31

리뷰 페이지 분석

1. 무신사 무신사 리뷰 페이지의 경우 후기 탭부터 후기의 수를 노출하고 있어 해당 상품의 인기를 간단하게 파악할 수 있다. 하지만 제품에 대한 별점만으로는 구체적인 특징을 파악하긴 어려운데 무신사의 경우 다양한 제품 속성 태그를 활용하여 리뷰 필터를 더욱 세분화하고 사용자에게 제공하고 있다. 이는 사용자가 원하는 속성을 기준으로 쉽게 서치 할 수 있도록 도와주기 때문에 사용성이 좋다고 생각한다. - 2. 배달의 민족 배달의 민족의 경우 리뷰 페이지라고 생각하면 떠오르는 기본적인 디자인으로 전체 평점을 노출하면서 각 점수별 리뷰의 분포수도 노출하고 있다. 추가로 아래 월별 평점을 그래프로 보여주며 해당 음식점이 얼마나 꾸준하게 소비자들에게 신뢰를 받고 있는지 판단할 수 있다. 그리고 소비자가 다른 소비자..

래퍼런스 분석 2023. 1. 9. 09:20

검색 필터 기능 분석

지그재그의 경우 필터가 여러 옵션들로 세분화되어있어 유저가 원하는 옵션의 제품을 간편하게 찾을 수 있다. 유저가 필터를 적용하면 적용된 옵션의 수가 나타나는 것이 좋다고 생각한다. 가격과 키에서 슬라이더를 활용한 부분은 재미있기도 하고 가격별 상품의 분포도 알 수 있어 좋은 디자인이라고 생각한다. - 무신사의 경우 필터 페이지가 따로 나타나지 않으며 지그재그와 같이 옵션들이 세분화되어있다. 유저가 선택한 옵션들은 필터 내부에선 자세히 노출되지만 옵션 검색결과 후에는 노출되진 않고 해당 옵션이 포함된 필터의 컬러가 바뀌게 된다. 지그재그처럼 해당 필터에서 선택한 옵션의 수를 노출하거나 아래 서울스토어와 같이 선택한 옵션들이 노출되면 좋을 것 같다. - 타사 앱들과는 다르게 필터가 FAB로 되어있어 눈에 잘..

래퍼런스 분석 2023. 1. 2. 09:41

온보딩 레퍼런스

온보딩 페이지는 앱에서 가장 먼저 나타나는 화면이며 신규 사용자들의 이탈을 막고 사용자들의 서비스 사용 시간이 늘어나도록 유도하기 위해 다양한 방식으로 활용되고 있다. 핀크 앱의 경우 현재 앱에서 제공하는 서비스의 간략한 내용을 보여주며 앱의 핵심 기능이 어떤것인지 알려주고 있는데 사용자의 경우 이 서비스를 이용 했을때 어떤 혜택을 받을 수 있는지 간편하게 알 수 있다. 보맵 앱은 온보딩 페이지에서 간단한 질문을 통해 개인화된 정보를 맞춤 제공한다. 사용자가 중간에 이탈하지 않도록 간단하게 구성하였고일러스트를 통해 사용자가 쉽게 이해할 수 있도록 하였다. 이러한 온보딩은 나에게 개인 맞춤화 된 서비스를 받고 있다는 느낌을 줄 수 있다.

래퍼런스 분석 2022. 12. 26. 09:10

지도 기반 검색 디자인 분석

야놀자의 경우 지도 기반 검색 시 여러 호텔들이 나타나는데 아이콘을 탭 하면 아래 호텔 정보 팝업이 나타나면서 지도 아이콘에 이름과 가격이 나타난다. 이때 나타나는 팝업이 호텔 이미지는 너무 작게 사용되었고 여백이 너무 과하게 활용되었다고 느껴지는데 유저에게 직관적으로 정보를 전달할 수 있는 이미지는 더 크게 활용하고 여백을 줄여 지도를 가리는 영역을 줄이면 더 좋을 것 같다. 팝업 위에는 호텔 리스트 노출 방식을 변경할 수 있는 FAB버튼이 배치되어 있고 목록 페이지에서는 팝업이 사라지기 때문에 하단에 배치되어 사용성을 높이기 위해 항상 고정되어 있다. 상단에는 세부 필터들이 노출되고 있는데 필터를 세분화하여 노출시켜놓은 것은 좋으나 전체 필터를 볼 수 있는 탭은 오른쪽 끝까지 스와이프해야 나타나는 것..

래퍼런스 분석 2022. 12. 16. 19:30

당근마켓 거래 후기, 매너온도 분석

다른 유저들과 거래를 할 때 상대방이 약속을 잘 지키는지, 이전 활동에서 부적절한 행동을 하진 않았는지 궁금한 유저들이 많을 것이다. 그래서 당근마켓은 거래 후기와 매너온도를 제공하고 있는데 이는 유저들의 거래 활동을 직관적으로 보여주고 다른 유저들이 거래 시 참고하여 판단할 수 있도록 도와주는 역할을 한다. 당근마켓을 통해 거래를 하고 난 후에는 상대 유저에 대한 거래 후기를 작성할 수 있다. 작성하는 거래 후기는 프로필 내에 받은 매너 평가에 남게되는데 이를 통해 해당 유저의 과거 거래 경험을 확인할 수 있고 다음 거래 시 참고할 수 있다. 거래 후기 작성 시 별로에요, 좋아요, 최고에요 3가지로 나누어 제공하고 있는데 당근마켓의 캐릭터의 표정과 포인트 컬러를 메타포 요소로 활용하여 거래 경험에 대해..

래퍼런스 분석 2022. 12. 14. 20:40

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
디자인 공부 일지 © hyunjae98
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바