3부: 이커머스 페이지 기획 시 알아야 하는 기본 용어 | 요즘IT

마지막 업데이트: 2022년 6월 14일 | 0개 댓글
  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기
플레이어 생성 시 팝업 모드 버튼의 기본 설정은 OFF 입니다.
WECANDEO Player에서 표시하기 위해서는 ON 으로 설정하시기 바랍니다.

기획 용어 3부: 이커머스 페이지 기획 시 알아야 하는 기본 용어

세 번째, 이커머스 페이지 기획을 위한 기본 용어 알아가세요!

기획 용어 시리즈물 세 번째 시간! 이커머스(상품 쇼핑몰) 페이지에 들어가는 결제 정산 페이지는 어떤 종류의 서비스이던 공통으로 들어가는 영역입니다. 그만큼 금융과 이커머스 영역은 일거리도 많고 금전과 관련되어있어 기획 설계에 까다로운 경우도 많습니다. 이번 편에서는 해당 영역에 기획하기 위한 기초 용어를 알아봅니다.

PDP & PIP 페이지

Product Detail Page 또는 Product Information Page의 약자로, 이커머스 서비스인 경우, 상품 상세 정보 페이지를 의미합니다. 해당 페이지에는 특정 상품에 대해서만 상세정보 또는 사용 시 안내 콘텐츠, 그리고 체크아웃 페이지로 연결되는 기능을 주로 제공하고 있습니다. 결제로 이어지는 바로 이전 화면인 만큼, 중요성이 크고 정보 콘텐츠가 많은 만큼 사용자가 지루하지 않게끔 잘 구성해줄 필요가 있습니다.

Checkout 페이지

체크아웃 페이지는 PDP 또는 PIP페이지에서 구매 결정으로 이어지는 페이지를 말합니다. 결제 구매로 이어지는 페이지만큼 UX, UI기획이 중요한 페이지입니다. 인증 결제 수단을 선택하는 UI, 구매하신 상품에 대한 명시, 그리고 배송 관련 정보 입력이나 방법 선택 등을 포함하고 있죠. 해당 화면의 스텝은 최대한 짧고 명료하게 제공하여 사용자 이탈을 최소화해야 하며, 특히 대게 서비스들은 인증 결제 프로세스를 간단히 하여 사용자 불편 또는 이탈을 줄이려고 하고 있습니다. 체크아웃 페이지는 장바구니 페이지 혹은 PDP에서 구매하기 버튼 선택 시 진입하며 프로세스가 시작됩니다

롤링

롤링의 방법에는 자동 롤링과 수동 롤링 방법이 있습니다. 보통 서비스의 베너 영역을 보시면 사용자가 직접 제스처를 통해 탐색할 수 있는 베너가 있고, 또 N초마다 자동으로 전환되어 사용자가 수동으로 전환시킬 수 없는 베너도 있습니다. 이렇듯, 롤링은 대게 광고 이벤트 배너 UI 설계 시, 많이 사용되는 방법이며, front UI에서 롤링된다면 Back단에서는 자동 롤링인지 수동 롤링인지 그리고, 자동 롤링이라면 몇 초마다 전환시킬 것인지 지정해주는 기능이 있어야겠죠?

그 밖에도 마지막 아이템에서 좌로 롤링 시, 첫 아이템으로 전환인지 막아 놓을 것인지 등도 기획 시 꼭 명시해주시길 바랍니다.

Height값?

Height값이란, 화면에서 보이는 높이 영역을 의미합니다. UI를 설계하다 보면, 아코디언 형태로 특정 영역이 확장되기도 하고 축소되기도 하죠? 이럴 경우, Height값 영역을 어떻게 노출될 것인지는 늘 생각하고 설계해주시길 바랍니다. 패딩과 더불어 디자인/기획 시, 늘 고려해야 할 부분입니다.

N뱃지

N뱃지란, 두 가지 UI 형태가 있습니다. N으로 노출되거나 정확히 몇 개인지 명시해주는 N1, N100… 형식으로 나눌 수 있습니다. 해당 기능은 새로운 아이템을 사용자에게 알리는데 중요한 기능이므로 마케터들이 사랑하는 UI이기도 합니다. 메인 화면에 신규 메뉴인 경우, 또는 현재 이벤트 중인 신규 상품인 경우 해당 UI를 적극적으로 활용하는 것을 권유드립니다!

Flag & Label

리스트 항목을 탐색을 하면, 상기 그림과 같이 딱지 같은 것을 발견하실 수 있습니다. 해당 아이템이 인기 상품인지 최신 상품인지 등의 정보를 포함하고 있는 내용을 말하는데, 보통 플래그 혹은 라벨이라고 합니다. 이 기능 또한 어드민에서 설정 시, 관련 상품 아이템에 노출하게 되겠습니다.

뒤에 “상태 값”에서도 설명하겠지만 배송 준비 같은 정보를 리스트 화면에서 제공하면, 상세 화면에 사용자가 들어가지 않고도 빠르게 해당 아이템의 정보를 파악하는데 용이하게 하는 기능도 합니다.

상태 값

상태 값이란, 아이템의 진행 단계를 말하는 것으로, 앞장에서 말한, Flag 도는 라벨 UI로 나타내거나, text 그대로 노출될 수 있습니다. 구체적으로 설명드리자면, 특정 아이템의 상태를 지정하는 것을 일컫습니다.

설계 시, 3부: 이커머스 페이지 기획 시 알아야 하는 기본 용어 | 요즘IT 이 부분은 매우 섬세하게 기획해야 하는 부분으로, 점검 기능이 있다면, 점검 중인지, 점검 완료인지, 점검 전인지, 진행 단계를 지정해주는 작업입니다. 더 예를 들어보면, 상품을 주문한 경우, 결제 완료인지, 배송 중인지, 배송 완료 중인지를 기획해줘야 하는 것이며, 쿠폰을 예시를 든다면, 해당 쿠폰이 유효기간이 만료되었는지, 현재 사용 가능한 쿠폰인지 등을 지정해줄 필요가 있겠습니다.

빠른 인증/보안 해제 단계

아이폰의 지문인식, 페이스 인증, 음성명령 같은 생체인식 방법과, 패턴 입력, 지문 입력, ARS 인증… 다양한 인증 방법이 있지만! 이러한 쉬운 인증은 모바일 앱 초기 진입과 등록과정에서 사용자 경험을 쉽게 만들고 있습니다! 한 가지 단적인 예로, 핀란드의 유니클(unicul)은 얼굴인식 스캔을 통해 30초에서 5초까지 계산하는 시간을 단축한 결과가 있구요! (참고: 소비자의 67%가 평균 11개의 사용자 이름과 패스워드를 기억해야 합니다)

사용자의 빠른 선택을 돕는 AI쇼핑& 탐색

페이스북, GrokNet(그로그넷) 컴퓨터 비전 시스템을 이용해 사용자 개인 맞춤형 이미지를 검색하고 순위를 매겨요. 사용자가 마음에 드는 특정 옷장, 가구, 전자제품의 사진을 업로드하면 정확한 아이템을 또는 비슷한 아이템을 찾아 즉시 구매하죠 오차 없는 사이즈, perfitt perfit은 발과 신발 내부 사이즈를 정확하게 측정하여 분석 시스템과 매칭 AI솔루션으로 사용자 발에 맞는 신발을 추천하여 사용자의 선택을 용이하게 합니다!

오프라인 가게에서 결제 시, 빠른 스캔

계산대에서 가맹점의 QR코드를 계산하기 위해 스캔하는 데 사용하거나 신용카드 결제라고 말해서 카드 정보를 근처 BLE 비콘을 통해 가맹점에 보낼 수 있습니다! 비대면 모바일앱 서비스 결제 시, 프로세스 최소화 네이버 통장, 카드 등록과 간단 인증을 통해 최종 결제 진행이 빨라졌어요!

리워드&혜택&포인트 적립

스타벅스 앱은 사용자들이 신속하게 결제할 수 있고 지출 내역과 매장 위치를 알 수 있게 하는 대시보드! 사용자에게 다음번 보상 이정표를 미리 가늠해 볼 수 있는 그래프와 애니메이션으로 무료 음료 보상을 보여줘 재방문을 유도합니다! 스타버스 앱을 통해 등록된 스타벅스 카드의 바코드를 POS기에 부착된 바코드 스캐너로 스캔!

정산하기

여러 결제 방법이 있다. 무통장입금, 카드결제, QR결제 등. 각 서비스마다 차이점은 다르지만 카드결제가 용이하게 설계되어있는 경우가 많습니다. 보통 청구, 고지, 결제, 정산 순으로 진행됩니다. 결제 후, 정산되는 시스템은 Front사용자 앱 보다 기사 앱이나 운영자 앱에서 필요할 가능성이 큽니다. 특히 결제 서비스 정책을 세울 때, 정산이 정확히 언제 되는지 확인될 필요가 있습니다. 서비스 탈퇴 시, 계산서 발행을 목적으로 정산을 위한 데이터를 적재되며 유효기간 확인이 필수이며, 복잡한 Back-end(백엔드) 구조와 시스템을 파악해야 Front의 사용자 경험을 디자인합니다.

정리하면!

Back-end, Front-end 화면 기획에 필수로 알아야 하고, 또 필드에서 소통을 위해 알고 있어야 할 기본 개념들을 알아보았습니다. 결제, 정산 프로세스와 주문 배송단계에 대해 잘 숙지하고 있어야 합니다. 쇼핑 이커머스 페이지 설계 시, QR 같은 스캔 방식과 간편 결제, 무통장 입금 등 여러 결제방식에 대해 늘 고려하여 기능을 붙일 필요가 있습니다.

pip 설치 후에 동영상 녹화 방법?

추천할 만한 유튜브 pip 녹화 프로그램을 소개하고 pip설치 후에 동영상을 어떻게 녹화하는지에 대해 설명해 드리겠습니다.동영상 제작에 대해 관심 많으신 분들에게 도움이 되었으면 좋겠습니다.

Part1:윈도우 유튜브 pip 녹화 프로그램

1.Ocam

Ocam은 전문 화면 녹화 소프트웨어입니다.이 소프트웨어는 크지 않고 기능이 다양하며,조작도 편리하고 빠릅니다.이 것은 윈도우뿐만 아니라 MAC도 지지할 수 있습니다.이 소프트웨어로 컴퓨터 화면 녹화하는 방법은 간단합니다. pip기능도 갖추고 있어 pip설치도 쉽게 할 수 있습니다.

이 소프트웨어는 컴퓨터당 23500원입니다.

pip기능

  1. 인터페이스가 간결하고 명확해서 사용하기 쉽습니다.
  2. 화면 녹화는 물론 스크린샷도 찍을 수 있습니다.
  1. 무료 버전은 기능제한 됩니다.
  2. 유류버전의 가격이 높습니다..
  3. 무료 번전은 프로그램 내에 광고가 삽입되어 있습니다.

2. Wondershare DemoCreator

Wondershare는 다양한 기는을 갖추어 비디오와 오디오 편집 기능까지 제공할 수 있는 소프트웨어입니다.pip 기능 뿐만 아니라 GIF영상,키프레임 편집,소음 제거 등 다른 기능도 갖추고 있습니다.그리고 이미지,뮤직,비디오 등 다른 미디어 3부: 이커머스 페이지 기획 시 알아야 하는 기본 용어 | 요즘IT 파일 모두 가져올 수 있습니다.좋은 유튜브 pip 소프트웨어로 추천할 만합니다.

이 소프트웨어는 한 분기 계획은 23500원이고,1년 계획은 47000원이고,평생 계획은 70535원입니다.

pip 사용법

  1. 인터페이스는 보기가 간단해서 사용자들이 쉽게 사용할 수 있습니다.
  2. 기능이 다양해서 여러가지옵션을 활용할 수 있습니다.
  3. 7가지 언어을 지지합니다.
  1. 편집기는 좀 약합니다.
  2. 녹화된 화면을 저자아는 파일이 따로 있어서 좀 불편합나디.

3. Bandicam

Bandicam은 페이스캠 녹화 기능을 제공하여 좋은 게임 녹화 프로그램으로 유명합니다.이 지품은 무료로 체험할 수 있지만 구입해야 다양한 기능을 활용할 수 있습니다. pip 사용법이 쉽고 초당 120프레임을 유지하면서 4K Ultra HD로 녹화할 수 있습니다.

무료로 다운로드할 수 있습니다.

pip삭제

  1. 사용자 선택할 수 있는 화면 필드 기능을 제공합니다.
  2. 압축비가 높습니다.
  3. 마우스의 이동으로 녹화와 클릭을 할 수 있습니다.
  1. 편집 도구는 이해하기가 어렵습니다.
  2. 윈도우에서만 사용할 수 있습니다.
  3. 게임을 녹화할 때 데스크톱 녹화 불가능합니다.

4. Movavi

Movavi는 영상 만들기에 필요한 기능들은 거의 다 지원할 수 있는 소프터웨어입니다.이 프로그램을 이용하면 동영사을 빠르고 편리하게 제작할 수 있습니다.유튜버들은 처음에도 부담없이 쉽게 사용할 수 있습니다.pip 설치도사용자에게 쉽습니다.

1년 계획은 90000윈이고,평생 계획은 110000원입니다.

pip 업데이트

  1. 사용하기 쉽습니다.
  2. 4k도 편집이 가능합니다.
  3. 녹화한 후 pip삭제 편리합니다.
  1. 가격은 다른 것보다 좀 높습니다.
  2. 편집기능이 부족한 부분이 있고 고급 편집자 사용하기에 부족합니다.

Part2:최고의 윈도우 pip 녹화 프로그램-----HitPaw Screen Recorder

HitPaw Screen Recorder는 2021년에 HitPaw 만드는 녹화,편집,및 캡처 등 다양한 기능을 제공할 수 있는 소프트웨어입니다.이 번의 업데이트는 더 좋은 사용자 경험을 제공 하기 위해 pip 업데이트도 하고 다른 기능도 개선했습니다.

이 소프트웨어는 지금은 윈도에서만 사용할 수 있지만 맥 버전은 다음 번에 9월에 출시될 예정입니다. 많이 기대하십시오!그 리고 이 소프트웨어는 요즘 할인 행사를 하고 있습니다.

1개월 가격은 원래 47000원인데 이제 10570 원이고,3개월 가격은 원래 70535원인데 이제 17625원이고,1년 가격은 원래 105800원인데 이제 23500원입니다.

할인 코드: EM-30OFF (30%할인)

pip 업데이트

  1. 녹화 기능이 다양하고 전면적입니다. (pip녹화뿐만 아니라 전체 화면 및 선택된 화면도 녹화할 수 있습니다..그리고 카메라 및 게임도 녹화할 수 있습니다.)
  2. 사용자에게 편리항 편집기능도 제공합니다.
  3. 사용자들의 마음대로 출력 파일 형식 등을 성정할 수 있습니다.
  4. 좋은 유튜브 pip 소프트웨어로 처음 유튜버에게도 쉽습니다.
  1. 이 프로그램의 화면이 간결하고 선명합니다.그리고 높은 품질과 작은 부피로 사용하기 편리합니다.
  2. 대형 게임은 물론이고 장기간 녹화를 안정적으로 진행할 수 있습니다.
  3. 다양한 녹화장면에서 사용할 수 있습니다. 예를 들어,인강수업 과정을 녹화하고 메모할 수 있고, 게임 조작도 녹화할 수 있습니다.
  4. 에약녹화를 시작하여 자동녹화를 진행할 것이라서 걱정없이 다른 일을 처리할 수 있 습니다.
  5. 녹화 다 끝난 후에 Trim도 가능합니다.

    일단 화면 녹화 옵션을 클릭한 후에 마우스 버튼을 길게 누르고 끌어서 녹화할 부분을 선택합니다.

pip 업데이트

pip 업데이트

pip 업데이트

요즘 유튜브 영상 제작 수요가 많아지고 있어서 유튜브 pip녹화 소프트웨어를 추천할 필요가 있다고 생각합니다.위에 언급한 Wondershare DemoCreator,Bandicam 등 소프트웨어는 다 pip기능을 갖추고 있는 추처할 만한 것입니다.그리고 pip설치 후에 어떻게 녹화하는지도 설명했습니다. 특히 HitPaw Screen Recorder는 더 전면적이고 다양한 기능을 제공할 수 있어 제일 추천합니다.

텐서 플로우 블로그 (Tensor ≈ Blog)

머신러닝(Machine Learning), 딥러닝(Deep Learning) 그리고 텐서(Tensor) 또 파이썬(Python)

TensorFlow 2.0.0-alpha0 Release

텐서플로 Dev Summit에 맞추어 텐서플로 2.0.0 알파 버전이 릴리스되었습니다. 🙂

자세한 내용은 릴리스 노트를 참고하세요. 텐서플로 2.0.0-alpha0 버전은 pip를 사용해 설치할 수 있습니다.

이 글 공유하기:

이것이 좋아요:

“ TensorFlow 2.0.0-alpha0 Release ”에 대한 6개의 생각

  1. Jo Seungjun2019-03-09 (5:25 pm)

저는 위 방법으로는 설치되지 안았습니다.

pip install tensorflow==2.0.0-alpha0

이런 그렇군요. 확인한 후 고쳐 놓겠습니다. 감사합니다!

리눅스 python 3.6.8에서 pre 옵션으로 알파버전이 설치되는데요. 사용하신 환경이 어떻게 되시나요?

  1. Jo Seungjun2019-03-16 (5:20 pm)

윈도우 10 python 3.6.6 버젼입니다!

pip install tensorflow==2.0.0-alpha0 와 같이 설치해 보세요.

답글 남기기 응답 취소

This site uses Akismet to reduce spam. Learn how your comment data is processed.

이메일로 블로그 구독하기

혼자 공부하는 머신러닝+딥러닝

혼자 공부하는 머신러닝+딥러닝

Yes24, 교보문고 평점 10점 만점!
★★★★★ 박해선님 도서는 항상 기대함. 그러나 항상 기대이상. 이번엔 심지어 재미있음. (a******t 님)
★★★★★ 박해선님이 제대로 된 초보자서를 출간하셨네요. 초보 여러분 믿고 사세요. (c******o 님)
★★★★★ 정말 혼자 공부하기 너무 좋은 머신러닝 독학 책 (pc**831 님)
♥♥♥♥ 혼자 공부하기 좋아요! 설명도 잘되어있어요:) (an**s0603 님)

넘파이 튜토리얼
윈도우즈에 파이썬, 텐서플로 설치하기
Model evaluation, model selection
네스테로프 == 모멘텀 of 모멘텀
해커에게 전해들은 머신러닝
해커가 알려주는 뉴럴 네트워크
딥러닝을 위한 콘볼루션 계산 가이드
First Contact with TensorFlow 번역

[Preview]Fundamental of Deep Learning

  • “케라스 창시자에게 배우는 딥러닝 2판”이 출간되었습니다! 2022-08-17
  • “개발자를 위한 머신러닝&딥러닝” 책이 출간되었습니다! 2022-08-17
  • “케라스 창시자에게 배우는 딥러닝 2판”, “개발자를 위한 머신러닝&딥러닝” 출간 소식 2022-08-09
  • “개발자를 위한 AI & ML” 도서 번역을 마쳤습니다. 2022-07-13
  • ML & DL Book Landscape 마우스패드 이벤트 안내 2022-07-05
  • [Deep Learning with Python] 2판 번역 완료! 2022-06-11
  • “파이썬 라이브러리를 활용한 머신러닝” 사이킷런 1.1 버전 업데이트 2022-06-03
  • 텐서플로 2.9 버전이 릴리스되었습니다. 2022-05-21
  • XGBoost 1.6 버전 릴리즈와 [XGBoost와 사이킷런을 활용한 그레이디언트 부스팅] 업데이트 안내 2022-05-19
  • [파이썬 라이브러리를 활용한 머신러닝] 독자 리뷰를 소개합니다! 2022-05-16
  • [혼자 공부하는 머신러닝+딥러닝] 사이킷런 1.1.0 버전 업데이트 안내 2022-05-15
  • 사이킷런 1.1 버전이 릴리즈되었습니다! 2022-05-13
  • “XGBoost와 사이킷런을 활용한 그레이디언트 부스팅”이 출간되었습니다! 2022-04-06
  • scikit-learn with GPU! 2022-03-29
  • “구글 브레인 팀에게 배우는 딥러닝 with TensorFlow.js”가 출간되었습니다! 2022-03-25

최신 댓글

박해선 (1. 딥러닝이란 무엇인가?)
오진수 (1. 딥러닝이란 무엇인가?)
박해선 (2.3 데이터 가져오기)
newbeeeeee (2.3 데이터 가져오기)
박해선 (About Me)
나들 (About Me)
박해선 ([Deep Learning with Python] 2판…)
jnhyeon ([Deep Learning with Python] 2판…)
박해선 ([Deep Learning with Python] 2판…)
한경훈 ([Deep Learning with Python] 2판…)
Drew (해커에게 전해들은 머신러닝 #3)
박해선 ([Deep Learning with Python] 2판…)
レノキ乇1ᑌᑭ ([Deep Learning with Python] 2판…)
박해선 (TensorFlow White Paper[1603.04…)3부: 이커머스 페이지 기획 시 알아야 하는 기본 용어 | 요즘IT
서민종 (TensorFlow White Paper[1603.04…)

블로그 통계

  • 4,363,621 hits

Copyright © 2015 tensorflow.blog
TensorFlow, the TensorFlow logo and any related marks are trademarks of Google Inc.

동영상 팝업 모드 사용하기

팝업 모드는 Player의 기본 화면을 작은 플로팅 화면으로 전환하여 재생하는 방식의 의미하며, PIP(Picture In Picture)라고 하기도 합니다.

PC 브라우저 또는 모바일 브라우저에서 팝업 모드를 사용하면 동영상을 스크린의 특정 3부: 이커머스 페이지 기획 시 알아야 하는 기본 용어 | 요즘IT 구역에서 팝업으로 재생하면서 웹 페이지나 다른 애플리케이션을 탐색할 수 있습니다.

1836 1836 1836 1836

팝업 모드에서는 웹 페이지의 특정 위치에서 플레이어가 작은 화면으로 표시됩니다.

브라우저에 따라 다를수 있으나 보통 팝업 화면의 위치나 크기를 조정할 수도 있습니다.

538 538 537 537

모바일의 팝업 모드에서도 웹 페이지의 특정 위치에서 플레이어가 작은 화면으로 표시됩니다.

다른 애플리케이션을 탐색하면서 동영상을 재생할 수도 있습니다.

팝업 모드를 사용하기 위해서는 배포 패키지 또는 라이브 채널에서 사용하는 WECANDEO Player의 플레이어 설정 메뉴에서 해당 옵션을 ON으로 설정하여야 합니다.

플레이어 생성 시 팝업 모드 버튼의 기본 설정은 OFF 입니다.
WECANDEO Player에서 표시하기 위해서는 ON 으로 설정하시기 바랍니다.

[VIDEOPACK > 미디어 보관함 > 플레이어 > 플레이어 설정 > 컨트롤바 설정] 또는 [LIVEPACK > 미디어 보관함 > 플레이어 > 플레이어 설정 > 컨트롤바 설정] 에서 팝업 모드 버튼 항목을 ON/OFF 설정 가능합니다.


0 개 댓글

답장을 남겨주세요