본문 바로가기

전체 글143

디자인 입문 강의 3주차 숙제(테스트케이스 작성, 디자인 QA 이슈 공유) 이번 숙제는 뱅크샐러드 앱의 회원가입/로그인 과정에서 휴대폰 본인인증 화면에 대한 QA를 한다는 가정하에 테스트케이스를 작성하고, 튜터님께서 제공해 주신 디자인 QA 예시로 발견한 이슈를 공유하는 과정과, 엔지니어에게 발견한 이슈를 글로 공유하는 연습을 하는 숙제이다. 이번에도 숙제를 하기에 앞서 테스트케이스와 디자인 QA에 대해 먼저 정의를 하려고 한다. UX/UI 디자이너는 제품팀, 엔지니어, PM, 개발자 등 여러 분야의 사람들과 협업을 하며 일을 한다. 제품에 문제가 생겨 수정사항이 필요할 때 다른 팀에게 자료를 넘겨주는 과정이라 매우 중요하다. 이미지로 제공하는 부분도 중요하고 글로 공유하는 부분도 매우 중요하다. 이번 숙제는 이런 과정을 연습하는 숙제이다. QA란? Quality Assura.. 2024. 2. 27.
디자인 입문 강의 2주차 숙제(디자인씽킹을 통한 스카이스캐너 개선 아이디어) 이번 숙제는 공감하기, 문제 정의하기, 아이디어 발산하기 단계를 이용해 스카이스캐너 앱의 홈 화면을 개선해 보는 과제이다. 공감에서는 Empathy Map, 정의에서는 5 whys, 아이디어 단계에서는 Scamper를 사용한다. 본격적으로 시작하기에 앞서 Empathy Map, 5 whys, Scamper에 대해 먼저 정의해보려 한다. 디자인씽킹이란? 논리적으로 제품을 만들 수 있도록 도와주는 프레임워크 중 하나 디자인씽킹의 단계 설명 팀빌딩->공감하기->문제 정의하기->아이디어 발산하기->프로토타입 만들기->테스트하기 디자인씽킹의 "공감하기" 단계란? 인터뷰나 관찰 등의 다양한 방법으로 사용자와 공감대를 맞추고, 그들의 경험을 완전히 이해하기 위한 노력을 하는 단계이다. 회사는 제품을 만들고, 사용자가.. 2024. 2. 27.
디자인 입문 강의 1주차 숙제(자주 사용하는 앱 UI 분석) 내가 요즘 자주 쓰는 슬랙 앱 화면의 UI를 연구해 보았다. 첫번째 찾은 UI는 글쓰기 버튼이다. Floating action buttons (플로팅 작업 버튼) 화면에서 가장 일반적이거나 중요한 작업에는 FAB를 사용합니다. FAB의 아이콘이 명확하고 이해하기 쉬운지 확인합니다. 콘텐츠가 스크롤될 때 FAB가 화면에 유지되도록 합니다. 세 가지 크기: 작은 FAB, FAB, 큰 FAB 다음과 같은 작업에는 FAB를 사용하지 마세요. 보관처리 또는 휴지통 경고 또는 오류 텍스트 자르기와 같은 제한된 작업 도구 모음에 더 적합한 컨트롤(예: 볼륨 또는 글꼴 색상을 조정하는 컨트롤) Meterial Disign 사이트에서 제시하는 FAB의 요건 FAB 는 Container 과 Icon 으로 이루어져 있다. .. 2024. 2. 27.
02.26.24 TIL* (계획이 틀어지면 화가 나는 사람) 오늘 어떤 문제가 있었나요? 오늘부터 제공된 강의의 이름이 1주 차~ 6주 차라고 쓰여있어 당연히 6주짜리 코스인 줄 알고 천천히 복습을 여러 번 할 계획을 세우고 있었는데, 팀원분과 대화 중 노션과 엑셀 스케줄에는 다른 일정으로 쓰여있다는 걸 깨달았다. 알고 보니 강의의 이름만 1주에서 6주 차로 되어 있을 뿐 스케줄 자체로는 강의들을 2주 안에 마무리해야 하는 셈이었다. 이미 미니 프로젝트를 하며 노션에 중구난방 했던 내용으로 인해 화가 나 있던 차였기 때문에 이번에는 더 화가 났다. 저 강의 이름 바꿔놓는 게 뭐가 어렵다고 이걸 안 해주는 거지? 내가 이 캠프를 믿어도 되는 거 맞아? 부정적인 생각들과 감정들이 온몸을 뒤덮었다. 문제 해결을 위해 어떤 시도를 해봤나요? 문제 해결을 위해 매니저님께 .. 2024. 2. 26.
02.19-02.23.24 WIL 이번 일주일 동안 있었던 일, 내가 한 일 (Fact) 일주일 동안 미니 프로젝트를 진행하였다. 자출해서 팀장이 되었고 팀원들과 소통을 하며 자기 소개 페이지를 만드는 시간을 보냈다. 팀원들과의 소통, 협업을 중요하게 생각하며 프로젝트를 열심히 진행했다. 나의 감정적인 반응, 느낌 (Feelings) 사실 캠프측에서 제시해 준 가이드라인이 정확하지 않아서 프로젝트 진행에 난황을 겪었고, 프로젝트는 열심히 작업했지만 프로젝트가 마무리 되고 굉장히 허무해졌다. 그 상황으로부터 내가 배운 것, 얻은 것 (Findings) 가이드라인이 정확하지 않았음에도 팀원들과 적극적으로 소통하며 프로젝트를 열심히 진행한 것. 그로 인해 피그마 사용법에 대한 이해도가 매우 높아졌다. (물론 컴포넌트는 더 공부해야 하지만) 배.. 2024. 2. 23.
미니 프로젝트 팀 KTP 현재 만족하고 있는 부분 소통이 잘 되었다 앞으로도 다함께 소통을 하면 좋겠다 불편하게 느끼는 부분 내배캠에서 주시는 과제 전달 방식의 문제 젭과 피그마 함께 돌리는게 너무 버겁다 해결책 피그마를 껐다 킨다 (하지만 오래가지 않는다) 다 같이 카톡방을 만들어서 빠르게 소통했다. 2024. 2. 23.

티스토리툴바