Design for everyone

스파르타 내일배움캠프 UX/UI 과정 / 2024. 3. 29(금) 

FACTS(사실, 객관)

• 팀 과제 마지막 진행 날
• 모든 개선 이유 하나하나에 근거를 대다 보니 매우 예민쓰해졌다

FEELINGS(느낌, 주관)

• 진도가 느린듯 하더니 결국 마지막 날까지 야작,,,
• 팀원끼리 다 같이 맞춰가며 하는 것이 쉽지 않아 꽤 오래 걸렸다 그래도 논리정연한 사고를 기른 느낌

FINDINGS(배운 것)

• 공통요소 제작은 무조건 통일해야 일 2번 안하게 된다
• 개별적으로 급히 제작하느라 결국 나중에 다시 요소들을 맞추는 작업을 하게 되었다

FUTURE(미래)

• 작업량이 엄청난데 발표까지 잘 해서 마무리를 짓고 싶다

스파르타 내일배움캠프 UX/UI 과정 / 2024. 3. 28(목) 

FACTS(사실, 객관)

• 폰트 및 컬러 디자인 시스템 제작
• 공통 요소는 컴포넌트로 제작

FEELINGS(느낌, 주관)

• 폰트 시스템을 처음부터 제작하려고 하니, 폰트의 쓰임에 따라 선 분류하는 것이 어려웠다

FINDINGS(배운 것)

• 마이리얼트립 기존 디자인이 화면마다 좌우여백 값(마진)이 달라서 헷갈렸다(12~18px)
• 최소 12px을 마진으로 하고, 필요 시 UI에 패딩값을 주는 것으로 진행하면 된다
• 최대 줄 수를 설정하면 줄이 오바됐을 때 ...이 표시된다!

FUTURE(미래)

• 디자인 구조 분석을 기반으로 개선작업

스파르타 내일배움캠프 UX/UI 과정 / 2024. 3. 27. (수)

FACTS(사실, 객관)

• 마이리얼트립 앱의 홈 화면/커뮤니티 화면 UI 구조 분석 진행

FEELINGS(느낌, 주관)

• 와. . . 학습일지 나만 안 냈다. . . . 정말 부끄럽고 죄송합니ㄷㅏ . . . (너무 피곤해서 까먹고 잠들어 버렸어요ㅠㅠ)
• 유사 앱과의 비교 과정에서, 경고 모달창 버튼이 서로 상반된 것을 확인했다.
• 작성을 빠르게 취소하고 화면을 나가길 원하는 사람에게는 '삭제' 버튼 강조가 좋을 것이고
• 실수로 '뒤로가기' 버튼을 누른 사람에게는 '머무르기' 버튼 강조가 더 좋을 것이라는 나의 주관적인 느낌.

FINDINGS(배운 것)

• 커뮤니티 화면에 있는 UI 요소들은 라운딩 정도가 다 중구난방인 느낌.
• 왜 그런지 Radius 수치를 확인해보았는데 모두 8배수 값을 사용하긴 했지만,
• 크기가 다른 두 요소에 동일한 Radius 값을 주거나 / 큰 요소에 작은 Radius 값을 주고 작은 요소에 큰 Radius 값을 주었기 때문에 어떤 건 원에 가깝고 어떤 건 사각형에 가깝게 보이는 거였다.

FUTURE(미래)

• 디자인 시스템 + 클론 디자인 제작

스파르타 내일배움캠프 UX/UI 과정 / 2024. 3. 26. (화) 

FACTS(사실, 객관)

• 저니 맵과 유저 플로우 완성

FEELINGS(느낌, 주관)

• 챌린지 반 가 보고 싶은데 자괴감 들 듯;; 희망 반 작성하기는 저를 시험에 들게 해요.......
• 자꾸 배운 거 잊어버린다. 바보같은 짓 하지 말고 정신 차리자!!!!!!

FINDINGS(배운 것)

• Persona 작성 과정에서 (당연히)실제 사용자 데이터를 활용하거나 직접 인터뷰를 할 수 없으므로,
• 공급자(디자이너=나) 입장에서 바라는 의도대로 사용자를 바라보게 된다는 아쉬움이 남는다.
• 저니 맵은 역시 광장같다. 여기서 찾으면 다 있다.

FUTURE(미래)

• UI 구성요소 분석(명확한 근거를 찾아서)
• 클론 디자인, 리 디자인(명확한 근거를 바탕으로)

스파르타 내일배움캠프 UX/UI 과정 / 2024. 3. 25. (월) 

FACTS(사실, 객관)

• 많은 소통을 하며 팀 협업 시작
• 2단계 사용자/공급자 핵심 행동 정의에서 꽤나 시간이 소요됨 > 튜터링

FEELINGS(느낌, 주관)

• 데스크 리서치도 안 하고 결론부터 내려 하고 있었다
• 지루하고 복잡한 데스크 리서치
• 특장점을 비교 분석하기엔 비슷비슷한 여행 앱

FINDINGS(배운 것)

• 슈퍼 앱 전략의 효과
• 1. 락 인 효과(플랫폼 체류시간 증가)
• 2. 고객 데이터 쌓기(더 넓은 범위의 고객 여정 확보)
• 미니 앱 적용 사례(토스 앱의 기차 예매)

FUTURE(미래)

• 사용자의 서비스 이용 과정을 저니맵으로 그려보기

스파르타 내일배움캠프 UX/UI 과정 / 2024. 3. 22.(금) 

FACTS(사실, 객관)

• 본격적인 프로젝트 돌입 전에, 몸 풀기 단계였던 한 주

FEELINGS(느낌, 주관)

• 개인과제는 잘 냈지만, 작업하며 막혔던 점들이 많아 찜찜했는데 해설영상 참고하며 일부는 해소하였다.
• 다음주에 과제물 피드백을 주시면, 튜터링 처음으로 받아 볼 예정.
• 각각의 오토레이아웃 마진을 어떻게 주어야 하는지가 제일 헷갈렸구요.
• 벡터 아이콘을 내 맘대로 그리지 못해서 답답했다.

FINDINGS(배운 것)

• 바보같이 일부 공통 요소들을 컴포넌트로 등록하지 않고 사용하고 있었다, 다시 수정하는 시간 낭비
• 이번 과제에서 장바구니 다이얼로그 버튼 문장을 지정해 주셨는데, 난 '취소'라는 단어를 쓰고 싶지 않았다.
• 만일 장바구니에 상품을 담은 뒤 '장바구니 바로가기' 또는 '취소' 중 선택하는 다이얼로그가 뜬다면
• '취소'가 현재의 다이얼로그를 끈다는 의미인지, 아니면 장바구니에 담은 행위를 취소한다는 것인지 다소 중의적이다.
• 장바구니 바로가기 / 계속 쇼핑하기 또는 장바구니 바로가기 / 닫기 와 같은 동사를 사용하는 것이 나을 듯 싶다.

FUTURE(미래)

• 다음 주는 생활 태도를 엄하게 바로잡아야 할 프로젝트 주.
• 프로젝트를 앞두고, 순하고 성격 좋으신 우리 팀원들과 조금 더 친해진 것 같아 다행이다 :)

스파르타 내일배움캠프 UX/UI 과정 / 2024. 3. 21.(목) 

FACTS(사실, 객관)

• 개인 기본과제 90% 완성

FEELINGS(느낌, 주관)

• 심화과제 가능하다면 전부 진행하고 싶다

FINDINGS(배운 것)

• 프레임 안 요소의 콘스트레인트를 스케일로 지정해두지 않으면, 프레임 크기를 늘리고 줄였을 때 크기가 변하지 않는다.

FUTURE(미래)

• 고스트 버튼이 필요해 만들었는데... 중요도가 4순위인게 맞을까?

스파르타 내일배움캠프 UX/UI 과정 / 2024. 3. 20(수) 

FACTS(사실, 객관)

• 개인과제 화면 거의 다 채워 간다.

FEELINGS(느낌, 주관)

• 사소한 것 하나하나 스스로 판단 내리기가 어렵고, 명확한 정답이 궁금해진다.

FINDINGS(배운 것)

• 인디케이터 바가 있는 탭을 구성하는 2가지 방법......... 처음에는 어떤 방식으로 만들어야 하나 한참을 고민하는 초보였다.
• 먼저 왼쪽의 방법을 통해서 오토레이아웃으로 묶었는데, 다른 방법도 있는 것을 발견했다.

왼) [라벨끼리] [인디케이터 바끼리] 묶인 구성. 비활성화 된 라벨의 인디케이터 바는 Fill 값을 지우고 Empty 상태로 두는 것.

오) [라벨+인디케이터 바] 묶인 구성. 각각의 라벨마다 Active 상태의 인디케이터 바가 함께 구성되어 있으며, 비활성화 된 라벨의 인디케이터 바는 눈을 꺼 보이지 않게 하는 방법.

FUTURE(미래)

• 기본 과제 얼른 완성하고 심화과제 하자.
• 과제 하면서 들었던 궁금한 점들 정리해서 튜터님께 여쭤보자.