BlueWIPER BlueWIPER

핀터레스트(Pinterest) 사진만 볼 수 있는 줄 알았더니 소셜미디어였다? 핀터레스트를 알아보자 내가 흥미 있는 분야의 지식을 이미지화 한 자료를 즐겨찾기할 수 있는 플랫폼으로써 본인이 관심 있는 주제와 아이디어를 시각적으로 탐색하고 '핀(Pin)'하여 디지털 게시물로 저장할 수 있고, '보드(Board)'에 폴더화하여 보관하는 기능을 제공한다. 사용자들 간 메시지를 통해 소통할 수 있는 소셜미디어의 역할과 더불어 광고를 올릴 수 있기 때문에 비즈니스, 광고 마케팅의 영역에서도 활발히 활용되고 있다. 조사하고 싶은 이유 평소에 레퍼런스를 보는 용도로 자주 사용하는 앱이다. 전세계 사람들을 대상으로 한 앱이기 때문에 어떤 강점이 있는지 궁금했고, 디자이너 뿐만 아니고 많은 사용자들이 다양한 분야로부터 ..

UX이론 / 기초파트 1 Chapter 4. 퍼소나 4-1 퍼소나 Persona 퍼소나란, 우리가 생각하는 우리 서비스(제품) 대표 사용자 중요한 이유는? 프로젝트를 진행하다보면 같은 것을 보면서 관점에 따라 다르게 해석하는 경우가 있지만, 디자인 프로세스에서 의사결정을 할 때 작은 갭도 크리티컬하게 작용할 수 있다. 우리 서비스가 어느 연령대 혹은 직업군을 타켓으로 하고 있는가에 따라 서비스의 방향이 달라질 수 있기 때문에 우리의 타겟 유저를 정의하는 것이 중요하다. 정의 우리 제품에 대한 일반적인 혹은 타겟 유저에 대한 정의 가상의 인물이지만 현실적으로 이해하고 감정이입하기 위해서 백그라운드 설정(이름, 나이, 직업, 목표, 과업 등) 1. 우리의 사용자가 누구인지 정의할 수 있다. 모든 사용자를 대..

UX이론 기초파트 Chapter 3. 모델링3-1 사용자 여정 지도(User Journey Map)User Journey Map사용자가 과업을 수행하는 동안하는 행동, 느끼는 감정 그리고, 상호작용하는 접점을 시간순서로 정의한 것, 프로젝트의 성격이나 목적에 따라 자유롭게 만든다. 이를 통해 알 수 있는 것 사용동기, 시작점, 행동, 감정, 도구, 시간 장점 - 팀원 및 이해관계자들(Stakeholders)의 공통된 이해를 돕는다. - 디자인 의사결정의 주요 기준이 된다. - 기회 요인(Opportunity)과 문제점(Problem)을 도찰할 수 있고 특히 선후 관계를 파악할 수 있다. - 사용자가 우리 제품을 어떻게 수용하고 있는지 쉽게 파악 할 수 있다. - 타 부서와의 협업에 매우 유용한 자료가 된..

UX이론 기초파트 Chapter 2. 사용자 조사 2-1 사용자 조사 방법 사용자조사란? 우리의 사용자가 우리의 제품을 어떻게 사용하고, 이해하고, 어떤 감정을 느끼는지 종합적으로 조사하는 것 목적과 환경에 따라 다양한 사용자 조사방법론을 활용하여 사용자의 드러나는 사용 행태와 비언어적인 요구 사항을 도출해내는 조사 Q. 내부 직원도 해당 제품의 사용자니 당장의 사용자 조사보다는 우리 내부에서 경험만으로 충분하지 않나? 지금 시점에 하기에는 시간도 돈도 너무 많이 들어! 제품을 다 만들고 테스트할 때에만 외부 사용자들에 대해 조사해도 될 것 같은데? A. 내부직원은 이해관계자로서 타사 서비스에 대해 느끼는 감정이 일반 사용자와 같을 수 없어. 일반 사용자가 느끼는 사용경험과 그들이 갖고 있는 공통적 생각..

드디어 첫 강의 시작이다! UX이론 기초파트 Chapter 1. UX 디자인의 기본개념 1-1 UX 디자인이란 기본 업무 User Research / Interaction Design / Service Design 목표 UX에 대해서 내가 뭘 알아야 되는지 아는 디자이너가 되기 UX디자인의 정의는 다양하다 비즈니스에서의 UX디자인의 목표는 유용성과 동시에 만족스러운 사용경험을 제공하여 고객의 만족과 충성도를 높이는 것이다. By a study from the Oxford Journal Interacting With Computers 만약 UX가 사용자가 제품을 사용하는 경험이라면, UX디자인은 그 경험이 어떻게 될 것인지를 디자인하는 것이다. By Laura Klein / Lean start up "사용..

프리스쿨 Image box 20230602 배너나 프로모션등에 이미지영역과 텍스트영역을 크게 구분하여 사용 콘텐츠의 성격에 따라 사이즈, 위치를 지정하여 통일감을 부여 * 해당 배너와 유사한 배너 제작 시 가이드를 만든 이미지 영역을 사용하여 통일감 있게 만듦 * '가이드화 한다.' -> 어디까지를 이미지 영역으로 쓸 것인가에 대한 정의가 필요 * 최대 글자줄수를 고려한 이미지 가이드 * 좌측 마진값은 고정으로 두지만 우측 마진은 유동적이다. 그래도 좌측 마진값만큼 넘게 텍스트 추가를 하진 않는 편 위 작업물이 바로 세줄까지 작성할 때를 대비해서 만든 이미지 가이드와 그 결과물이다. [실무팁] 이미지영역과 텍스트가 오버랩이 되게 제작할 때도 있긴 있으나 후속 디자인을 위해 협의가 필요하다. [유의] 배경..

오늘 OT를 했다. 우수수강생에 꼭 들고 싶다. 지원 범위가 넓어지는 것도 욕심이 나지만, 그런 성과를 얻기까지 일상생활에서 좀 더 쉬고 싶고 놀고 싶은 마음을 다잡는 수단이 될 수 있을 것 같다. 인생을 살면서 이렇게 나를 통제해 보는 시간도 있어야 된다고 생각한다. 생각해 보면 학교 다닐 때도 성적을 잘 받고 싶고, 그 과정과 결과가 즐거워서 열심히 했던 기억이 있다. 그때 내가 친구와 더 시간을 보내지 못했다거나 하지도 않았던 것 같다. 그런 생활이 익숙했고, 내게 앞으로 남은 학습량을 어떻게 분배해야 할지 알고 있었기 때문에 노는 것을 마다한다거나 하는 일은 없었다. 그런데 그 사이 나는 많이 변했나보다. 긴 나태의 터널을 지나 다시 예전처럼 새로운 환경에 적응해서 바빠진 일상 속에서 여유 시간을..

프리스쿨 Tab 20230601 페이지 내 유사한 정보를 그룹핑하여 콘텐츠를 정리할 때 사용 여러 섹션을 신속하게 전환할 수 있게 함 탭이 표현하는 정보의 볼륨에 따라 뎁스라는 위계가 생기며 해당위계를 탭에도 시각적으로 표현 하위뎁스가 상위뎁스 위로 표현되는 것을 권장하지 않음 * 상위뎁스(Depth)에서 하위뎁스로 갈수록 볼륨감이 적어짐 * 뎁스 간 차이를 둘 것 * 같은 뎁스라도 활성화인지 비활성화인지에 따라 폰트 무게감에 차이를 주기도 한다. [실무팁] 각 메뉴의 on(활성화)/off(비활성화) 버전을 동일하게 만들어 준다. 요소 간 간격은 짝수로 하는 것이 좋다. [유의] 아이콘을 만들 시 가이드 도형을 삽입해서 간격을 균형 잡는다. [나의 생각] 강의는 40분이 채 안 되는데 디테일을 강사님과 ..