디자인 기록

📌 카카오톡 화면 분석하기 ◾ 화면 구조 분석 → 디자인 원칙 기반 분석 → 개선점 찾기 순서로 분석해 보세요 ◾ 좋은 사례 2개와 나쁜 사례 2개, 총 4개의 사례를 찾아서 디자인 원칙에 근거하여 작성해 보세요. ◾ [심화] 개선점 1개 이상 찾기

📌 디자인씽킹과 디자인 가이드라인을 활용해 프로덕트의 문제를 정의하고 솔루션을 도출해 봅니다. ⭐다음의 과정을 각각 이해하고 설정할 수 있어야 합니다. 문제 발견 → 가설 설정 → 아이데이션 → 솔루션 설계 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스퀘..

📌 게슈탈트 심리학에서 3가지를 골라 실제 사례를 찾아보세요. 1. 근접성의 원리(가까운 것끼리 묶어서 지각하려는 경향), 유사성의 원리(크기나 형태, 방향, 색 등의 특성이 비슷한 것끼리 묶어서 지각하려는 경향) 2. 폐쇄성의 원리 : 공백이 있더라도 틈이나 간격을 메워서 닫힌 형태로 인식하려는 경향 → 비어있지만 아이콘을 명확하게 인식할 수 있다. 3. 연속성의 원리 : 연속적으로 직선이나 곡선을 이루는 요소를 잘 인지하는 경향 → 직선형태로 글자를 배치해서 글자가 많지만 정돈 된 느낌을 준다. 📌 UX 비주얼 디자인 원칙에서 3가지를 골라 실제 사례를 찾아보세요. 1. 시각적 위계 → 색상으로 중요한 부분에 시선이 가도록 강조하였다. 2. 균형 - 비대칭 → 정보를 비대칭으로 배치하여 역동적인 느낌..

📌 피그마로 간단한 프로토타입 만들어보기

📍 뱅크샐러드의 회원가입/로그인 과정에서 휴대폰 본인인증 화면에 대한 QA를 한다고 가정하고 숙제 테스트 케이스 작성하기 화면 조건 테스트 케이스 입력 값 기댓값 테스트 환경 휴대폰 본인인증 이름입력 정상 모든 텍스트 필드에 정상 값 입력 이름 : '김뱅샐' 이름이 전체가 화면에 표시된다. iOS 휴대폰 본인인증 이름입력 에러 형식에 맞지 않는 이름 입력 이름 : '글자 수를 엄청 엄청 길게 쓸 때엔 어떻게 보여' 긴 이름이 말줄임 표시로 표시되고 지울 수 있는 x아이콘 생성 iOS 통신사 선택 정상 통신사 선택버튼 터치 SKT 하단 모달 팝업 생성 iOS 인증요청 정상 이름, 주민등록번호, 휴대폰번호 입력 이름 : '김뱅샐' 주민등록 앞자리 : 120630-1****** 휴대폰번호: skt, 010-1..

📌 스카이스캐너 앱의 홈 화면을 디자인씽킹 프로세스를 활용해 개선 아이디어를 도출해 보세요. 각각 다음과 같은 방법론을 사용해 봅시다. 1단계 공감하기에서는 공감지도 (Empathy Map) 2단계 문제 정의하기에서는 5 whys 3단계 아이디어 도출하기에서는 SCAMPER 1단계 : 공감하기(공감지도_Empathy Map) 2단계 문제 정의하기 : 5Whys 3단계 아이디어 도출하기 : SCAMPER

▷ 배달의 민족 앱 프로세스 인디케이터 (Progress indicators) 📌 IOS 가이드라인 https://developer.apple.com/design/human-interface-guidelines/progress-indicators 앱이 콘텐츠를 로드하거나 시간이 오래 걸리는 작업을 수행하는 동안 앱이 정지되지 않았음을 사람들에게 알려줍니다. 작업 기간은 알려져 있거나 알려지지 않았으므로 두 가지 유형의 진행률 표시기가 있습니다. - 가능하다면 확실한 진행률 표시기를 사용하세요 - 확정된 진행 지표로 발전 상황을 보고할 때는 최대한 정확하게 작성하세요 - 사람들이 어떤 일이 계속해서 일어나고 있음을 알 수 있도록 진행률 표시기를 계속 움직여보세요. - 가능하다면 진행률 표..