#TIL_31 💻 강의 집중 DAY!! 강의를 다 들어버리겠다!1. 강의 시청오늘은 지난주 금요일에 이어 UX 기획 및 리서치 강의를 4주차까지 시청하고 과제를 진행하였다.강의 내용 정리, 과제에 시간 분배를 더 잘 해봐야겠다😅2. 강의 내용 정리 🌠 2주차 - 유저 리서치 방법론 ↪ 유저 리서치 🔍 유저 리서치의 목적 유저 리서치는 상호 보완적이기 때문에 함께 진행하면 시너지를 낼 수 있다. 정성적 리서치소수 유저를 대상으로 하기 때문에 모든 유저를 대표하기는 어려워요.유저의 생각, 의견, 감정을 이해하여 "왜(Why)"에 대한 심층적인 인사이트를 얻는 것이 목적대표적인 활동 : 심층 인터뷰, 포커스 그룹, VoC 분석 정량적 리서치 “왜(Why)”에 대한 근본적인 원인을 파악하기는 어려워요. 유저 행동 기반 통계 데이터를 분석.. #TIL_18 🍀 개인 과제, 팀 활동 아티클 정리 2025년이 돼서야 인생 첫 코로나에 걸린 사람의 TIL...💀0. 디자인 카타장바구니에 담기 후 상품 추천 방법에 대한 토픽으로 진행하였다. https://designus.io/topic/161💭 나의 의견💬 A는 고객 데이터 기반으로 추천되므로 신뢰성이 높아 추가적인 구매 유도로 전환율을 높일 수 있다. 하지만 고객의 구매 의도를 완벽하게 파악할 수 있다고 확신할 수는 없다. 다른 고객이 많이 본 상품에 그치는 것이 아니라 구매까지 이어진 상품의 데이터를 활용해 더 나은 추천 방식을 사용하면 좋을 것 같다.B는 '이 브랜드 제품 좋더라. 그럼 이 제품도 맛있겠네' 상품 간의 연관성이 높아 고객이 구매를 더 쉽게 결정할 수 있다. 또한 판매자는 연관 제품으로 홍보할 수 있는 기회가 생긴다. 하지만.. #TIL_16 🍀 피그마 컴포넌트 심화 내용 정리 시간이 너무 잘 간다. 벌써 목요일이라니~오늘은 피그마 심화 강의 3주차 내용이었던 "피그마 컴포넌트 심화 내용"에 대해 정리해볼 예정이다.깔끔하게 강의 내용만 작성하고 싶어서 오늘 디자인 카타는 TIL에서 스킵! 1. 컴포넌트 스택과 독 ▸스택 Stack⇢ 상하 or 좌우로 2개의 버튼을 동시에 배치하기 위해 사용하는 피그마 스킬버튼 컴포넌트는 여러 상황에서 가장 많이 사용하는 UI 요소 중 하나예요.팝업 등의 요소에서도 볼 수 있고, 일반적인 화면에서도 버튼을 좌우나 상하로 배치한 경우를 볼 수 있어요. ▸독 Dock⇢ 버튼 컴포넌트를 화면의 하단에 고정된 독(Dock) 형태로 사용 실제로 가장 많이 사용되는 버튼 컴포넌트의 형태예요.여백 요소까지 고려해서 하단에 고정되는 버튼 컴포넌트 형태를.. #TIL_12 🍀 피그마 강의 시청 / 팀 Notion 꾸미기 드디어 금요일! 마무리 잘 해봅시다!!! 🔥0. 새로운 팀오늘은 3주차 마지막 날, UXUI 디자인 숙련 챕터가 시작되는 날이었다. 챕터가 바뀌는 날이면 팀도 바뀌기 때문에 새로운 팀원들과 팀 노션부터 작성하고 하루를 시작하였다.1. 강의 시청오늘은 디자인 숙련 챕터인만큼, 피그마 심화 강의를 받아서 듣기 시작하였다.배운 것을 요약하자면 UI 디자인 개념의 세부적인 내용이었다. 신기하게도 어제 들었던 디자인베이스 강의의 내용과 비슷한 주제였고, 더 자세한 내용을 배울 수 있어서 복습도 되고 좋았다.❖ 다양한 환경에 대한 UI 차이 이해UI는 사용자의 환경에 따라 다양한 형태로 사용할 수 있어요.어떤 환경들이 있는지 살펴보고, 각 환경마다 UI들이 어떻게 달라지는지 같이 알아봐요.❖ 반응형과 적응형의 차.. #TIL_11 🍀 디자인베이스 강의 시청 및 복습 오늘 왜 이렇게 피곤한 것이야0. 디자인 카타💭 나의 의견A는 주요 기능을 크게 배치하여 직관적이고, 엄지손가락을 많이 사용하는 사용자의 특성상 좋은 배치라고 할 수 있다. 하지만 밝기 조절이나 음량 조절 등 터치 영역의 크기가 작아 터치의 정확도가 떨어질 수 있는 디자인이라고 생각한다.B는 정돈된 대칭 UI로 원하는 기능을 빠르게 찾을 수 있고, 버튼의 크기가 1x1, 2x1, 1x2, 2x2로 일정하기 때문에 터치의 정확도가 올라가는 좋은 디자인이라고 생각한다. 실제로 B 형식의 제어센터를 사용했을 때 가장 많이 사용하는 기능들의 위치를 자주 쓰는 손을 기반으로 수정할 수 있고 기능을 추가, 삭제할 수 있는 사용자화 맞춤 서비스가 잘 되어있어 편리함을 느꼈다.B가 보다 편리하기 때문에 B를 선호한다.. #TIL_8 🍀 레퍼런스 분석 - 북모리 / 프로토타입 구현 과제 월요일... 화이팅하지 못하는 나에게 화이팅!!!!!0. 디자인 카타💭 나의 의견B. 업데이트 후를 선호한다.업데이트 전 UI는 A와 B의 투표율 차이가 강조되고, 2가지 색상을 사용하여 직관성이 높다. 하지만 투표 UI로는 사용자에게 보다 익숙하지 않은 형태라고 생각한다. 반대로 업데이트 후는 익숙한 투표 UI 형태를 띄고, 투표 비율이 각각의 바 형태로 변경되어 가독성이 좋아졌다고 할 수 있다. 하지만 2가지 색상을 사용했던 전과 달리 검정색 바로 통일 되어있기 때문에 개인적으로 아쉬운 부분이다. 사용자가 색상을 선택할 수 있는 기능이 있으면 더 좋은 UI가 될 것 같다고 생각한다. 💭 팀원들과의 의견 정리B. 업데이트 후를 선호한다.A는 투표율 차이를 강조하고 두 가지 색상을 사용해 직관성을 높.. #TIL_7 🍀 UXUI 강의 시청 / 프로토타입 구현 과제 제 잃어버린 연휴를 찾습니다. 0. 디자인 카타오랜만의 디자인 카타인데 딱 꽂히는 토픽이 없어서 아쉬웠다.그래도 실생활에서 자주 사용하는 기능인 Date Picker에 대한 토픽을 골라 진행해 보았다.💭나의 의견 A 캘린더형장점: 직관적이고 익숙한 디자인, 화살표 버튼을 통해 원하는 날짜를 찾기가 쉽다.단점: 모바일 환경에서 화면을 많이 차지한다.📌 사용 예시: 호텔 예약, 항공권 예매, 일정 선택 UI 등B 휠형장점: 터치스크린에서 사용하기 편리하고 작은 화면에서도 공간을 많이 차지하지 않는다.단점: 특정 연도나 날짜를 선택하는 데 시간이 걸릴 수 있고, 한눈에 보기 어렵다.📌 사용 예시: 모바일 앱의 생년월일 선택, 알람 설정 등B보다는 A를 선호하는 편이고, 사실 가장 편한 것은 캘린더 + 텍.. #TIL_6 🍀 UXUI 강의 시청 / 디자인 씽킹, 레퍼런스 분석 과제 오늘은 2주차 발제와 새로운 팀 편성을 받고 시작했다.팀 노션부터 작성해야하기 때문에 디자인 카타는 스킵!!후다닥 팀 노션 작성하고 1주차 때 완강하지 못한 강의를 들었다.1. 강의 시청 📝 UXUI 디자인 4주차 과제화면 간의 이동을 설정하여 실제 어플리케이션처럼 구현할 수 있는 프로토타입 실습과제를 진행했다.Figma의 Smart Animation 기능을 이용해서 더 부드러운 화면 전환이 되도록 했다.https://help.figma.com/hc/en-us/articles/360040522373-Prototype-animations예시 사진 Prototype-animations_Smart-Animation 📚 UXUI 디자인 5주차 강의 듣기 5주차에서는 UXUI 디자인을 할 때 도움이 되는 다.. 디자인 원칙 ✒️ 디자인 원칙인지심리학의 관점에서 디자인할 때 지켜야 할 규칙을 정해놓은 것게슈탈트 심리학, UX 비주얼 디자인 원칙, UXUI 심리학 법칙, 기업의 디자인 원칙이 있다. 💫 게슈탈트 심리학사람이 이미지를 인식할 때 주변에 있는 요소 간의 관계와 맥락에 영향을 받는다는 이론유사성의 원리 크기나 형태, 방향, 색 등의 특성이 비슷한 것끼리 묶어서 인지, 색상이 가장 강력ex) 유튜브근접성의 원리 가까운 것끼리 묶어서 인지, 여백을 이용ex) 카테고리 분류 폐쇄성의 원리 공백이 있더라도 틈이나 간격을 메워서 완벽한 형태로 생각하는 것ex) 스포티파이 (이미지가 잘려있어도 옆으로 이어질 것이라는 추측) 연속성의 원리 연속적으로 직선이나 곡선을 이루는 요소를 잘 인지하는 경향 ex) 핀터레스트 (수직 레이.. #TIL_5 🍀 UXUI 강의 시청 / 피그마 썸네일 제작 / WIL 오늘은 내배캠 첫 주의 금요일!!TIL과 WIL은 같이 써도 되는..걸까? 잘 모르겠지만 어찌저찌 써보겠다. 0. 디자인 카타📖 나의 의견A는 사용자에게 세부적인 선택지를 제공하여 구체적인 피드백을 얻을 수 있다. 질문마다 명확한 기준을 제시해주기 때문에 사용자도 헷갈리지 않고 선택지를 골라 나갈 수 있으며 응답의 정밀도가 올라간다. 하지만 세로 정렬, 많은 내용으로 응답 시간이 길어져 사용자가 피로감을 느낄 수 있고 직관적인 요소가 부족하기 때문에 시각적 보완이 필요할 것이다.▷ 판매자와 사용자에게 자세한 리뷰가 필요한 제품들의 리뷰에 적합해 보인다. B는 이모지를 통해 질문 내용을 직관적이고 간편하게 이해하고 응답할 수 있고, 만족도와 감정을 동시에 표현할 수 있어 응답 시간이 보다 짧고 피로감이 .. #TIL_3 🍀 피그마, UXUI 강의 시청 및 복습 0. 디자인 카타 📝 토의 내용 요약맥락에 맞는 디자인이 중요하다.인스타그램, 네이버 쇼핑처럼 소비자의 지속적인 관심을 끌어야 하는 콘텐츠에는 무한 스크롤이 적합하다.반면, 안내나 공지사항 등 유저가 반드시 알아야 할 정보성 콘텐츠는 페이지네이션을 통해 빠르게 정보를 확인하거나 특정 위치를 쉽게 파악할 수 있는 방식이 더 적합하다고 생각한다. 1. 강의 시청1시간 동안 디자인 카타를 마치고 오전 스크럼을 바로 진행, 각자 오늘의 계획을 세우고 팀원들과 화이팅 기합을 넣으며 자기주도학습을 시작했다. ~ 피그마 기초 3주차 강의 이어 듣기 ~나름 쉬운 과제가 나와서 놀랬다. 2일차 때 들었던 내용이라 복습도 되고 재밌었다. ~ 1주차~2주차 강의 복습하기 ~ 노션으로 주차별 복습 필기 정리!!1.. #TIL_2 🍀 첫 디자인 카타 / 피그마 강의 시청 0. 첫 디자인 카타!https://designus.io/topic 여러 토픽들 중 우리 팀은 아이폰 노치 UI 토픽을 선택하였다.나는 노치 기종만 사용해봐서 잘 몰랐는데 다행히도 팀원 한 분이 다이나믹 아일랜드 기종을 사용하셔서 이해가 쉬웠다!노치가 보다 기능이 없는만큼 불편함도 적지만 다이나믹 아일랜드는 다양한 기능으로 멀티태스킹이 뛰어나보였다.팀원들과 노치와 다이나믹 아일랜드의 UXUI 장단점에 대해 토의하며 디자인 카타를 마무리하였다.1. 강의 시청1일차 마지막에 시간이 다 되어서 끝마치지 못한 과제부터 마무리부터 하였다 과제를 끝내고 이어 들은 3주차 강의에서는 피그마의 파운데이션, 컴포넌트에 대해 자세히 배웠다. 📖 파운데이션의 기본 구성색상(Color)서체(Font, Typography.. 이전 1 다음
