본문 바로가기

UIUX 3기 본캠프31

최종 프로젝트 KPT 2024. 6. 17.
코딩 강의 노트정리 브라우저의 역할1. naver.com이라고 입력한다2. naver.com에 대응되어있는 컴퓨터에게 "똑똑 나 가져갈거 있는데 그것 좀 줘!"3. 나한테 그대로 보여준다. 요청하는 쪽 -> 클라이언트주는 쪽 -> 서버 브라우저의 3대 요소HTML -> 뼈대CSS -> 꾸미기JS(자바스크립트) -> 움직이기 HTML1. Head - 화면에 안나오는 모든 부분(페이지 타이틀, 파비콘, 이 페이지를 검색엔진이 어떻게 가져갈지, CSS, JS)2. Body - 화면에 나오는 큰 스크린 내용들 (뼈대 tag) (tag란? 붙은 것들) Javascript 언어변수, 자료형, 함수, 조건문, 반복문 Fetch - 인터넷을 통해 데이터를 요청하고 받아오는 과정 [코드스니펫] HT.. 2024. 4. 24.
UX 기획 및 리서치 강의 5주차 숙제 및 내용 정리 5-1, 5-2 내용 정리 사용성 테스트(Usability Test; UT) : 프로토타입이 있다면 제품 개발 단계 중 언제든 활용할 수 있다. 유저가 서비스를 사용할 때 의도한 시나리오에 따라 테스크를 수행하는지, 문제점은 없는지 관찰하기 위해 진행한다. 사용성 테스트를 통해 유저가 어떤 생각을 가지고 어떤 혼란을 겪는지 파악할 수 있다. 제품 개선 전 진행 시 유저가 불편하게 생각하는 부분을 파악할 수 있다. 제품 개선 후 진행하면 유저가 실제 어떻게 사용하는지 파악할 수 있다. 사용자 =/ 나 우리는 프로젝트에 대해 너무 많은 정보를 알고 있다. 그렇기에 유저가 화면을 직접 조작하며 마주치는 문제를 식별할 수 없다. 사용성 테스트를 통해 유저 중심으로 개선이 가능하다. 1. 사용성 테스트 구성 .. 2024. 4. 5.
UX 기획 및 리서치 강의 4주차 숙제 및 내용 정리 4-1 내용 정리 1. 문제 정의 : 유저 리서치를 통해 도출한 제품의 현재 문제점을 특정하는 단계 해결해야 할 문제가 무엇인지 정의, 문제의 크기를 정량화된 수치로 파악 왜 문제로 정의했는지 충분한 근거 수집 유저 경험 관점 비즈니스 관점 문제 발생 원인에 대한 근거 데이터 파악 유저 행동 데이터, 심층 인터뷰 결과, 사용성 테스트 등 여러가지 종합하여 힌트 찾기 2. 가설 수립 : 특전 문제에 대한 가정을 명확하게 정의하고 검증 가능한 형태로 제시하는 단계 가설 설정 작은 문제부터 큰 문제까지 모두 가설을 통해 검증할 수 있다. But, 문제를 하나의 아이디어로 한 번에 해결하는 것은 어렵다. Then, 스텝 바이 스텝 가설을 쪼개서 설정하는 것이 필요할 수도 있다. 가설에 포함 되어야 하는 것 개선.. 2024. 4. 4.
데이터 기반+UX 디자인 = 무적이 될 수도 UX 디자이너가 데이터를 공부하는 방법 데이터 용어들을 익힌다 데이터 관련된 이야기를 귀 기울여 듣는다. 궁금한 점을 데이터 분석가나 PO에게 물어보며 꾸준히 지식을 쌓는다. 팀원들과 각자 진행하고 있는 프로젝트의 데이터를 공유하고 논의해보는것도 좋다. 데이터 기반 UX 디자인을 해야 하는 이유 직관에 의존하지 않을 수 있다. 나의 개선안에 근거를 정확하게 제시할 수 있다. 2024. 4. 4.
UX 기획 및 리서치 강의 3주차 숙제 및 내용 정리 3-1, 3-2 내용 정리 리서치 결과 정리 방법 사용 맥락 관점 유저 관점에서 정리 인구 통계학적 특성 : 나이, 성별, 소득 수준, 거주지, 가구 구성 등이 있다. 40~50대 유저의 경우 커머스에서 단건 구매 금액이 높다. 라이프 스타일 : 소비습관, 취미생활, 사회문화적 관계 고양이를 키우는 유저의 경우 주기적으로 모래를 구매한다. 테스크 수행 능력 : 기술 수준, 인터페이스에 대한 이해 숙련된 유저의 경우 어드민에서 상품을 더 빠르게 등록한다. 유저 경험 관점 동기 : 유저들이 왜 이 제품을 사용하는지 예시) 무빙이 재미있어 보여서 디즈니 플러스를 구독한다. 이 제품을 왜 사용하고, 왜 이탈하는지 정리한다. 이 제품을 사용하게 된 내적 동기와 외적 동기를 정리한다. 내적 동기 : 내재적인 욕구,.. 2024. 4. 3.

티스토리툴바