전체 글
-
1. 이름 입력 화면 조건 테스트케이스 입력값 기댓값 테스트환경 기본 정보 입력 정상 모든 텍스트 필드 정상 값 입력 이름 : 홍길등 주민7자리 : 0001234 휴대폰번호 : 01012345678 통신사 선택 모달 노출 iOS/Andriod 화면 조건 테스트케이스 입력값 기댓값 테스트환경 기본 정보 입력 에러 형식에 맞지 않는 주민번호 or 휴대폰번호 유효하지 않은 연도값 주민번호 : 300123-4 or 유효하지 않은 월값 주민번호 : 009874 or 유효하지 않은 일값 주민번호 : 000141 - 3 or 유효하지 않은 뒷자리값 주민번호 : 000123-7 or 010 형식이 아닌 휴대폰번호 : 01712345678 or 8자리가 채워지지 않은 휴대폰번호 : 010123456 텍스트 필드에 얼럿 ..
[UIUX] UIUX디자인입문 W1-31. 이름 입력 화면 조건 테스트케이스 입력값 기댓값 테스트환경 기본 정보 입력 정상 모든 텍스트 필드 정상 값 입력 이름 : 홍길등 주민7자리 : 0001234 휴대폰번호 : 01012345678 통신사 선택 모달 노출 iOS/Andriod 화면 조건 테스트케이스 입력값 기댓값 테스트환경 기본 정보 입력 에러 형식에 맞지 않는 주민번호 or 휴대폰번호 유효하지 않은 연도값 주민번호 : 300123-4 or 유효하지 않은 월값 주민번호 : 009874 or 유효하지 않은 일값 주민번호 : 000141 - 3 or 유효하지 않은 뒷자리값 주민번호 : 000123-7 or 010 형식이 아닌 휴대폰번호 : 01712345678 or 8자리가 채워지지 않은 휴대폰번호 : 010123456 텍스트 필드에 얼럿 ..
2023.12.26 -
과제 : 디자인씽킹 활용 스카이스캐너 앱 홈화면 개선 아이디어 도출하기 1단계 : 공감하기 Empathy Map 생각과 느낌 : 걱정하는 것, 만족, 불만족, 요구사항 등 여행, 출장 등의 이유로 비행기 티켓을 사야 함 대략적인 항공권 시세를 알 수 있음 예산에 맞는 항공권을 사고 싶음 다른 사람들에 비해 비싸게 사고 싶지 않음 저렴하게 살수록 좋음 후기가 안 좋은 여행플랫폼 대행사 정보도 포함 됨 한달 단위로 저렴한 날짜를 찾을 수 있음 항공권 출도착 시간별, 항공사별 등 옵션 선택으로 검색이 가능함 목적지를 정하지 않으면 가장 저렴한 목적지를 차례대로 보여줌 수하물, 식사 추가 등이 포함된 최종 금액을 비교하고 싶음 나만 가진 할인 혜택(생일쿠폰, 마일리지, 카드사 제휴 등)을 적용해 알아보고 싶음 ..
[UIUX] UIUX디자인입문 W1-2과제 : 디자인씽킹 활용 스카이스캐너 앱 홈화면 개선 아이디어 도출하기 1단계 : 공감하기 Empathy Map 생각과 느낌 : 걱정하는 것, 만족, 불만족, 요구사항 등 여행, 출장 등의 이유로 비행기 티켓을 사야 함 대략적인 항공권 시세를 알 수 있음 예산에 맞는 항공권을 사고 싶음 다른 사람들에 비해 비싸게 사고 싶지 않음 저렴하게 살수록 좋음 후기가 안 좋은 여행플랫폼 대행사 정보도 포함 됨 한달 단위로 저렴한 날짜를 찾을 수 있음 항공권 출도착 시간별, 항공사별 등 옵션 선택으로 검색이 가능함 목적지를 정하지 않으면 가장 저렴한 목적지를 차례대로 보여줌 수하물, 식사 추가 등이 포함된 최종 금액을 비교하고 싶음 나만 가진 할인 혜택(생일쿠폰, 마일리지, 카드사 제휴 등)을 적용해 알아보고 싶음 ..
2023.12.26 -
1. 앱 : 요기요 배달어플 2. 기능 1) 플로팅 버튼 a. 타임특가 : 스크롤 상태 시 사라짐 > 닫기 버튼 누르지 않으면 계속 떠 있음 ✅ 좋은점 - 메인 화면을 방해하지 않는 선에서 한정적인 추가 혜택 느낌을 줌 ⚠️아쉬운 점 - 버튼을 한번 눌러봐야지만 생기는 닫기 버튼 - 닫기 버튼을 누르면 영구적으로 사라짐. 닫으면 혜택이 더 이상 없다는 경고창이 있는 것도 좋을 것 같음 b. top 플로팅 버튼 : 초기 상태에 없다가 스크롤 시 나타남 ✅ 좋은점 - 아이폰의 경우, 맨 상단 중앙을 선택해도 top으로 이동할 수 있지만 우측 아래 오른 엄지가 가장 잘 도달할 수 있는 위치에 top fab를 통해 대체 선택 수단을 제공함 - 스크롤을 내리지 않은 상태에선 보이지 않아 화면에 걸리적 거림을 최소..
[UIUX]디자인입문 W1-11. 앱 : 요기요 배달어플 2. 기능 1) 플로팅 버튼 a. 타임특가 : 스크롤 상태 시 사라짐 > 닫기 버튼 누르지 않으면 계속 떠 있음 ✅ 좋은점 - 메인 화면을 방해하지 않는 선에서 한정적인 추가 혜택 느낌을 줌 ⚠️아쉬운 점 - 버튼을 한번 눌러봐야지만 생기는 닫기 버튼 - 닫기 버튼을 누르면 영구적으로 사라짐. 닫으면 혜택이 더 이상 없다는 경고창이 있는 것도 좋을 것 같음 b. top 플로팅 버튼 : 초기 상태에 없다가 스크롤 시 나타남 ✅ 좋은점 - 아이폰의 경우, 맨 상단 중앙을 선택해도 top으로 이동할 수 있지만 우측 아래 오른 엄지가 가장 잘 도달할 수 있는 위치에 top fab를 통해 대체 선택 수단을 제공함 - 스크롤을 내리지 않은 상태에선 보이지 않아 화면에 걸리적 거림을 최소..
2023.12.26 -
Weekly I Learned [이번주 목표] 팀 소개 피그마 페이지 만들기 1. FACTS 이번 일주일 동안 있었던 일, 내가 한 일 본캠프 시작, 새로운 팀 배정, 미니 프로젝트 : 팀 소개 페이지 제작하기, 회고 2. FEELINGS(느낌, 주관) 나의 감정적인 반응, 느낌 정말 오랜만에 남들과 함께 일 해 봤다. 기존에 했었던 업무 방식이랑 다르게 가벼웠고, 진짜 본캠프 시작 전에 몸 푸는 단계라고 느껴졌다. 대학생 때 팀프로젝트 진행하는 느낌이 다시 들었음. 회사 업무 때랑은 다르게 규격에 얽매이지 않고, 정말 아이디어와 컨셉만 가지고 프로젝트를 풀어 나가서 통통 튀고 키치한 페이지가 완성되었다. 매일 매일이 이게 되네...의 연속이었음 사실 처음엔 이렇게 일을 진행해도.. 되는걸까? 싶은 생각..
[UIUX] 스파르타 2023-12-22 WILWeekly I Learned [이번주 목표] 팀 소개 피그마 페이지 만들기 1. FACTS 이번 일주일 동안 있었던 일, 내가 한 일 본캠프 시작, 새로운 팀 배정, 미니 프로젝트 : 팀 소개 페이지 제작하기, 회고 2. FEELINGS(느낌, 주관) 나의 감정적인 반응, 느낌 정말 오랜만에 남들과 함께 일 해 봤다. 기존에 했었던 업무 방식이랑 다르게 가벼웠고, 진짜 본캠프 시작 전에 몸 푸는 단계라고 느껴졌다. 대학생 때 팀프로젝트 진행하는 느낌이 다시 들었음. 회사 업무 때랑은 다르게 규격에 얽매이지 않고, 정말 아이디어와 컨셉만 가지고 프로젝트를 풀어 나가서 통통 튀고 키치한 페이지가 완성되었다. 매일 매일이 이게 되네...의 연속이었음 사실 처음엔 이렇게 일을 진행해도.. 되는걸까? 싶은 생각..
2023.12.22 -
Today I Learned [이번주 목표] 팀 소개 피그마 페이지 만들기 오늘 할 일 전체 페이지 및 플로우 정리, 노션 작성 및 화면 녹화, 발표 대본 정리 1. 오늘 배운점 무드보드라는 개념을 처음 배웠다. 컨셉 잡고 설명하는데 유용하고 좋은 것 같음 2. 아쉬운점 전체 디자인 손 볼 때 마다 느끼지만 각 레이어 이름 정리, 폴더화 얼라인 맞추기가 제일 시급 폰트 스타일, 색상 지정도 도제식처럼 말로 흘러버리게 만드니 우리끼만 아는 규칙이 되어버림 3. 앞으로 다짐 팀으로 피그마 사용시 규칙 상세히 정하기 전체 목적이 UX 디자인임을 계속 상기하면서 일하기 디자인 도출까지 나온 프로세스 정리해서 내재화시키기 (무드보드)
[UIUX] 스파르타 2023-12-21 TILToday I Learned [이번주 목표] 팀 소개 피그마 페이지 만들기 오늘 할 일 전체 페이지 및 플로우 정리, 노션 작성 및 화면 녹화, 발표 대본 정리 1. 오늘 배운점 무드보드라는 개념을 처음 배웠다. 컨셉 잡고 설명하는데 유용하고 좋은 것 같음 2. 아쉬운점 전체 디자인 손 볼 때 마다 느끼지만 각 레이어 이름 정리, 폴더화 얼라인 맞추기가 제일 시급 폰트 스타일, 색상 지정도 도제식처럼 말로 흘러버리게 만드니 우리끼만 아는 규칙이 되어버림 3. 앞으로 다짐 팀으로 피그마 사용시 규칙 상세히 정하기 전체 목적이 UX 디자인임을 계속 상기하면서 일하기 디자인 도출까지 나온 프로세스 정리해서 내재화시키기 (무드보드)
2023.12.21 -
Today I Learned [이번주 목표] 팀 소개 피그마 페이지 만들기 오늘 할 일 메인 페이지 제작 및 팀 / 개인 소개 페이지 제작 마무리 1. 페이지 통합 디자인 맥 os 브라우저 형식으로 디자인 통일 2. 개인 페이지 제작 마무리 팀 페이지와 개인 페이지 디자인 톤앤매너가 맞지 않는 느낌 > 하지만 너무 과한 컨셉이었다. 피드백에서 과하다고 까임. 수정 요망 3. 오늘 배운점 애프터딜레이 둥실둥실 효과 온 드래그 기능 이용 스크롤 바 구현 웹 uxui는 공간이 넓어 한눈에 정보를 습득할 수 있도록 나열해도 된다. 굳이 캐러셀 등 숨김 효과를 줄 필요 없음. 유저의 패시트 액션에도 내가 주고자 하는 정보를 볼 수 있도록 할 것 컴포넌트, 드래그 효과를 이용한 캐러셀 효과 4. 아쉬운점 ux를 고..
[UIUX] 스파르타 2023-12-20 TILToday I Learned [이번주 목표] 팀 소개 피그마 페이지 만들기 오늘 할 일 메인 페이지 제작 및 팀 / 개인 소개 페이지 제작 마무리 1. 페이지 통합 디자인 맥 os 브라우저 형식으로 디자인 통일 2. 개인 페이지 제작 마무리 팀 페이지와 개인 페이지 디자인 톤앤매너가 맞지 않는 느낌 > 하지만 너무 과한 컨셉이었다. 피드백에서 과하다고 까임. 수정 요망 3. 오늘 배운점 애프터딜레이 둥실둥실 효과 온 드래그 기능 이용 스크롤 바 구현 웹 uxui는 공간이 넓어 한눈에 정보를 습득할 수 있도록 나열해도 된다. 굳이 캐러셀 등 숨김 효과를 줄 필요 없음. 유저의 패시트 액션에도 내가 주고자 하는 정보를 볼 수 있도록 할 것 컴포넌트, 드래그 효과를 이용한 캐러셀 효과 4. 아쉬운점 ux를 고..
2023.12.20