본문 바로가기

본캠프

[0405_본캠프 34일차]

728x90

📚 오늘의 공부

아티클 스터디 / UX 기획 및 리서치 강의


1. 아티클 스터디

'글로벌 런칭을 위해 필요한 LTR과 RTL UI의 이해'라는 주제의 아티클로 스터디를 진행했다.

 

새로 알게 된 개념

LTR : (left to right) 왼쪽에서 오른쪽으로 읽는 글자 (우리나라를 포함한 대부분의 나라들의 방식)

RTL : (right to left) 오른쪽에서 왼쪽으로 읽는 글자 (아랍권 나라들의 방식)

But, RTL 언어도 숫자와 영어 같은 경우에는 오른쪽에서 왼쪽으로 읽는다.

<RTL의 UI>

  1. 아이콘은 그대로, 정렬만 우측
  2. 움직임, 방향 나타내는 아이콘일 경우, 아이콘의 방향도 RTL로
  3. 단위의 순서도 반대
  4. 인터렉션도 반대로 동작. 인터렉션도 RTL
  5. RTL 서체는 LTR 서체보다 더 크게 작용

→ 대부분 우리의 좌우 반전 UI, 그리고 약간의 차이가 있다.

 

동의하는 내용

나라마다 언어와 문화가 다르기에 같은 UI이더라도 서로 전혀 다른 맥락으로 읽힐 수 있기에 언제나 신경 써야 하는 부분이 많다. 복잡하고 검증이 많이 필요한 작업이지만 K-culture에 이어 K-service가 해외 시장에 진출하기 위해서 반드시 필요한 부분이다!

 

 

 

 

2. UX 기획 및 리서치 강의

UX 기획 첫 단추 : 문제 정의 및 가설 수립

문제 정의 → 가설 수립 → 원 페이저 작성

 

 

UX 기획 구체화 : 유저 사용 맥락 반영

  • 유저 시나리오 (User Scenario) : 스토리텔링, 감성적 이해
  • 고객 여정 지도 (Customer Journey Map) : 여정단계, 시각화
  • 유저 스토리 (User Story) : 개발 구현 가능 단위, 합의 도출, 걸킨 문법, 테스트 케이스

 

 

UX 기획 구체화 : 논리적인 흐름 설계

  • 유저 플로우 (User Flow) : 화면 간의 이동
  • 와이어프레임 (Wireframe) : 로우 피델리티, 아이데이션
  • 정보 구조도 (Information Architecture) : 그루핑, 라벨링

 

 

UX 기획 문서화 : 화면 설계서 및 QA 문서

  • 화면 설계서 : 와이어프레임과 기능 상세 정의를 합친 문서로, 화면에 존재하는 각 요소를 분리하여 설명
  • QA 문서 : 기능 배포 전에 기능을 테스트하는 과정으로, 크게 테크니컬 QA와 디자인 QA으로 나뉜다
728x90

'본캠프' 카테고리의 다른 글

[0408_본캠프 35일차]  (1) 2024.04.08
[0404_본캠프 33일차]  (0) 2024.04.04
[0403_본캠프 32일차]  (0) 2024.04.03