서비스 기획/UI UX design 3

📺 네이버, 쿠팡, 그립 라이브 커머스 UI / 주요기능 (live commerce main UI)

🎥 라이브 커머스 UI 1. 네이버 쇼핑 라이브 UI ✅ 주요 기능 (19가지) No. 상단 (10) 1 쇼핑 라이브 홈 버튼 - 버튼을 눌렀을 경우, 쇼핑 라이브 메인페이지로 이동 - 시청 중인 라이브 영상은 우측 하단으로 PIP 2 알림 설정 버튼 - 버튼을 눌렀을 경우, 해당 판매자 라이브 진행 알림을 받음 - confirm - 박스 내 '21시-08시 사이에도 알림을 받을래요.' 체크박스 3 공유하기 버튼 - 버튼을 눌렀을 경우, OS 맞는 공유 모달창이 전체 화면에 약 50%정도 가려지게 나타남 - 모달창 닫기 1) 제스처 : 아래로 밀어서 닫기 2) 영약 밖 선택 4 창 축소(PIP) 버튼 - 시청 중인 라이브 영상은 우측 하단으로 PIP - 접근하기 이전인 페이지 나타남 5 닫기 버튼 - 버..

[서비스 기획] 모바일 웹(web)과 모바일 앱(app) 차이

모바일 웹과 모바일 앱 간의 차이점 모바일 웹(web) 모바일 앱(app) OS 제한 없음 안드로이드, iOS 앱 별도 개발 필요 인터넷 제한 온라인에서만 사용 가능 오프라인에서도 사용 가능 설치 설치 단계 없음 (웹 브라우저 접속) 스토어를 통해 구매 및 설치 구축 비용 적은 비용, 적은 시간 (한 번의 개발 비용) 큰 비용, 많은 시간 (OS별로 개발) 업데이트, 주기 긴 편. 웹 표준 업데이트 시 개편 짧은 편. OS 업데이트마다 개발 필요 업데이트 배포 과정 쉬운 (웹 접속 시 자동 반영) 어려움 (사용자가 스토어에서 업데이트) 준수 사항 웹 표준, 웹 접근성 등 OS별 가이드 인터페이스 구현 범위 좁음 (웹 브라우저 내 간단한 인터페이스) 넓음 (애니메이션, 동작 인식 등 다양) 실행 속도 느림..

[서비스 기획] UX/UI 디자인 영역

1. 전략 및 콘셉트(Concept) 특정한 사용자 경험 시스템의 근거가 되는 근원적 모태. UX 디자인은 때로 제품의 시장 내 위치를 고민하기도 한다. 2. 서비스(Content, Function) 사용자에게 전달될 내용 그 자체. 서비스 디자이너들의 오해와는 달리 UX 디자인에서 이 부분은 중요한 비중을 차지한다. 3. 정보 구조 및 흐름(IA, User Flow) 사용자에게 전달하는 정보의 구조, 프로세스, 탐색방식 등을 설계한다. 인터랙션 디자인과 중복되는 부분이 다소 존재한다. 4. 인터랙션 디자인(IXD) 사용자의 동작을 유도하고 실행하고 피드백하는 분야. 사용자의 행동을 유도하고 그 결과를 반영한다. 동적인 경험을 전달한다. 5. 사용자 인터페이스(UI) 사용자에게 내용을 전달하고 의사소통하..

728x90