공부

UIUX 수업이 끝난 후, 본격적인 작업 프로세스 및 협업에 대해서 배우는 시간을 가졌다.어찌보면 UIUX 학부 프로젝트는 많이 진행했지만 실무를 접해보지 못한 나 같은 교육생에겐 더 없이 이로운 시간이 아니었나 생각한다. 오즈코딩스쿨의 32~33일차 수업 리뷰를 짧게 올려보고자 한다. 32일차 : 프로토타입의 기본과 심화까지 협업을 위해서 디자이너가 개발자에게 전달해주는 것이 바로 프로토타입이다.또한, 실제 사용자들에게 User Test 를 진행할 때에도 유용하게 활용하는 것이 바로 프로토타입이다.나 역시도 프로젝트를 진행하며 사용자 테스트를 위해 디자인 프로토타입을 만들어본 경험이 있었다. 따라서 프로토타입의 기본 요소들을 배우고, 프로토타입을 실제로 실습 자료에 적용해보는 시간을 가졌다. 프로..

아이디에이션데스크리서치의 기본틀은 다음과 같다. How Might We (HMW)'우리가 어떻게 하면 ~ 할 수 있을까?' 의 질문 형태로 되물은 다음, 아이디어를 쉽게 떠올릴 수 있게 하는 방법UX 리서치 단계에서 문제 정의 -> 아이디어 발산 단계로 쓴다.중요한 점은 '문제가 분명'하고, '해결책은 열려'있어야 한다는 것!! 구조: How Might We + 사용자 + 원하는 행동/상태 + 맥락우리가 어떻게 하면 [사용자]가 [상황]에서 [목표]를 더 잘할 수 있게 만들까? 인터뷰 단계에서 세웠던 '가설' 중 검증이 된 것에 대해 HMW 기법을 쓰면 좋은 아이디어가 나올 것 같다. EX)우리가 어떻게 하면 사장님이 채팅 중 중요한 고객 정보를 더 쉽게 기억하게 할 수 있을까? ANSWER)사장님..

오즈코딩스쿨에서 별도로 진행하는 심화반 커리큘럼에 참여하게 되었다.현업에 계신 멘토님께서 프로젝트를 직접 봐주실 수 있는 좋은 기회라고 생각하여, 평소에는 해보기 어려운 B2B 웹 서비스를 개선해보고자 당근 비즈니스를 채택했다. , , , 당근 비즈로 프로필을 만드는 것은 어렵지 않았다. 여러 비즈니스 서비스들은 사업자 계정을 요구하기 때문에 내부의 UI 화면을 보는 것부터가 장벽인 경우가 많기 때문이다. 그런 점에서 당근 비즈니스는 경쟁사에 대한 인사이트를 얻는 것도 쉽지는 않았다. . . . 비즈니스에 대해 우리 팀에서 파악하고자 타서비스와의 차별점, 타서비스들의 BMC를 분석해가면서, 당근 비즈니스의 문제점 / 차별점 / 개선 방향에 대해 한참을 정의해싸. 며칠에 걸친 회의 끝에 우리는 여러 ..

오즈코딩스쿨 부트캠프에서 배운 여러 방법론들을 개인적으로 진행중인 프로젝트에 적용해보았다.내가 분석하고자 한 서비스는 영리 목적이 강하지 않으며, 비교적 간단한 구조를 가지고 있어 깊은 분석이 진행되지는 않았지만 개선 방향을 다시 점검하는데에 좋은 리소스가 될 수 있었다. SWOT 분석의 내용과 정리 내용 BMC 분석의 내용과 정리 내용특별히 두 개로 나눠서 분석을 해보았다. 개선 전 / 후의 BMC .모델이 조금 달라질 수 있는 부분들이 보여서 푸른 색으로 따로 표기를 해두었다. 경쟁사들과, 시장 내에서 비교 해 보았을 때 디그만의 차별점이 뾰족하게 만들어질 수 있도록 개선 방향을 잡아두었기에, 어떻게 향상 될 수 있는지를 한 눈에 나타내기 좋았다. STEEP 분석 정리 내용앱의 운영 자체에 ..

경쟁사 조사 정리 방법 / MVP 서비스 사례 / 인사이트 분석 방법 더블 다이아몬드 프로세스에서데스크리서치와 필드 리서치가 끝난 후, 인사이트를 도출하는 과정에서 가장 많이 쓰이는 Affinity Diagram은 Define 단계입니다. 하나의 방향으로 정리되는 것이 아니라, 각각의 방향으로 흐트러져 있다. 1. 경쟁사 조사- 우리 서비스를 객관적으로 바라본다.- 서비스의 강점 / 약점을 파악하고 나아갈 방향성을 모색 목적- 시장에서 통용되는 사용성 (멘탈모델)을 발견하기 위해- 우리 서비스의 사용성을 개선하기 위해- 목표를 발견하고 집중하기 위해- 서비스가 시장 어디쯤에 있는지 파악하기 위해 - 우리 서비스가 대중적인지 / 전문적인지- 경쟁사의 강점과 약점을 알기 위해- 우리 제품의 장단점을..

새로이 UX 파트에 진입하였다. 1~2일차에는 방법론에 대해서,3일차부터는 활용방안에 대해서 배웠다. (DAY 23) 오늘은 크게 3개의 섹션으로 나누어, UX 리서치를 준비하는 방법에 대해 알아보았다.첫시간은 필드리서치의 정의 / 두번째 시간은 필드리서치 중에서도 심층인터뷰에 대해서 / 마지막 시간은 스크리닝 질문설계에 대해 배웠다. || Discover 필드리서치 Field Research의 정의Desk Research는 전반적인 문제점을 파악하는 것이라면, 필드리서치에서 가장 많이 사용되는 정성(In-Depth-Interview) 정량(Survey)는 Discover 단계입니다.제기된 이슈들에 대해 실제 사용자들의 경험을 UX 경험 요소 단위로 파악하는 작업. 설문조사심층 인터뷰관찰조사의견, ..

정말 정신없는 2주가 흘러갔다.배운 내용을 복습 포스트로 꾸준히 올리고 싶었는데, 생각보다 쉽지 않았다. 피그마에는 아직 모르는 기능이 많았고, 컴포넌트 구조를 잡거나 레이어 순서를 정리하다 보면 예상보다 시간이 훨씬 오래 걸렸다.와이어프레임은 비교적 빠르게 그릴 수 있었지만, 디자인 작업으로 들어가니 툴을 더 깊게 이해해야 하는 순간이 많았다. 화면을 예쁘게 만드는 것만으로는 부족했고, 나중에 수정하기 쉬운 구조를 만드는 일까지 함께 고민해야 했다.배웠던 이론들은 시간이 날 때 차차 정리해볼 예정이다. 이번 글에서는 우선 새롭게 알게 된 점과 아직 어려웠던 부분을 기록해보려고 한다.1. 새롭게 알게 된 점이번 과정에서 가장 기억에 남는 건 컴포넌트와 인스턴스를 구조적으로 사용하는 방법이었다.Botto..

오즈코딩스쿨의 15일차~16일차 수업을 뒤이어 리뷰한다.배운 순서가 조금 달라서, 통합 리뷰를 하고자 한다. 15~16일차1. 컴포넌트- 메인 컴포넌트와 인스턴스- 프로퍼티의 정의, 종류, 사용법- Figma의 여러 Tip / 주의사항2. 인스턴스 스왑3. Varients (다음 회차에) 메인 컴포넌트와 인스턴스컴포넌트에서 가장 중요한 관계는 Main Component와 Instance의 관계다.- Main component : 원본. 수정 시 연결된 디자인이 함께 변경 된다.- Instance : 원본 컴포넌트를 복사해서 사용하는 요소 작업 속도를 높이고, 일관성 있는 디자인을 만들 수 있다. 컴포넌트를 사용해 실습을 해보았다.여기에서 Constraints 기능을 사용해, 위에 떠있는 팝업을..

오즈코딩스쿨 14, 15일차 리뷰디자인의 4단계 피라미드에 대해 배우고, foundation / variables를 피그마에 직접 적용해보며,마지막으로는 브랜드들의 디자인 시스템마다의 특징을 스스로 분석해보는 시간을 가졌다. 14일차 : 디자인 Foundation, Variables 디자인 파운데이션Design Foundation 디자인 파운데이션은 MVP project 과정 중 UXUI 설계에 해당한다. I. 문제정의- 시장조사- 사용자 리서치- 페인 포인트 도출 II. 아이디어 도출- 브레인스토밍- 개발 우선순위 선정 (mvp 기능 도출) III. UXUI 설계- DESIGN FOUNDATION- 프로토타입 설계 IV. 개발 / QAV. 배포VI. 데이터 검증, 개선 Design Fo..

오즈코딩스쿨의 13일차 수업 리뷰아직 피그마 기초를 다루는 시간이다! Auto Layout 사용해서 반응형 디자인 실습해보기 새롭게 배운 점 (from Grid 실습)- 이미지 내부 설정이 Crop 이 아닌 Fill로 되어 있어야 반응형에 들어갔을 때 자동으로 정렬이 된다. - 그리드에서 오른쪽의 콘텐츠 자동정렬을 해제해야 원하는 대로 디자인을 배열할 수 있다.- 최대 / 최소 넓이를 지정했을 때 반응 새롭게 배운 점 (from Auto layout 실습)- 내부의 Gap은 Auto로, 프레임은 Fill(가로의 경우 w를 Fill, 세로의 경우 h을 fill)로 설정해야 반응형을 했을 때 제대로 늘어난다. Figma Constraints프레임 크기가 달라질 때, 레이어가 어느 방향을 기준으로 유지되..