uxui

TIL (Today I learned)  오늘 나는 무엇을 했나요- 카타 ( Mobile only 컴포넌트  )- 개인과제  ( 사용성 테스트 ) 오늘은 어떤 것을 배웠나요1.카타 (모바일 컴포넌트)오늘도 각 카타조원들이 조사한것을 발표하였다.리스트와 카드, 그리고 내가 조사한 캐러셀이었다.알게된점은 리스트와 카드가있을때 카드는 항상 텍스트와 이미지가 같이 들어가야하는게 아니고 텍스트만 들어가는 경우도 있다.또 리스트와 카드는 둘다 원칙이있었다. 리스트 원칙1.논리적이여야한다.목록은 내용을 쉽게 검토할수있는 논리적인 방식으로 해야함즉 알파벳순, 숫자순 등 또는 사용자 선호도순으로 정렬해야함2.실행 가능해야한다목록은 컬렉션에서 특정 항목을 쉽게 식별하고 해당 항목을 사용하여 작업할 수 있는 방식으로 콘텐츠..

TIL (Today I learned)  오늘 나는 무엇을 했나요- 카타 ( Mobile only 컴포넌트  )- 개인과제  ( 사용성 테스트 ) 오늘은 어떤 것을 배웠나요1.카타 (모바일 컴포넌트)오늘은 각 카타조원들이 조사한것을 발표하였다. 탭, 로딩인디케이터을 발표를 하였는데 그중 로딩인디케이터에서 배운점이 있었다. 먼저 로딩 인디케이터는 사용자가 시스템의 작업 상태를 이해하고 기다리는 동안 불편함을 최소화 하도록 돕는 UI이다. 로딩인디케이터에서는 각 종류가 많았는데 그중 스켈레톤같은경우는 모바일은 빈공간이 많아 활성화된 경우라고 한다.그외에는 우리가 자주 보는 스피너 형식, 프로그레스바 형식,애니메이션일러스트등이있다.  다음 로딩인디케이터는 안보여주는게 최선이지만 기술적으로 어쩔수없을때 보여주는..

TIL (Today I learned)  오늘 나는 무엇을 했나요 - 카타 ( Mobile only 컴포넌트  )- 개인과제  ( 사용성 테스트 ) 오늘은 어떤 것을 배웠나요1.카타 (모바일 컴포넌트)오늘은 저번에 이어서 캐러셀UI에 대해 리서치를 마저 진행하였다. 저번에 대부분 다 끝내서 이번에는 캐러셀의 PC와 모바일의 차이점을 조사를 하였다. 먼저 차이점은 크게 3가지로 나눴다. 1. 디스플레이 크기와 레이아웃2.인터랙션 방식3.콘텐츠 크기와 정보량   디스플레이 크기와 레이아웃 PC (네이버스토어예시)1.네이버스토어를 예시로 보면 가로 폭이 넓어 한 화면에 여러 개의 콘텐츠를 표시하고있음2.아래처럼 보통 한 번에 3~5개의 슬라이드를 보여줌 모바일 ( 네이버스토어예시)1.화면이 좁아 한 번에 1~..