uxui

TIL (Today I learned)  오늘 나는 무엇을 했나요-팀과제 (UX 프로젝트)오늘은 어떤 것을 배웠나요1. 오늘은 사용성테스트 마무리를 하였고( 튜터님의 피드백으로 계속해서 UT를 진행할때마다 보완을하고 보완한걸로 진행을 했다 )첫번째 UT시나리오인데 "시간협의가 가능한" 조건이 있었는데 이 조건때문에 알바공고리스트의 갯수가 확 줄어들어시간협의조건 을 없애고 두번째 UT를 진행하였다.     두번째 UT를 진행한후 사람들이 조건을 듣고 하는 첫번째 테스크에서 너무 헷갈려하여 첫번째 테스크전에 테스크를 수정을하였다.이런식으로 먼저 평소에 어떤 방식으로 채용 공고를 찾는지를 확인하고 난후 원래 첫번째 테스크를 진행하였다.   그후 나온 인사이트들 ( 구글폼, 유저플로우 사용성테스트) 을    어..

TIL (Today I learned)  오늘 나는 무엇을 했나요-팀과제 (UX 프로젝트)오늘은 어떤 것을 배웠나요1. 오늘은 일단 유저플로우를 다그린후.  사용성테스트 시나리오를 작성을 하였다. 그리고 피드백을 받았다. 먼저 직접적으로 불편하거나 하냐는 단어를 질문으로 하면 유도가 될수있기 때문에 지양하는게 좋다고 하셨다.그러한것들을 다 찾아 변경하였다. 그다음 UT를 진행할때는 5명을 진행한다하면 하나의 질문지로 5명을 하는것이 아닌 UT를 해나가면서 그에 대한 인사이트를 도출하여 보완한 질문지로 차근차근 하는것이 좋다고 하셧다. 그리고 앱에 스크랩페이지에서 필터기능이 없어서 우리가 이러한 필터에 대한 문제를 UT로 테스크를 주어서 사용자가 어떻게 느끼는지를 볼려고 작성을 하였는데 이러면 이 필터에 ..

TIL (Today I learned)  오늘 나는 무엇을 했나요- 특강(역할분담, 의견조율)- 팀과제   (UX 프로젝트 ) 오늘은 어떤 것을 배웠나요1. 특강(역할분담, 의견조율)내배캠 장정은 튜터님의 특강으로  팀원들과 효율적으로 역할을 분담하고 다양한 의견을 하나로 조율하는을 배웠다. 역할분담을 할때에는 이번 캠프에서 내가 잘하는것보다는 현재 어려운부분을 맡아서 성장시키는것이 좋다는것을 배웠다.UI만 하지않고 UXUI 둘다 골고루 경험을 해봐야 캠프 막바지 기간때 방향을 정하는데 도움이 된다 또한 역할분담은 테스크를 기준으로 역할을 분담하는게 좋다 왜냐하면 우린 아직 전문가가 아니기때문에 UX리서처가 할일UI디자이너가 할일을 나눠서 할수없기 때문이다. 의견조율을 할때에는 갈등이 높은 확률로 날수밖..

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~..

TIL (Today I learned)  오늘 나는 무엇을 했나요 - 카타 ( Mobile only 컴포넌트  )- 개인과제  ( 사용성 테스트 ) 오늘은 어떤 것을 배웠나요1.카타 (모바일 컴포넌트)오늘은 카타가 다시 시작하였다.저번에는 UI컴포넌트를 하였다면 이번에는 모바일 컴포넌트에 대해 리서치및 조사를 진행하였다.터치 제스처로딩 인디케이터리스트/카드캐러셀푸시/알림이렇게 총 5개중 나는 캐러셀 리서치를 맡았다. 리서치를 한것을 요약하면  정의와 목적이름: 캐러셀(Carousel), 슬라이더(Slider), 갤러리(Gallery)역할: 공간을 효율적으로 사용해 여러 콘텐츠를 표시하며, 사용자가 스크롤을 통해 쉽게 탐색할 수 있도록 돕습니다. iOS에서는 페이지 컨트롤, Android에서는 뷰페이저나 ..

프로덕트 디자이너 본캠프 WIL 4주차 - FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일카타 UI 컴포넌트 UX기획 및 리서치 강의 수강 - FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌 이번에 UX로 넘어오면서 강의를 들었는데 UI보다 이론적인 부분이 많아서 이해하기 어려웠다 - FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것  카타 UI 컴포넌트 (리서치)UI컴포넌트중 입력필드 리서치를 하면서 입력필드에 종류와 정의같은것을 조사하고 끝이났다. UX 기획 및 리서치 강의UX강의를 첫수강하였다. 먼저 전반적인 UXUI의 개념들과 더블다이아몬드모형등 방법론같은것을 배웠으며, LeanUX, MVP등의 개념을 이해하였다. 카타 UI 컴포넌트 (입력필..

TIL (Today I learned)  오늘 나는 무엇을 했나요 - 카타 (UI 컴포넌트)- UX 기획 및 리서치 강의 오늘은 어떤 것을 배웠나요1.카타 (UI 컴포넌트)오늘은 각각 리서치해온 컴포넌트들을 발표하는 시간을 가졌다.그중 버튼 컴포넌트 리서치 발표를 들었다. 버튼의 정의와 목적및 종류들과 Do&Don't 를 발표를 한것을 주의깊게 들었다. 그중 이번에 알게된거랑 애매한게 알고있었지만 이번에 이유를 알게된것도 적어보았다.   고스트 버튼을 CTA로 잘 사용하지는 않지만 만약 사용을 하게 된다면 사용자들이 이것이 버튼이라는것을 인지할수도있도록 배치를 해야한다   메인로고와 CTA 버튼이 같은모양을 하고있다면 사용자에게 이게 둘다 버튼인지 아닌지 혼란을 줄수있다.   프라이머리보다 버튼이 잘 보..

TIL (Today I learned)  오늘 나는 무엇을 했나요 - 카타 (UI 컴포넌트)- UX 기획 및 리서치 강의 오늘은 어떤 것을 배웠나요1.카타 (UI 컴포넌트)오늘은 각 상황 Do&Don't 를 정리하고 그동안 리서치한 카타자료들을 정리를 하면서 발표할 대본을 작성하였다.  먼저 라벨을 적을때 적절한 대소문자 사용유무에 대한 Do&Don't이다 Do의 이유로는 소문자와 대문자를 같이 활용하여 상대적으로 가독성이 높아진다Don't의 문제점으로는 대문자만 사용을 하여 가독성이 떨어지고, 디자인의 일관성이 부족하다 그리고 breland & breland의 글을 참고했는데 텍스트를 모두 대문자로 설정하면 읽기 속도가 약 13 ~ 20% 느려진다는것을 알수 있었다!    그다음 입력을 받는 텍스트 필..