본문 바로가기

분류 전체보기

 (32)
[구글 애널리틱스] 구글 애널리틱스란? -해당 글은 구글 애널리틱스를 공부하면서 책 내용과 여러 참고 자료를 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - 앞 포스팅에서 웹로그와 웹트래킹에 대해 알아보았습니다. 그러면서 웹 로그분석을 쉽게 하기 위한 툴이 구글 애널리틱스라고 언급하었는데요. 이번에는 구글 애널리틱스에 대해 좀 더 살펴보도록 하겠습니다. 구글 애널리틱스란? 구글 애널리틱스는 위키 백과에 따르면 Google 웹 로그 분석은 현재 Google 마케팅 플랫폼 브랜드 내부의 플랫폼 인 웹 사이트 트래픽을 추적하고보고하는 Google이 제공하는 웹 분석 서비스입니다. 앞서 말했다시피 웹로그를 분석하기 위해서는 여러 준비물이..
[구글 애널리틱스] 웹 로그 분석이란? -해당 글은 구글 애널리틱스를 공부하면서 책 내용과 여러 참고 자료를 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - 예전부터 구글 애널리틱스에 대한 얘기는 참 많이 들었습니다다. 그리고 모닥을 하면서, 여러 디자이너 분들의 글들을 보면서 논리적인 UX에 대해 많은 고민을 하게 되면서 데이터를 읽는거에 대한 중요성을 많이 느끼게 되었어요. 그래서 구글 애널리틱스를 공부해야겠다, 라는 마음을 먹었고 영상 강의와 책으로 공부를 막 시작하였습니다. 이제 막 올라올 GA에 대한 포스팅은 이제 막 공부한 초보자의 걸음마 정도로 생각해주시면 좋을 듯 합니다:) 구글 애널리틱스에 대해 알아보기 전에, 많..
사용자 테스크 분석툴 - 카드소팅 -해당 글은 UX 디자인 7가지 비밀을 읽으면서, 기록하고자 하는 부분과 함께 더 추가적으로 공부하여 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - 인터렉션을 디자인할 때 태스크분석을 반드시해야하는 이유는 무엇일까요? 인터렉션이란 사용자가 목적을 달성하기 위해 UI를 사용해서 버튼을 누르거나 정보를 입력하면 제품이 디스플레이에 정보를 출력하는 잔복적인 과정을 의미합니다 그렇기 때문에 인터렉션을 디자인하려면 목적 달성 절차에서 사용자 입력과 제품의 출력을 디자인해야하는데요. 이러한 이유로 테스크. 분석을 반드시 해야합니다. 테스크 분석을 하지 않고 인터렉션 디자인을 하게 된다면? 피상적인 인..
UX를 위해 인지심리학을 알아야 하는 이유 -해당 글은 UX 디자인 7가지 비밀을 읽으면서, 기록하고자 하는 부분과 함께 더 추가적으로 공부하여 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - 도널드 노먼 책을 읽거나, 혹은 UX 관련 아티클을 읽다보면 인지심리학에 대해 심심찮게 보게 됩니다. 실제로 도널드 노먼은 인지심리학과 UX의 대부입니다. 그래서 그의 책은 대부분 사용성과 인지심리학을 기반으로 적혀져있습니다. 저 역시 몇개의 도널드 노먼의 책을 읽었으나,,,, 굉장히 어려웠습니다 ㅠ 아마 한번 읽는다고 다 흡수될 책은 아니고 몇번이고 반복해서 읽어봐야 좋을 책들입니다. 또한 UX쪽을 딥하게 공부하시는 분들은 심리학도 부수적인 ..
UI도 세분화할 수 있다! UI의 네 가지 계층! -해당 글은 UX 디자인 7가지 비밀을 읽으면서, 기록하고자 하는 부분과 함께 더 추가적으로 공부하여 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - 여러분들은 UI하면 무엇이 먼저 떠오르나요? 많은 사람들은 아이콘, 버튼 등을 떠오르게 됩니다. 저 역시 UI 디자인을 떠오르면 이런 시각적인 부분이 제일 먼저 떠오르게 되는데요! 하지만 UI는 이런 시각적인 것 뿐만 아니라 청각적, 촉각적인 부분까지 통틀어 말합니다. 이러한 UI는 4가지의 계층으로 설명될 수 있는데요! 그럼 UI에 대해 좀 더 자세히 알아보도록 하겠습니다! (1)! PUI physical UI를 뜻하며, 가장 낮은 계층입니다..
UI, 인터렉션, UX란? 야무지게 구분해보자! -해당 글은 UX 디자인 7가지 비밀을 읽으면서, 기록하고자 하는 부분과 함께 더 추가적으로 공부하여 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - UX/UI 디자인 공부를 하다보면, UI 혹은 UX, 인터렉션의 단어를 굉장히 많이 접한다. 거의 숨쉬듯이 접하게 될 것이다. 하지만 이에 대한 차이점을 얘기해보라고 하면, 대부분 그 개념을 분명하게 얘기할 수 있는 사람이 많지 않을 것이다. 나 역시 이에 대한 차이점을 얘기해보라고 한다면, 그냥 두리뭉실하게만 얘기하게 되어서 이렇게 된거 이론적으로 한번 파고들어보자!하고 하나의 책을 꺼내들었고, 걸음마 하듯 하나하나 다시 개념을 정리하게 되었..
[javascript] 자바스크립트 입문하기(2) - 자바스크립트의 기본 문법 *해당 포스팅은 복습 차원으로 정리하고 있는 내용입니다. 부족한 부분이 있거나, 좀 더 제가 공부하면 좋을 법한 부분은 피드백해주시면 감사하겠습니다:) (1)변수 변수는 값을 핡당하고 그 저장된 갑슬 참고하기 위해 사용한다. 자바스크립트에서 변수는 주소를 기억하는 저장소이다. 즉, 변수란 메모리 주소에 접근하기 위해 이해할 수 있는 언어로 지정한 식별자이다. 그동안 변수를 선언할 때는 var 키워드를 사용했으나, ES6 문법부터는 var를 사용하지 않고 const와 let 만을 사용하고 있다. 예전문법 var x; //변수의 선언 x = 7; // 정수값의 할당 ES6 문법 const a = 0; Or let b; b=0; 그렇다면 const와 let의 차이는 무엇일까? const는 한번 값을 대입하면 ..
[JavaScript] 자바스크립트 입문하기(1) - 자바스크립트에 대하여 최근 웹퍼블리싱 스터디를 하면서, 자연스럽게 자바스크립트에 대해 접하게 되었다. 솔직히, 대학교 공부를 하면서 전공을 버리다시피해서 코틀린 이외 언어를 제대로 공부해본 적이 없어서 자바스크립트를 접했을 때, 어떻게 시작해야할지에 대한 막막함과 내가 과연 이해를 잘 할 수 있을까에 대한 두려움이 있었는데, 아주 친절한 친구 덕분에 자바스크립트를 공부하는데 첫걸음을 떼었다. 해당 포스팅은 친구가 알려준 내용을 토대로, 혼자 복습하면서 구글링하면서 보게 된 자료들을 정리하고자 쓴 포스팅이다 :) 자바스크립트(JavaScript)란 무엇인가? 자바스크립트를 떠올랐을 때 많은 분들이 웹에서 사용하는 언어라고들 생각한다. 그도 그럴게 자바스크립트는 웹 구현과 함께 발전되었기 때문이다. 나 역시 처음에 자바스크립트는..

티스토리툴바