UXUI 디자인 스터디

*비즈니스 모델이란? 어떤 제품이나 서비스를 소비자에게 어떻게 홍보,판매하여 얼마만큼의 수익을 올릴 것인가의 내용을 담은 기업의 사업 계획, 또는 그러한 사업 시스템이다. -> 어떻게 돈을 벌겠다는 목표?! 크리에이트립은 한국을 좋아하는 외국인들이 가장 많이 사용하는 K-콘텐츠&커머스 플랫폼이다. 글로벌 유저들이 한국의 트렌드를 콘텐츠로, 여행으로, 쇼핑으로, 유학으로 즐길 수 있도록 운영하고 있다. 기업규모: 중소기업 매출액 : 54억 기업형태 : 일반 상세업종 : 기타 여햇 보조 및 예약 서비스업 카테고리 : 플랫폼 여행정보 플랫폼으로 핫플레이스, 교통, KPOP, K뷰티,한국맛집,지방여행할인혜택, 신상품,쇼핑 꿀팁 정보 제공과 '한국직구'서비스도 론칭 총 40여개 종류 상품의 구매 대항 서비스 운영..

😝 커머스 서비스 로그인/회원가입 과정의 사용성 테스트에서 참여자가 수행할 테스크를 선정해보세요. (조건. 참여자는 주 2회 이상 커머스 서비스를 사용하지만, 자사 서비스를 사용해본 경험은 없는 유저) Task 1. 마이페이지에 들어가보세요. Task 2. 회원가입을 진행해주세요. Task 3. 아이디와 비번이 기억나지 않는 경우를 가정하여 찾기를 진행해주세요. Task 4. 비밀번호를 재설정해보세요. Task 5. 아이디와 비밀번호를 입력해주세요. Task 6. 아이디와 비번을 입력하여 로그인해보세요. Task 7. 로그아웃 한뒤에 카카오,구글 등 SNS로그인도 진행해주세요. Task 8. 마이페이지에 들어가 프로필을 설정해주세요. 사용성테스트는 무엇이며 왜 해야할까? 사용자가 실제 서비스를 사용할때 ..

UI 에 차이를 두기 위해서는 사용하는 목적과 상황을 모두 고려해서 다르게 해야한다. ( 디자이너가 판단했을때 어떻게 디자인하는것이 사용자에게 최선의 결과를 줄 수 있는지 고민하는 과정이 필요함) 웹 vs 앱? 안드로이드 vs 아이폰? 같은 아이폰이라도 홈인디케이터로 차이가 생길 수 있음 이모든건 사용성을 고려해서 선택! (안드로이드 유저라..아이패드화면을 캡쳐 했다.) 다른점을 캡쳐해보고 비교해보니까 전반적으로는 비슷하게 보여지지만 보통 하단시트부분이 약간씩 달랐다. 안드로이드 구글 머티리얼 디자인 참고 : 상단 작업에 대한 액세스를 제공하기 위해 모달 하단 시트의 초기 수직 위치는 화면 높이의 50%로 제한됩니다. 내용이 화면 높이의 50%를 초과하는 모달 하단 시트는 전체 화면으로 끌어당기고 내부적..

텍스트필드 컴포넌트, 체크박스, 다이얼로그 컴포넌트로 로그인화면을 만들어 보았다. 더보기 체크박스와 라디오 버튼, 다이얼로그 1. 24x24 프레임 만들기 2. 옆에 20x20 프레임 만들어서 프레임 이름은 container로 바꿔준다. 3. 컨테이너를 24프레임안에 중앙에 배치한다. constraints 를 center로 변경 4. 체크아이콘을 그안에 중앙에 배치. 시각적인 효과 때문에 아래로 기울어져 보여서 백터레이어만 잡고 살짝 위로 5. 색변경 (컨셉에 맞는) 6. 컴포넌트로 변경하고 컴포넌트 이름지정하기 7. 베리언츠 추가해서 또 이름변경해서 색 변경 라디오버튼도 체크박스와 어느정도 유사함. 1. 프레임 24x24 만들기 2. 옆에 20x20 프레임 만들기 (이름은 container) 3. 또 ..

화면구조 분석,,피그마로 했는데 잘보이진 않네.. 좋은사례예시, 디자인 원칙 분석나쁜사례, 디자인 원칙근거 + 개선점

*게슈탈트 심리학 무신사- 유사성의 원리 유사성의 원리 - 큰섹션으로 나뉘어 보일 수 있도록 카드,리스트영역.. 이런식으로 그룹핑 이니스프리- 근접성, 스케일 근접성의 원리 - 주로 카테고리 같이 구분이 잘 되어야 하는 컨텐츠 UX 비주얼원칙- 스케일을 사용해서 강조해야하는 행사섹션을 크게 강조했다. 일룸- 연속성의 원리 연속성의 원리- 슬라이딩 배너, 페이지네이션 CU 폐쇄성의원리 폐쇄성의 원리 - 조금 끊겨도 하나의 그룹으로 보이는 것들

트렌드분석,타겟을 분석할때는 마켓팅 클라우드 https://mktcloud.igaworks.com/search?svc=mkt 1. 제품의 주 사용자는? 단순히 물건을 구매하고 싶은 사람이라고만 적었었는데 '직장인, 초등학생 또는 유아를 키우는 부모' 이렇게 구체적인 타겟을 분석하고 시작하는게 좋다. 2. 사용자의 어떤문제발견? 처음에 앱 전체를 보면서 어떤점을 분석해야 하는지 막막해서 구글찾아보면서 '왜 구매를 망설이게 될까'라는 이유를 문제로 5whys 를 진행했었던 것 같다. '홈화면' 만 놓고 봤을때 홈화면안에서 분석하는 것을 연습해야겠다.ㅠㅠ 지금 나의 문제점은 약간 이상해보여도 아..그런가보다 하고 넘어가는것!! (비판적으로 바라보란말이야) Q1 : 왜 앱 자체가 복잡해보일까? - 정보도 많고,..

프로토타입 애니메이션 Instant : 애니메이션 없이 즉각 화면 전환 Dissolve : 원본 화면 위에서 흐린 상태에서 진해지며 노출 Smart Animate : 이름이 같은 레이어끼리 자연스러운 움직임 적용 Move in : 새로운 화면이 원본 화면 위로 밀어 들어오며 노출 Move out : 원본 화면이 밀려 나가며 새로운 화면 노출 Push : 새로운 화면이 원본 화면을 밀면서 노출

테스트 케이스는 특정 조건에서 요구 사항을 충족하는지 확인하기 위해 여러가지 케이스를 작성한 문서 디자인QA로 발견한 이슈 공유하기! 잘못 개발된 화면이랑 원래 디자인화면을 기획의도와 함께 전달.