uxui

TIL (Today I learned)  오늘 나는 무엇을 했나요-디자인 카타  Saas 리서치-서비스 랜딩페이지 개인과제오늘은 어떤 것을 배웠나요 디자인 카타  Saas 리서치 내일 발표일을 앞두고 마지막으로 자료를 리서치하다가 튜터님께서 넣었으면 하는 것을 알려주셨다.1.핵심기능(행동) 2.핵심기능 플로우 3.핵심기능 플랜목록 및 플랜별 차이점4.플랜 업그레이드 유도시키는 법 일단 그동안 조사를 해온것들을 잘 정리를 하였고 그중에 플로우는 PC와  앱 둘다 핵심기능 즉 파일업로드에 대한 플로우를 만들었다. 이렇게 플로우를 보면서 드는 생각이 Dropbox는 기능이 많지만 그것이 핵심기능(파일업로드)을 방해 하지 않고 핵심기능을 정말 쉽게 할수 있도록 UXUI 되있는것같아서 사람들이 많이 사용하는것같은..

TIL (Today I learned)  오늘 나는 무엇을 했나요-디자인 카타  Saas 리서치-서비스 랜딩페이지 개인과제오늘은 어떤 것을 배웠나요  디자인 카타  Saas 리서치  SaaS 리서치를 할때나 그외 서비스를 리서치할때 가장 중요한것은  사람들이 이거 때문에 쓰기시작했어요를 찾아야 한다. 즉 그 서비스로 유저가 하는 핵심행동이다. 예시로 ZOOM을 들어보자 줌은 그룹으로 뭔가 채팅을 하는것이 핵심행동이다.  이제 그 핵심행동을 기반으로 비즈니스 모델에서 플랜별로 어떤것이 변하였는지, 또 핵심행동을 위한 기능이 무엇이 있는지를 자연스럽게 연결지어서 찾을수있는것이다. 하나 더 예시로 dropbox로 볼수있는데(본인 캡쳐본) 드롭박스의 핵심행동은 파일을 올려 공유하고 다른 기기에서 사용하게 한다이..

TIL (Today I learned)  오늘 나는 무엇을 했나요-노코드 강의 1~3강 복습-디자인 카타  Saas 리서치-서비스 랜딩페이지 개인과제 발제 듣기오늘은 어떤 것을 배웠나요오늘은 서비스 랜딩페이지 개인과제 발제 날이다.  노코드 강의 1~3강 복습 그래서 노코드강의를 일단 3강까지 들은다음 다시 1강부터 3강까지의 결과물을 강의를 안보고 만들어보았다.확실히 처음만들때는 전체구조를 잡는게 어려웠는데 지금은 전체구조를 잡는것이 능숙해진것같다.피그마에서는 디자인만 하고 레이아웃의 구조를 직접 잡거나 이름하나하나 정하지 않는데 웹플로우는 디자인툴이 아니라일단 레이아웃의 순서와 각각의 클래스를 다 잡는법을 배워야 나중에 작업할때 이상한곳을 쉽게 수정할수있는것같다.   그다음은 디자인이나 인터렉션 반응..

프로덕트 디자이너 본캠프 WIL 7주차 - FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일 1.노코드 녹강 1~3주차 수강웹플로우와 에어테이블사용법을 배웠다.배운것으로 About 페이지 및 블로그 홈 페이지, 블로그 게시글 페이지를 만들었다. 2.퍼블리싱 실시간 강의 수강HTML와 CSS 그리고 트랜지션 애니메이션 및 반응형 디자인을 만드는법을 배웠다.배운것으로 간단하게 자기소개페이지를 만들어보았다.3.디자인 카타 ( OS별 UI차이 )OS별 차이 ( 안드로이드와 IOS) 별 UI차이를 리서치하고 발표를 하였다.그중 나는 제스처에 대해 조사를 하였다.4.UX개인과제 피드백에 대한 디벨롭 및 디벨롭에 대한 면담UX개인과제 피드백에 대해 디벨롭을 하였고 사용성테스트의 목적과 후속질문리스..

TIL (Today I learned)  오늘 나는 무엇을 했나요-노코드 강의 1주차 수강-디자인 카타  OS별 UI차이 발표-튜터님과 UX개인과제 디벨롭에 대한 면담오늘은 어떤 것을 배웠나요1. 노코드 강의 1~2주차 수강 웹페이지의 기본 구조는 블럭형태고 그안에 HTML CSS 자바스크립트가 있다. 일단 HTML과 CSS의 개념을 다시 한번 복습한후 자바스크립트를 추가로 배웠다.사람으로 치자면 HTMl이 뼈대고 CSS가 그위에 복장및 꾸밈요소라면 자바스크립트는 행동이라고 생각하면 된다. 실습으로 About 페이지를 만들었다.순서로는1.전체 구조 잡기2.디자인 입히기3.유저 인터렉션 추가하기4.반응형 디자인하기이다 1. 전체구조잡기 먼저 구역을 잡는것이다.히어로,히스토리,프로젝트,컨택트 구역을 잡는다...

TIL (Today I learned)  오늘 나는 무엇을 했나요-퍼블리싱 실시간 강의 (마무리)-디자인 카타  OS별 UI차이 리서치 오늘은 어떤 것을 배웠나요1. 퍼블리싱 실시간 강의오늘은 퍼블리싱 마지막 강의다. 1.Grid와 flex로 행, 열로 요소를 정렬하는 방법2.트랜지션과 애니메이션으로 이벤트발생하기3.반응형 디자인을 이용하여 이것을 grid와 flexbox를 이용하여 반응형 레이아웃 만들기를 배웠다. 1-1. flexflex는 1차원적으로 그저 행과 열로 요소를 정렬하는방법이다.이때  Flex에는 줄바꿈 기능이있는데 요소가 컨테이너를 벗어날때 1줄에서 2줄로 줄을 바꾸는 등의 기능이 가능하다. 1-2.GridGrid는 2차원적으로 표에 요소를 하나하나 배치하는것처럼 좀더 디테일하게 행열을..

TIL (Today I learned)  오늘 나는 무엇을 했나요-퍼블리싱 실시간 강의-디자인 카타  OS별 UI차이 리서치-UX개인과제 디벨롭오늘은 어떤 것을 배웠나요1. 퍼블리싱 실시간 강의  오늘은 CSS에 대해 배웠다. 그전에 어제 배운 HTML에 대한 간략하게 설명을 하고 넘어가겠다. 먼저 HTML은 웹페이지의 뼈대이다. 예시로는 제목, 문단, 이미지, 링크 등 배치를 구성할수있다, HTML은 HyperText Markup Language의 약자로, 웹 페이지의 구조를 정의하는 마크업 언어이다.쉽게말해 우리는 이해하는 글과 그림을 컴퓨터는 이해하지못하므로 그것을 알려주는 글쓰기 방식이다. HTML의 역할은 블록을 쌓는것처럼 웹 페이지를 구조화하고 브라우저에게 그 구조를 알려준다. 기본 구조HTM..

프로덕트 디자이너 본캠프 KPT Keep (현재 만족하고 있는 부분)정해놓은 일정이 최대한 밀리지 않도록 그날그날 최선을 다하는것같다.팀원에게 의견을 내려고 할때 항상 한번더 머릿속에서 정리를하고 내어 효율적인 커뮤니케이션을 하는것 같다.Problem (불편하게 느끼는 부분) 머릿속에서 정리를 하고 있다가 타이밍 지날때도 있어서 못낼때도 있었다. Try (Problem에 대한 해결책) 이것은 좀 더 내가 평소에 말하는 방법을 연습해보거나 , 팀원에게 일단 의견을 내면서 머릿속에서 같이 정리를 하는 방법으로 해야할것같다.  프로덕트 디자이너 본캠프 WIL 6주차 - FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일이번주에는 대부분 UX 프로젝트를 진행하였다. 전반적인 과정을 간략히 설명..

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

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