TIL

[UIUX디자인 TIL+34]-CH.4 개인과제 진행 테스크완성

whdbqls4964 2025. 3. 12. 20:38
오전
9:00~10:00 : 디자인 카타
10:00~10:30 : 오전 스크럼
10:30~11:00 : 개인과제 한거 참고 아티클 읽으면서 정리하기
11:00~12:00 : 개인과제 정리하기
12:00~13:00 : 점심시간
오후
13:00~14:00 : 개인과제 튜터님께 질문하러가기 + 수정
14:00~15:00 : 개인과제
15:00~16:00 : 개인과제
16:00~17:00 : 개인과제
17:00~18:00 : 개인과제
18:00~19:00 : 저녁시간
19:00~20:30 : TIL작성
20:30~9:00 : 팀 오후 스크럼 및 TIL작성

📍 오늘 할 일
  • [ ] 개인과제
  • [ ] 튜터님께 질문하기
  • [ ] 개인과제 보완 및 수정하기
  • [ ] TIL작성

개인과제를 진행하고 오늘은 튜터님께 질문을 갈 예정이다!


📍 크롬 PC에서 모바일 웹 페이지로 볼 수 있도록 할 수 있는 것!

https://chromewebstore.google.com/detail/ckejmhbmlajgoklhgbapkiccekfoccmk?utm_source=item-share-cb

 

모바일 시뮬레이터 - 반응형 테스트 도구 - Chrome 웹 스토어

여러 모델을 갖춘 컴퓨터용 스마트폰 및 태블릿 시뮬레이터로 모바일 반응형 웹사이트를 테스트합니다.

chromewebstore.google.com

비대면으로 모바일 화면으로 사용성테스트를 진행할 예정인데 Zoom으로 소통하면서 사용자의 화면을 어떻게 보고 인터뷰할지 모르겠었는데 튜터님이 크롬에서 개발자 화면으로 전환할 수 있는 링크를 보내주셨다! 이걸 한번 써봐야겠다!

참가자가 직접 핸드폰으로 조작하면서 하는 것이 문제정의에 더 적합할 것 같기도해서 어떻게 진행할지는 조금 더 고민해봐야겠다...! 

인터뷰는 내일 진행할 예정이다!


📍개인과제 진행

 

스파르타 코딩클럽 내일배움캠프 랜더링 페이지를 사용성 테스트를 하는 목적으로는 방문자가 모바일 환경에서 원하는 정보를 쉽게 찾을 수 있는지 검증하고, 탐색 과정의 불편 요소를 식별하여 신청까지 원활하게 진행할 수 있도록 UX/UI 개선 방향을 도출하는 것으로 정했다.

이를 통해 사용자가 내일배움캠프를 신청할 수 있도록 유도할 수 있는 요소가 무엇인지 판단하여 개선할 예정이다.

 

사용성테스트를 위한 참가자 모집 공고문을 작성했다.

모집대상은 UXUI 디자이너로 취업을 희망하는 20~30대 취업준비생, 비전공자인데 IT교육에 관심을 가지고 수강을 희망하는 분, UIUX 디자인 KDT를 수강하기를 희망하는 분, 스파르타 코딩클럽 내일배움캠프 랜더링 페이지를 처음 접하는 분(우대) 으로 정했다.

 

테스트 내용은 모바일 화면에서 스파르타 코딩클럽 내일배움캠프 랜딩페이지를 탐색하는 절차를 진행하여 사용성 관련 피드백을 제공하는 것이다.

 

진행방법 안내를 이어서 적었는데 여기서 중요한 부분을 이 수집한 정보를 어떻게 사용하고  개인정보수집에 대한 동의를 얻는 것이었다.

 

사용성 테스트 시나리오를 작성했다!

당신은 대학을 졸업하고 IT계열에 UXUI디자이너로 취업을 하고싶은데 국비지원 프로그램에 관심을 가졌다.
다양한 부트캠프를 찾아보다가 ‘스파르타 내일배움캠프'를 발견했고 랜딩페이지를 통해 이 부트캠프에 대한 정보를 얻고 신청여부를 판단하려고 한다는 가상배경을 공통배경으로 안내하여 사전인터뷰를 진행하고  4가지 테스크와 테스크진행하면서 그에 따른 사후 인터뷰 질문을 진행했다.

마지막으로 최종판단 및 피드백 수정을 위한 질문들을 하고 마무리했다.

 

처음 튜터님께 피드백을 받고 테스크를 진행하는 방향을 다시 생각하여 선정했는데 문제정의를 위한 테스크이다보니 별거아니게 간단해보이지만 엄청 고민해서 테스크를 선정했다.

 

조금 더 페이지를 이해하고 테스크를 진행하면 좋을 것 같아서 추가적으로 랜딩 페이지를 분석했다.

<스파르트 코딩클럽 랜딩페이지 분석>
https://nbcamp.spartacodingclub.kr/uxui

- “돋보이는 나만의 포트폴리오로 UXUI 디자이너 취업까지" 라는 문구와 ‘참가 신청하기'버튼을 배치함 ~> 빠른 신청을 유도
- 프로그램의 가치를 효과적으로 전달~>방문자가 이 캠프를 통해 무엇을 배울 수 있는지 직관적으로 이해/ 차별점강조,,,?/ 국비지원혜택이 얼마나 유용한지 어필해야함
- 우수포트폴리오~> 실제 수료생들이 4개월만에 만들어낸 최종 프로젝트
- 포트폴리오 프로젝트 진행과정
- UXUI 디자이너에 대한 정보와 함께하는 현직 튜터 정보/ 디자이너의 필요역량 . (왜 이렇게 순서를 배치했지?? 중간에 현직 튜터정보)
- 내일배움캠프 특징 (차별점)~> 캐러쉘형태로 어떤 역량을 어떻게 갖출 수 있는지../ 차별화된 포트폴리오 3가지 메뉴로 볼 수있음(드롭메뉴로 볼 수 있는데 닫을 수 없고 다시 닫을 수 없음..다른 메뉴를 선택해야지 닫을 . 수있음/ 세가지를 한번에 열어볼 수 없음)
- 커리어패스(4개월 뒤 경쟁력있는 디자이너로 취업성공)~> 어떤 형태의 디자이너로 취업이 가능한지 종류..?
- 실제 수강생 후기 (칩형태 버튼으로 세가지로 구분)~>신뢰와 동기부여를 통해 지원율 증가
- 상세커리큘럼 1주차부터 16주차까지 (드롭메뉴로 더 자세하게 확인가능)
- 학습시간표 (9시부터 9까지)
- 관련 자주 묻는 질문 -> 전체펼치기 불리언버튼으로 가능함
- 취업지원(단계별로 설명함)
- 국비지원 프로그램 (KDT) 임을 알려주고 그에대한 추가 혜택과 정보
- UXUI 부트캠프 모집개요- 모집마감, 교육기간, 교육시간, 교육방법, 지원자격
- 지원절차-서류지원, 결과발표, 고용24 수강신철, 최종합류 (지인에게 공유하기 버튼이 있음)
- 자주뭍는 질문(위에 관련 자주묻는 질문 유사한 질문이 많음 굳이 두개로 나눠서 페이지를 더 길게 했어야했을까?)

+추가적인 내용 분석
- 마지막에 1:1 채팅 문의하기 버튼으로 문의할 수 있도록함 + 플로팅액션버튼으로 1:1문의하기 버튼이 있음(하지만 잘 사용하지 않을 것 같은..?)
- 포트폴리오페이지 스크롤부터 하단에 고정으로 참가신청버튼이 있음 (근데 마지막까지보고 스크롤을 올리면 사라짐 왜지? 참가신청하기 버튼과 텍스트 그리드가 맞지 않음 이상한 반응형)
- 페이지가 이동해도 탭에 변화가 없어서 스크롤 페이지의 위치나 정보를 파악할 수 없음
- 탭바에서 메뉴를 선택해도 다른 변화가 없고 스크롤되면서 해당 정보 페이지로 이동함 (정보를 지나치는 느낌이 있음/ 탭 메뉴와 정보가 정확하게 일치하지 않는다는 느낌이 있음)
- 모바일 작은 화면으로 끝까지 스크롤 해서 정보를 보니 정보가 너무 길다고 느껴짐

왜 나는 버튼이 이렇게 보일까?..? 다른 사람들도 이렇게 보이는지 물어봐야겠다.


오전: 개인 과제 진행 및 다시 보면서 정리하기
오후: 개인 과제 질문하고 수정 및 보완하기
  • 회고
    📍 오늘 할 일
    • [v] 개인과제
    • [v] 튜터님께 질문하기
    • [v] 개인과제 보완 및 수정하기
    • [v] TIL작성(작성중)
오늘 테스크 시나리오를 다 작성해서 내일부터 인터뷰를 진행해 볼 예정이다!!
내일 오전까지 최종적인 수정을 하고 오후부터 인터뷰를 진행해야지!!

오늘 다른 사람이 진행하는 사용성테스트에 참가했는데 참가를 하면서 어떻게 진행하는지 알아보았다!

아직은,,, 테스트를 안해봐서 확신은 없지만 한번 진행해보면 방향을 더 잘 잡을 수 있을 것같다!

테스트를 진행을 하면서 계속 수정을 할 것 같다!

 

그리고 내일 디자인카타를 마무리 해야하서 팀원들과 디자인카타를 끝내야한다! 그다음날에 발표다!

 

또 내일 팀원분과 함께 테스크를 실험? 해보기로했다!

시도해보고 보완해서 한분 더 해봐야지!!!!!

저녁에는 디자인전공 친구에게 같이 해달라고 부탁했다!!!!!