uxui

TIL (Today I learned)  오늘 나는 무엇을 했나요-JAVA 스크립트 문법 종합반 1주차- UX집중반오늘은 어떤 것을 배웠나요  -JAVA 스크립트 문법 종합반 1주차  오늘부터 자바 스크립트 문법 강의를 듣기 시작했다.자바 역사 언어 특징등을 배웠고 특징중에선 객체 지향 프로그래밍과 클라이언트측 및 서버측 모두에서 사용가능하다는 특징이 제일 머리에 남았다. 객체 지향 프로그래밍을 알기전에 절차지향부터 말하자면 절차지향은 말그대로 첫번째 일부터 순서대로 n번일까지 프로그램을 만드는것이고 객체지향은 데이터와 함수를 객체라는 그룹으로 묶어서 처리를 하는식으로 필요한 객체를 만들어서 필요할때마다 재사용할수있다!  기본문법에는 가장 기초가 변수와 상수를 배웠다.먼저 변수는 재사용하기 위한 기능이다..

TIL (Today I learned)  오늘 나는 무엇을 했나요-디자인 카타  Saas 리서치-서비스 랜딩페이지 개인과제오늘은 어떤 것을 배웠나요디자인 카타  Saas 리서치 오늘은 발표하는것 대신 튜터님께서 장표를 보면서 설명을 해주는식으로 하였다.오늘은 ZOOM 장표를 만든것을 보면서 설명을 해주셨다.먼저 줌의 서비스 유형을 보자면 일단 서비스유형이 이렇게 있지만 6개정도 조사를 해왔지만 결국 이게 하나의 서비스유형으로 볼수가있다. 줌으로 치면 "커뮤니케이션 툴"로 볼수있다.   다음 줌의 핵심경험을 설명하는 장표에서 이것이 핵심경험을 보면 길게 쓰여있는데 사실 이것은 현재의 줌에 대한 설명이라고 볼수있고 맨처음 줌이 나왔을때 왜나왔는지 처음부터 이러했는지 처음엔 어떤기능만 있었는지를 중점적으로 봐..

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강까지의 결과물을 강의를 안보고 만들어보았다.확실히 처음만들때는 전체구조를 잡는게 어려웠는데 지금은 전체구조를 잡는것이 능숙해진것같다.피그마에서는 디자인만 하고 레이아웃의 구조를 직접 잡거나 이름하나하나 정하지 않는데 웹플로우는 디자인툴이 아니라일단 레이아웃의 순서와 각각의 클래스를 다 잡는법을 배워야 나중에 작업할때 이상한곳을 쉽게 수정할수있는것같다.   그다음은 디자인이나 인터렉션 반응..

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

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

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