[내일배움캠프 본캠] 4/21 TIL

#아티클 스터디

#UXUI 디자인 입문 3주차 3-3~ 

#실습 4차

 

 

아티클 스터디

2025.04.21 - [UXUI 아티클 분석] - [UXUI 아티클 분석 06] 지금의 디자인은 어떻게 변화하고 있는가

 

UXUI 디자인 입문 3주차 3-3~

협업하기

협업의 질=제품의 질

 

PM/PO

PM 

Product Manager

· 제품의 전략을 세우고, 우선순위를 결정해 실행하는 사람

· 실무 중심으로 프로젝트 관리 (실행)

 

PO

Product Owner  (주인, 미니CEO)

· 제품팀을 이끌며 제품이 시장에 잘 전달될 수 있도록 관리

· 제품 전반의 로드맵을 그리고 제품 관리 (관리)

 

엔지니어

디자이너가 그린 화면을 실제 동작하는 화면으로 만들어주는 사람

프로트엔드 엔지니어

· UI 구현

백엔드 엔지니어

· 제품에 필요한 정보를 저장하거나 전송하고, 관리

QA 엔지니어

· 계획, 진행하고 제품 전반적인 품질을 높임

데이터 애널리스트

· 수집하고 분석해서 인사이트 제공

 

UX/UI 직무

BX 디자이너

· 브랜드 경험과 관련된 전반적인 디자인

· 로고나 심볼처럼 아주 기본적인 것부터 앱/웹에 들어가는 그래픽, 이미지, 각종 인쇄물 등

UX writer

· 제품 내의 문구를 담당 (단순히 글을 잘 쓰는 것X)

 

실험 문화

실제로 사용자에게 더 나은 경험으로 이어지는지 데이터로 검증하는 것

 

왜 실험을 해야 하나?

▷ 사람은 편향적이기 때문에 만드는 사람의 주관이 제품에 반영되기 쉬움

▷ 객관적으로 의사결정을 할 수 있음

▷ 호불호가 데이터로 증명됨

 

A/B 테스트

두 가지 이상의 버전을 각각 다른 사용자에게 보여주고 성과 측정

제품에 어떤 변화를 줬을 때 사용자가 어떻게 반응하고 행동하는지(긍정, 부정) 정보를 얻기 위함

· 기존 화면은 대조군(Control)

· 테스트하고 싶은 안을 실험군(Treatment)

· 테스트하는 변수는 가능한 1개로 제한

 

실험을 위한 제품 분석 도구

앰플리튜드

유료

· 제품 안에서 일어나는 특정 행동에 이벤트를 심어두면 해당 행동이 일어났을 때 기록해 데이터를 쌓고 보여줌

· 제품 팀을 위한 솔루션에 가까움

구글 애널리틱스 (GA4)

무료지만 일부기능 유료 

·마케팅 팀을 위한 솔루션에 가까움

 

디자인 QA

제품이 출시되기 전에 기능을 테스트하는 것

 

목적

· 사용자가 제품을 이용할 수 없을 만큼의 치명적인 결함은 없는지 확인

· 조직 전체에서 기대하는 수준의 품질이 갖춰졌는지 확인

· Product Spec 문서에서 작성했던 명세대로 잘 구현되었는지 확인

· 특수한 상황에서 예상하지 못한 대로 동작하지는 않는지 확인

· 전반적인 UX가 사용하기 편리한지 확인

 

QA 문서

체크리스트(CL)

· 예/아니오 혹은 Pass/Fail

· 기능이나 개선 범위가 크지 않을 때 사용

 

테스트 시나리오(TS)

· 기획한 기능이 모두 제대로 동작하는지 확인하기 위해 작성하는 문서

· 사용자가 기능을 사용하면서 경험하게 되는 과정을 상세하게

 

테스트 케이스(TC)

· 특정 조건에서 요구 사항을 충족하는지 확인하기 위해 여러가지 케이스 작성

· 특정 조건, 테스트 범위, 케이스, 기대 값, 테스트 환경 등 상세하게

 

발견한 이슈 공유

업무 티켓 형태로 전달하는 것을 추천

 

이슈의 중요도

HIGHEST

· 당장 대응이 필요할 정도로 주요 기능에 문제가 있는 경우

HIGH

· 사용자가 행동을 완수할 수 없는 이슈

· 기능상 사용성에 치명적인 문제가 될 수 있는 것

MEDIUM

· 사용자가 행동을 완수하는 데 어려움을 겪을 수 있는 문제

· 단계를 넘어가는 데에 어려움이 없으나 기획이나 피그마 디자인 화면과 다르게 적용된 것

· 사용자가 상황을 제대로 이해하기에 어려움이 있는 것 (ex) 네트워크 오류로 팝업이 떠야 하는 상황에서 알 수 없는 오류 팝업이 뜨는 이슈

· 시각적으로 오류가 난 것처럼 보이는 것

LOW

· 기능상 문제가 없는 것 

· 피그마 화면과는 다르지만, 맥락상 과정을 이해하기에 어려움이 없는 것

· 오픈 후 수정되어도 문제없는 디테일한 부분 

LOWEST

· 단순 의견 정도의 레벨로 급하게 반영되지 않아도 될 이슈

 

실습 4차

아코디언이 열리게 하는거부터 다 이슈. 이미 만들어져있는거 같은데 못쓰고... 그냥 새로 만들어서 넣는게 더 빠를거라 하셨다

그사진도 가로스크롤로 말고 버튼누르면 스무스하게 넘어가는 걸 해보고 싶은데 방법을 못찾아서 머리 쥐어잡았음. 내일이라도 질문하러 가야지