캐러셀
캐러셀은 항목들을 가로로 스크롤하며 보여주는 사용자 인터페이스 요소입니다. 각 항목은 일반적으로 그래픽 썸네일로 표시되며, 화면에서 좌우로 스와이프하거나 화면에 표시된 화살표 버튼을 클릭하여 넘겨볼 수 있습니다. 앱에서 캐러셀은 이미지나 기타 미디어를 보여주는 데 자주 사용되며, 클릭이나 탭을 통해 더 자세한 정보를 확인하거나 다른 작업을 수행할 수 있습니다.
컬렉션 캐러셀
컬렉션 캐러셀은 특정 테마나 카테고리와 관련된 항목 그룹을 보여주는 기능입니다. 컬렉션 캐러셀의 항목들은 일반적으로 가로로 스크롤되는 카드 형태로 구성되어 있으며, 사용자는 좌우로 스와이프하여 다양한 항목을 볼 수 있습니다. 컬렉션 캐러셀은 이커머스 앱에서 테마나 카테고리별로 정리된 상품을 둘러볼 수 있도록 하는 데 사용됩니다. 예를 들어, 앱에 '여름 패션' 컬렉션 캐러셀이 있다면 여름 날씨에 적합한 의류와 액세서리를 보여줄 수 있습니다.
상품 캐러셀
제품 캐러셀은 판매용 제품을 선택해서 보여주는 캐러셀 유형입니다. 제품 캐러셀의 제품은 보통 가로로 스크롤되는 카드 세트로 구성되며, 사용자는 좌우로 스와이프해 다른 항목을 확인할 수 있습니다. 제품 캐러셀은 전자상거래 앱에서 사용자가 제품을 탐색하고 각 항목에 대한 자세한 정보를 볼 수 있도록 자주 활용됩니다. 예를 들어, 앱에 “신상품” 캐러셀이 있어 최근 출시된 제품을 보여주거나, “베스트셀러” 캐러셀이 있어 가장 인기 있는 제품을 보여줄 수 있습니다.
이미지 캐러셀
이미지 캐러셀은 가로 목록으로 일련의 이미지를 표시하고 사용자가 이미지를 스크롤할 수 있게 하는 기능 요소입니다. 이미지 캐러셀의 이미지는 보통 가로 스크롤 카드 형태로 표시되며, 사용자는 좌우로 스와이프해 다른 이미지를 확인할 수 있습니다. 이미지 캐러셀은 앱에서 사용자가 이미지 모음을 탐색하고 각 이미지에 대한 자세한 정보를 볼 수 있도록 자주 사용됩니다. 예를 들어, 앱에 “배너 이미지”를 강조하는 이미지 캐러셀이 있어 오퍼, 제품 또는 프로모션 이미지를 보여주거나, “트렌딩 제품”을 위한 이미지 캐러셀이 있어 인기 아이템을 보여줄 수 있습니다.
제품 목록
상품 목록은 판매 중인 상품들을 앱 화면에 보여주는 기능입니다. 상품 목록의 상품들은 일반적으로 세로로 배치되며, 각 상품은 상품명, 가격, 썸네일 이미지 등의 정보가 담긴 카드 형태로 표시됩니다. 상품 목록은 이커머스 앱에서 사용자가 상품을 둘러보고 각 상품에 대한 자세한 정보를 확인할 수 있도록 하는 데 사용됩니다. 사용자는 보통 목록에서 상품을 탭하여 상세 설명, 추가 이미지, 고객 리뷰 등 더 자세한 정보를 확인할 수 있습니다. 또한 상품 목록에는 정렬 및 필터링 옵션과 같은 기능이 포함되어 사용자가 원하는 상품을 쉽게 찾을 수 있도록 도와줍니다.
컬렉션 목록
컬렉션 목록은 여러 컬렉션을 앱 화면에 보여주는 기능으로, 일반적으로 세로 목록 형태로 배치되며 각 항목은 컬렉션 이름과 컬렉션 이미지 등의 정보가 담긴 카드 형태로 표시됩니다. 컬렉션 목록은 이커머스 앱에서 테마나 카테고리별로 정리된 상품을 사용자가 둘러볼 수 있도록 하는 데 자주 사용됩니다. 예를 들어, 앱에 컬렉션 목록이 있으면 고객이 구매 과정에서 관심 있는 카테고리를 찾을 수 있으며, 의류나 액세서리 컬렉션이 대표적인 예입니다.
이미지 슬라이더
이미지 슬라이더는 하나의 이미지를 표시하고, 화살표 버튼을 클릭하거나 내비게이션 도트 인디케이터를 사용해 다른 이미지로 이동할 수 있는 사용자 인터페이스 요소입니다. 이미지 슬라이더는 주로 하나의 이미지나 소수의 이미지를 강조하는 데 사용되며, 웹사이트와 모바일 앱에서 흔히 볼 수 있습니다.
앱에서 이미지 슬라이더는 예를 들어 일련의 상품 이미지를 표시하거나, 특정 개념이나 아이디어를 설명하는 이미지들을 보여주는 데 사용될 수 있습니다. 사용자는 화면에서 좌우로 스와이프하거나 화면에 표시된 화살표 버튼을 클릭하여 이미지를 탐색할 수 있습니다. 일부 이미지 슬라이더는 슬라이드 쇼를 일시정지하거나 표시 중인 이미지 중에서 직접 이미지를 선택하는 기능도 제공합니다.
텍스트
텍스트는 앱에서 사용자에게 문자 정보를 표시하는 데 일반적으로 사용되는 기능입니다. 텍스트는 안내 문구, 설명, 라벨 등 다양한 종류의 정보를 표시하는 등 폭넓게 활용될 수 있습니다. 텍스트는 문단, 목록, 제목 등 다양한 형식으로 표시할 수 있으며, 크기, 색상 등 다양한 서식 옵션으로 스타일을 지정할 수 있습니다. 텍스트는 이미지, 버튼, 링크 등 다른 기능과 함께 사용되어 더욱 인터랙티브하고 매력적인 사용자 경험을 제공합니다.
접이식 텍스트
접이식 텍스트 기능은 버튼, 링크 또는 드롭다운을 탭하여 텍스트 블록을 펼치거나 접을 수 있는 텍스트 기능입니다. 텍스트가 접혀 있을 때는 요약 또는 발췌 부분만 표시되며, 버튼이나 링크를 탭하면 전체 텍스트를 볼 수 있습니다. 이를 통해 공간을 절약하고 긴 텍스트 블록을 쉽게 훑어보고 탐색할 수 있습니다. 접이식 텍스트는 앱에서 모든 사용자에게 필수적이지 않거나 일부 사용자가 건너뛰기를 원할 수 있는 정보를 표시할 때 자주 사용됩니다. 예를 들어, 앱에서 제품의 상세 설명을 접이식 텍스트로 표시하고, 사용자가 원할 경우 전체 설명을 볼 수 있도록 할 수 있습니다.
제품 추천
상품 추천 기능은 사용자의 관심사나 과거 행동을 기반으로 상품을 제안하는 앱 기능입니다. 상품 추천 기능은 전자상거래 앱에서 사용자가 관심을 가질 만한 새로운 상품을 발견하도록 돕고 추가 구매를 유도하기 위해 자주 사용됩니다. 상품 추천을 생성하는 데는 협업 필터링, 콘텐츠 기반 필터링, 행렬 분해 등 여러 가지 알고리즘과 기법을 사용할 수 있습니다. 상품 추천 기능은 사용자가 과거에 조회하거나 구매한 상품, 사용자가 관심을 가진 카테고리나 브랜드, 사용자가 다른 상품에 남긴 평점이나 리뷰 등 다양한 요소를 기반으로 할 수 있습니다.