UXUI 학습일지

[제로베이스] UXUI 디자인스쿨_WEEK 01 (5)

seinhyun 2023. 1. 7. 22:48

📍TO DO LIST

A. UX : Chapter 7 / 8
B. Pre_school : 2-5 / 2-6
C.과제 : 과제 05에 대한A/B 테스트 조사계획서 작성하기


A. UX : Chapter 7 / 8

[프로토타입]
사용자의 편의에 맞춰 작업하는 만큼,
UX process에서 테스트는 빠르게 자주 진행하는 것이 중요하다고 한다.

  • 환경에 따라 자유롭게

: Time + Money + Purpose
: 주어진 상황에 따라 활용할 것


[Lo-fi prototype]
“No time + Early stage = Concept evaluation”

  • 상상 - 현실 “O”
  • 제작 비용 저렴
  • 수정 간단
  • Tool

: 화이트보드 + 종이 + 펜
: 파워포인트
: 발사믹(Balsamiq)


[Hi-fi prototype]
“Time + Final stage = Realistic usability”

  • 현실적인 디자인 검증 “O”
  • 인터랙션 개발리뷰 “O”
  • 시나리오 검증”O”
  • Tool

: 인비전(invision)
: 피그마(Figma)
: 프래이머




User Design 과 Usability가 강조되는 만큼,
다양한 시도도 많이하고,
그에 따른 테스트도 많이 진행되는것 같다.

5일차 과제인 A/B테스트만 해도 쉽지않은데,
다른건 어떻게 하시는지
배울수록 디자이너님들 모두 존경스럽다 ◡̈

오늘로 UX 이론 / 기초파트 1 클리어했다!
온라인 강의 완강해본적이 한번도 없었는데,
드디어 버킷리스트 하나 이룬 기분인걸◡̈



B. Pre_school : 2-5 / 2-6

[2-5 Tab. 1뎁스, 2뎁스, 3뎁스]
뎁스(depth) : “깊이

  • 콘텐츠 정리 - 유사 정보끼리 그룹핑
  • 탭(Tab)-뎁스(Depth)

: 탭의 정보 볼륨에 따라 위계 발생
: 이때 발생된 위계가 뎁스
: 탭에서도 뎁스를 시각적으로 표현

  • 섹션을 신속하게 전환시킬 수 “O”

**뎁스는 위계를 표현하기때문에
:하위뎁스가 상위뎁스 위로 표현되는 것 “X”

[2-6 Image box(이미지영역 제작)]

  • 이미지 영역과 텍스트 영역을 구분

: 가이드라인(Guideline) 사용을 통한 사이즈 및 위치 조절하기(ex.여백)

  • 콘텐츠의 성격에 따라 톤앤매너에 맞추기

: 사이즈
: 위치
: 영역

* 통일감 부여가 중요




오늘자 프리스쿨 실습에서는
이미지를 활용한 수업이 주를 이루었다.

이미지 파일이 없어 당황했지만,
몇일전 같은 질문을 슬릭에서 본것같아
열심히 찾아보았고,
결국엔 찾아냈다!

어떤 친절하신 분이 강의와 똑같은 이미지 찾아서
링크까지 걸어주신거 보고
감동했다,,,◡̈

C.과제 : 과제 05에 대한A/B 테스트 조사계획서 작성하기



[A/B Test]
: A와 B, 둘중에 하나 고르기 A/B Test는 이름 그대로
둘중에 하나 고르는거라고 생각하면 쉽다.

그치만, 내가 테스트 하는건 쉽지 않다는거,,,!

정확한 과제는 테스트에 대한
“조사계획서”작성이지만,
다들 아시죠? 레포트가 제일 어려운거!

아직도 열심히 머리굴리는 중이지만,
제출일이 몇일 안남은게 많이 아쉽다.
일주일 내내 쉬지않고 공부했는데
왜 줄어드는 느낌이 없는거죠…?

다음주에는 더 미리미리
해결해야겠다!