UX/UI
-
Tool
[Figma는 처음이라] 굿바이 XD, 피그마로 갈아타기(1)
입사하자마자 한 달정도 되었을까? 회사에서 새로운 툴을 쓰게 되었다. 그 이름은 바로 Figma. 갑작스럽게 찾아온 요 아이를 4개월 동안 스파르타로 익히면서 힘들었던 부분, 그리고 장점과 단점 등을 남겨보려고 한다. 4개월 전의 나처럼 figma가 처음이실 분들을 위해. Figma, 드디어 마주하는구나. 개인적으로 figma라는 이름을 접하게 된지 약 2년 정도 된 듯하다. 그때 항상, figma 한 번 사용해봐야지라고 생각했으나 이미 sketch에 익숙해져버린 나는, 대충 요즘 핫하다길래 figma를 끄적여본게 전부였다. 그 이후는 다시 쭉 개인프로젝트는 sketch를 사용했다. XD는, 맥북 없는 친구들과 협업할때만 잠깐잠깐 사용하는 정도였고. 그러다가 현재 회사에 입사하게 되었는데, 입사한지 한 ..
-
UIUX
[앱 분석하기 #1] 유튜브 뮤직 분석하기
요즘 자기소개서와 포트폴리오를 쓰면서 여러가지 생각을 하게 되는데, 그 중 하나가 내가 과연 앱을 분석하는 능력이 있나?에 대한 것이었습니다. 그래서 제가 자주 쓰고 애용하는 앱 혹은 인상깊었던 앱을 좀 분석해보면서 보는 눈 좀 키울까 합니다 :) 제 주관적인 부분이 많을테니, 혹 포스팅을 보고 피드백을 주고 싶은 부분이 있으신 분들은 언제나 댓글달아주세요 :) 환영합니다! 첫번째로 제가 분석할 앱 서비스는 유튜브 뮤직입니다 :) 저는 유튜브 뮤직을 사용하는 시간이 어떠한 앱보다도 많은데요. 지금 이 포스팅을 쓰는 순간에도 유튜브 뮤직을 사용하고 있답니다. 이번에 한 기업에 지원을 하면서 뮤직 어플리케이션에 대해 많은 생각을 하게 되면서 자연스럽게 제가 요즘 사용하는 유튜브 뮤직에 대해 생각을 많이 하게..
-
UIUX
사용자 테스크 분석툴 - 카드소팅
-해당 글은 UX 디자인 7가지 비밀을 읽으면서, 기록하고자 하는 부분과 함께 더 추가적으로 공부하여 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - 인터렉션을 디자인할 때 태스크분석을 반드시해야하는 이유는 무엇일까요? 인터렉션이란 사용자가 목적을 달성하기 위해 UI를 사용해서 버튼을 누르거나 정보를 입력하면 제품이 디스플레이에 정보를 출력하는 잔복적인 과정을 의미합니다 그렇기 때문에 인터렉션을 디자인하려면 목적 달성 절차에서 사용자 입력과 제품의 출력을 디자인해야하는데요. 이러한 이유로 테스크. 분석을 반드시 해야합니다. 테스크 분석을 하지 않고 인터렉션 디자인을 하게 된다면? 피상적인 인..
-
UIUX
UX를 위해 인지심리학을 알아야 하는 이유
-해당 글은 UX 디자인 7가지 비밀을 읽으면서, 기록하고자 하는 부분과 함께 더 추가적으로 공부하여 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - 도널드 노먼 책을 읽거나, 혹은 UX 관련 아티클을 읽다보면 인지심리학에 대해 심심찮게 보게 됩니다. 실제로 도널드 노먼은 인지심리학과 UX의 대부입니다. 그래서 그의 책은 대부분 사용성과 인지심리학을 기반으로 적혀져있습니다. 저 역시 몇개의 도널드 노먼의 책을 읽었으나,,,, 굉장히 어려웠습니다 ㅠ 아마 한번 읽는다고 다 흡수될 책은 아니고 몇번이고 반복해서 읽어봐야 좋을 책들입니다. 또한 UX쪽을 딥하게 공부하시는 분들은 심리학도 부수적인 ..
-
UIUX
UI도 세분화할 수 있다! UI의 네 가지 계층!
-해당 글은 UX 디자인 7가지 비밀을 읽으면서, 기록하고자 하는 부분과 함께 더 추가적으로 공부하여 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - 여러분들은 UI하면 무엇이 먼저 떠오르나요? 많은 사람들은 아이콘, 버튼 등을 떠오르게 됩니다. 저 역시 UI 디자인을 떠오르면 이런 시각적인 부분이 제일 먼저 떠오르게 되는데요! 하지만 UI는 이런 시각적인 것 뿐만 아니라 청각적, 촉각적인 부분까지 통틀어 말합니다. 이러한 UI는 4가지의 계층으로 설명될 수 있는데요! 그럼 UI에 대해 좀 더 자세히 알아보도록 하겠습니다! (1)! PUI physical UI를 뜻하며, 가장 낮은 계층입니다..
-
UIUX
UI, 인터렉션, UX란? 야무지게 구분해보자!
-해당 글은 UX 디자인 7가지 비밀을 읽으면서, 기록하고자 하는 부분과 함께 더 추가적으로 공부하여 정리해놓은 포스팅입니다 해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - UX/UI 디자인 공부를 하다보면, UI 혹은 UX, 인터렉션의 단어를 굉장히 많이 접한다. 거의 숨쉬듯이 접하게 될 것이다. 하지만 이에 대한 차이점을 얘기해보라고 하면, 대부분 그 개념을 분명하게 얘기할 수 있는 사람이 많지 않을 것이다. 나 역시 이에 대한 차이점을 얘기해보라고 한다면, 그냥 두리뭉실하게만 얘기하게 되어서 이렇게 된거 이론적으로 한번 파고들어보자!하고 하나의 책을 꺼내들었고, 걸음마 하듯 하나하나 다시 개념을 정리하게 되었..
