본문 바로가기
UXUI/TIL

[TIL] 0731

by yeon jeong 2025. 7. 31.
728x90

 

1. 오늘 학습 키워드
  • 디자인 프로세스
  • 프로덕트 스펙 문서
  • 인터랙션 디자인

 

2. 오늘 학습한 내용을 나만의 언어로 정리하기

 

 

디자인 프로세스

  • 기획: 문제정의, 아이데이션, 프로덕트 스펙 문서 작성
  • 디자인: 초안 디자인, 피드백, 최종 디자인 확정 및 핸드오프
    • 핸드오프
      - 디자인 공유할 때 유저 플로우, 유즈 케이스, 반응형 레이아웃 포함하여 전달하는 것이 좋음
  • 개발: 디자인 QA

 

 

인터랙션 디자인

  • 제품에서 말하는 인터랙션은 사용자가 제품을 사용하면서 반응을 주고 받는 것
  • 인터랙션 디자인은 사용자가 제품을 사용하면서 적절한 반응을 주고 받고 막힘없이 서로 간에 소통하는 것을 도움

 

 

프로토타입의 중요성

  • 인터랙션 디자인을 테스트하기 위해
  • UX는 정지된 화면이 아니라 서로 소통하는 인터랙션 과정에서 생겨나는 경험
  • 사용자가 어려움 없이 화면을 이동하고, 원하는 기능 찾고, 잘 사용하는 지 보려면? ▶️ 동작하는 프로토타입으로 테스트하는 것이 정확함

 

오늘 정리한 내용🔽

 

[UXUI 디자인 입문] Ch3: 제품팀, UX/UI 실무 프로세스

3-1) 제품팀 제품팀이란?제품을 만들기 위해 각자 다른 전문적인 능력을 갖춘 사람들이 모인 팀보통 1명의 제품관리자(OP나 PM), 1명의 디자이너, 2명의 엔지니어가 제품팀을 구성하는 최소 조건이

azure326.tistory.com

 

[UXUI 디자인 입문] Ch4: 디자인/프로토타이핑 툴

4-1) 디자인 툴 디자인 툴의 종류인터페이스 디자인 툴디지털 제품의 화면 인터페이스를 그리기 위해 사용인터페이스 디자인 툴은 주로 벡터 방식을 기반으로 함피그마, 스케치 XD그래픽 디자인

azure326.tistory.com

 

 

 

 

3. 학습하며 겪었던 문제점 & 에러

 

- 새롭게 알게 된 점 & 느낀점

    • 컴포넌트는 바로 스크롤 설정이 안 됨 + 스크롤 영역이 될 Frame을 선택하거나 새로 만들어야 하며, 이 Frame의 가로 길이를 충분히 늘려야 한다 + 스크롤 적용하려면 반드시 일반 Frame 에서 작업하기! -> 아니라면 알려줘요
    • 이미지 슬라이더나 버튼 상태를 바꿀려면 Variable 기능 사용! 반복적인 UI를 효율적으로 관리할 수 있다

 

 

4. 다음주 학습 할 것은 무엇인지
  • UIUX 입문 강의 숙제 진행
  • 개인 과제 컴포넌트 수정하기

 

'UXUI > TIL' 카테고리의 다른 글

[TIL] 0804  (2) 2025.08.04
[TIL] 0801  (7) 2025.08.01
[TIL] 0730  (1) 2025.07.30
[TIL] 0729  (1) 2025.07.29
[TIL] 0728  (3) 2025.07.28