UXUI디자인 입문과정 과정 강의 수강 및 정리 가장 중요한 내용은 디자인씽킹 5단계와 디자인 심리원칙이다. 📌 공감하기(AEIOU, 공감지도_Empathy Map, 인터뷰), 문제 정의하기(5 Whys), 아이디어 발산하기(HMW, SCAMPER, 브레인스토밍, SCAMPER), 프로토타입 만들기(Lo-fi-Low fidelity와 Hi-fiHigh fidelity), 테스트하기(사용성 테스트, 휴리스틱 평가, 린캔버스, 역할극) 📌 디자인 원칙 3가지 ◾ 게슈탈트 심리학(유사성의 원리, 근접성의원리, 폐쇄성의 원리, 연속성의 원리, 공통성의 원리), ◾ UX비주얼디자인원칙(스케일, 시각적위계, 균형, 대비) ◾ UX/UI 심리학법칙(제이콥의법칙, 피츠의법칙, 힉의법칙, 밀러의법칙, 포스텔의법칙, 피크..
개인과제 _ 11번가 App 문제 정의, 솔루션 도출
📌 디자인씽킹과 디자인 가이드라인을 활용해 프로덕트의 문제를 정의하고 솔루션을 도출해 봅니다. ⭐다음의 과정을 각각 이해하고 설정할 수 있어야 합니다. 문제 발견 → 가설 설정 → 아이데이션 → 솔루션 설계 https://www.figma.com/file/bXRcKPW0SOjLJQISOsTQ5C/%5BA10%EC%A1%B0%5D-%EB%94%94%EC%9E%90%EC%9D%B8%EC%9E%85%EB%AC%B8-%EA%B0%9C%EC%9D%B8_%EC%B5%9C%EB%91%90%EC%98%88?type=design&node-id=0%3A1&mode=design&t=QAYv1q1dY6BBK59E-1 Figma Created with Figma www.figma.com 11번가 주요 이슈 ◾ 최대주주 SK스퀘..
2주차 3_TIL UXUI 디자인 입문
📌강의 FDF 복습 : ◾ 디자인 씽킹 5단계 - 공감하기(AEIOU, 공감지도_Empathy Map, 인터뷰), 문제 정의하기(5 Whys), 아이디어 발산하기(HMW, SCAMPER, 브레인스토밍, SCAMPER), 프로토타입 만들기(Lo-fi-Low fidelity와 Hi-fiHigh fidelity), 테스트하기(사용성 테스트, 휴리스틱 평가, 린캔버스, 역할극) ◾ 게슈탈트 심리학 - 유사성의 원리 - 근접성의 원리 - 폐쇄성의 원리 - 연속성의 원리 - 공통성의 원리 ◾ UX 비주얼 디자인 원칙 - 스케일 Scale - 시각적 위계 Visual hierarchy - 균형 Balance - 대비 Contrast ◾ UX/UI 심리학 법칙 - 제이콥의 법칙 - 피츠의 법칙 - 힉의 법칙 - 밀러의..
5주차 강의숙제 _ 디자인 원칙의 실제 사례 찾아보기
📌 게슈탈트 심리학에서 3가지를 골라 실제 사례를 찾아보세요. 1. 근접성의 원리(가까운 것끼리 묶어서 지각하려는 경향), 유사성의 원리(크기나 형태, 방향, 색 등의 특성이 비슷한 것끼리 묶어서 지각하려는 경향) 2. 폐쇄성의 원리 : 공백이 있더라도 틈이나 간격을 메워서 닫힌 형태로 인식하려는 경향 → 비어있지만 아이콘을 명확하게 인식할 수 있다. 3. 연속성의 원리 : 연속적으로 직선이나 곡선을 이루는 요소를 잘 인지하는 경향 → 직선형태로 글자를 배치해서 글자가 많지만 정돈 된 느낌을 준다. 📌 UX 비주얼 디자인 원칙에서 3가지를 골라 실제 사례를 찾아보세요. 1. 시각적 위계 → 색상으로 중요한 부분에 시선이 가도록 강조하였다. 2. 균형 - 비대칭 → 정보를 비대칭으로 배치하여 역동적인 느낌..
2주차 2_TIL UXUI 디자인 입문
제품팀이란 📌 제품팀이란 ◼ 제품을 만들기 위해 각자 다른 전문적인 능력을 갖춘 사람들이 모인 팀 ◼ 제품관리자(PO,PM) 1명, 디자이너 1명, 엔지니어 2명이 최소조건 📌 목적조직 = 제품팀과 같다 = 스쿼드, 사일로 ◼ 목적을 달성하기 위해 다양한 직무의 사람들이 모인팀 ◼ ex) 대출, 카드팀, 예/적금팀, 기획자·디자인 ·개발자 등이 포함 📌 기능조직 ◼ 유사한 직무끼리 구성된 팀 ◼ ex) 기획팀, PO/PM팀, 디자인팀 : 각자의 전문 분야에 깊이 논의할 수 있다. 전문성 높일 수있다. →회사에 따라서 목적조직을 만들지 않고 기능조직만 만든 상태에서 필요시에만 목적조직을 만드는 경우도 있다. 📌 매트릭스 조직 = 기능조직과 목적조직의 장점을 모두 가져간다. ◼기능조직과 ..
3주차 강의숙제 _ 테스트케이스 작성하고 디자인 QA로 발견한 이슈 공유
📍 뱅크샐러드의 회원가입/로그인 과정에서 휴대폰 본인인증 화면에 대한 QA를 한다고 가정하고 숙제 테스트 케이스 작성하기 화면 조건 테스트 케이스 입력 값 기댓값 테스트 환경 휴대폰 본인인증 이름입력 정상 모든 텍스트 필드에 정상 값 입력 이름 : '김뱅샐' 이름이 전체가 화면에 표시된다. iOS 휴대폰 본인인증 이름입력 에러 형식에 맞지 않는 이름 입력 이름 : '글자 수를 엄청 엄청 길게 쓸 때엔 어떻게 보여' 긴 이름이 말줄임 표시로 표시되고 지울 수 있는 x아이콘 생성 iOS 통신사 선택 정상 통신사 선택버튼 터치 SKT 하단 모달 팝업 생성 iOS 인증요청 정상 이름, 주민등록번호, 휴대폰번호 입력 이름 : '김뱅샐' 주민등록 앞자리 : 120630-1****** 휴대폰번호: skt, 010-1..