ui 16

[디자인부트캠프] Day44 l AI와 디자인 프로세스

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 44일차입니다.44일차에는 AI를 활용한 디자인프로세스에 대해 배우는 시간이었습니다!1) 디자인 프로세스란?UX/UI 디자인은 단순히 화면을 예쁘게 만드는 것이 아니라, 사용자의 요구를 반영하고, 편리한 인터페이스를 제공하여 최적의 경험을 만드는 체계적인 과정이다.즉, 디자인을 통해 사용자의 문제를 해결하고, 제품이나 서비스가 더욱 효과적으로 작동하도록 만드는 것이다.1️⃣ 문제 정의 (Problem Definition)디자인을 시작하기 전에 먼저 해결해야 할 문제를 정의한다.사용자와 비즈니스의 요구 사항을 분석하여 디자인의 목표를 설정한다.예: "사용자들이 앱에서 원하는 제품을 쉽게 찾지 못하는 문제가 있다."2️⃣ UX 리서치 (UX Research..

[디자인부트캠프] Day39 l 데이터 시각화

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 39일차입니다.39일차에는 데이터 시각화에 대해 배우는 시간이었습니다! 1) 데이터 시각화가 중요한 이유💡 "숫자는 많은데, 도대체 이게 무슨 의미일까?"📊 스타트업 대표 민수 씨의 고민민수 씨는 최근 마케팅 성과를 분석하기 위해 데이터 팀에 보고서를 요청했습니다."우리 광고 성과가 잘 나오고 있는지 확인하고 싶어요!"📅 일주일 뒤, 데이터 팀에서 마케팅 성과 보고서가 도착했습니다.📂 보고서를 열어본 순간...📊 엑셀 시트 가득한 숫자들, 끝없는 표, 한 줄 한 줄 읽어야만 이해할 수 있는 텍스트 😵📉 광고 성과가 좋은 건지 나쁜 건지, 중요한 패턴이 무엇인지 한눈에 알 수 없다.민수 씨는 혼란스러웠습니다.👨‍💼 민수 씨의 고민:✔ "광..

[디자인부트캠프] Day38 l 데이터 정리와 분석

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 38일차입니다.38일차에는 저번 시간 얻은 데이터들을 토대로 데이터 정리와 분석에 대해 배우는 시간이었습니다! 1) 데이터 분석이 중요한 이유💡 "고객이 많아지면 매출도 늘어날 거라 생각했다…"스타트업 대표 민수 씨는 6개월 전부터 온라인 쇼핑몰을 운영하고 있습니다.제품 퀄리티도 좋고, 광고도 적극적으로 집행하고 있는데…📉 방문자는 많은데, 구매율이 낮다.📉 어떤 고객층이 가장 가치를 창출하는지 모른다.📉 광고비를 어디에 더 투자해야 할지 모른다."이상하다. 마케팅 예산을 늘렸는데 왜 매출이 기대만큼 오르지 않을까?"민수 씨는 고민에 빠졌습니다.👨‍💼 민수 씨의 고민:✔ "고객의 행동 패턴을 분석해서 맞춤 전략을 수립할 수 없을까?"✔ "우리..

[디자인부트캠프] Day37 l 데이터와 그로스해킹

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 37일차입니다.37일차에는 데이터와 그로스해킹에 대해 분석하는 시간이었습니다!1) 데이터를 추적하는 방법💡 "고객들은 왜 우리 사이트를 떠날까?"📌 스타트업 대표 민수 씨의 고민민수 씨는 최근 이커머스 웹사이트를 운영하면서 많은 광고비를 투자했습니다.그런데…📉 방문자는 많은데, 구매로 이어지지 않는다.📉 고객들이 장바구니에 물건을 담고 그냥 떠난다.📉 어떤 채널이 가장 효과적인지 모른다.👨‍💼 민수 씨의 질문:✔ "어떤 경로에서 고객이 유입되는지 알고 싶다."✔ "어디에서 고객이 많이 이탈하는지 파악하고 싶다."✔ "구매까지 이어지게 하려면 어떻게 해야 할까?"➡ 이 질문에 대한 답을 찾기 위해, 우리는 데이터를 추적해야 한다! 📌 1️⃣..

[디자인부트캠프] Day33 l 디자인 핸드오프

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 33일차입니다.33일차에는 디자인 핸드오프에 대해 배우는 시간이었습니다! "완벽했던 디자인, 그런데 왜 이렇게 나왔죠?" 👩‍🎨 주인공: 지혜 – 5년 차 UX/UI 디자이너👨‍💻 개발자: 민수 – 신입 프론트엔드 개발자지혜는 한 달 동안 열심히 작업한 모바일 쇼핑 앱 디자인을 개발팀에 넘겼습니다.Figma에서 예쁘게 정리된 프로토타입과 스타일 가이드도 함께 전달했죠.며칠 후, 개발이 거의 완료되었다는 소식을 듣고 기대에 찬 마음으로 결과물을 확인했는데… 😨 "어…? 내가 디자인한 거랑 완전 다른데?"버튼 크기가 다르고 색깔도 이상함간격이 뒤죽박죽인터랙션 애니메이션이 누락됨모바일 반응형이 엉망지혜는 당황해서 개발자인 민수에게 물었습니다.🗣️ ..

[디자인부트캠프] Day32 l UI 화면 디자인 프로토타입

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 32일차입니다.32일차에는 프로토타입에 대해 배우는 시간이었습니다!1) 프로토타입이란?✅ 프로토타입이란?웹사이트나 앱을 실제처럼 미리 체험할 수 있게 만든 것개발 전에 UI/UX를 테스트하는 용도로 사용클릭 가능한 화면을 만든다고 생각하면 됨✅ Figma에서 프로토타입을 만드는 이유디자인만 보는 게 아니라 직접 눌러볼 수 있음개발자와 협업할 때 설명하기 쉬움사용자가 직접 체험하면서 피드백을 받을 수 있음2) 프로토타입 만들기 – 기초 3) 프로토타입에 애니메이션 추가하기✅ 1) 화면 전환 효과 적용하기버튼을 눌렀을 때 부드럽게 화면 전환기본 설정: Instant → Dissolve (부드럽게 사라지기)✅ 2) 스마트 애니메이트 사용하기스마트 애니메이트(..

[디자인부트캠프] Day24 l UX 리서치 준비

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 24일차입니다.24일차에는 전날 23일에 배운 UX 방법론을 토대로 리서치를 준비하는 시간이었습니다!😊- UX 리서치 준비 단계의 중요성1. 목적에 맞지 않은 사용자를 모시면 인사이트를 얻지 못할 수 있다. 2. 조사의 목표를 달성하기 위해서는 타깃을 정밀히 조준해야 한다. 3. 질문지 준비가 완료되면 파일럿 테스트를 필수적으로 진행해야 한다.- 리서치 대상 선정이 제품/서비스 개선에 미치는 영향1. 리서치 대상을 잘못 선정하면 제품과 서비스 개선에 부정적인 영향을 미칠 수 있다. 2. 잘못된 대상 선정의 영향 리서치와 맞지 않는 대상자를 선정하면 질문이 이어지지 않거나 의미 없는 답변만 나올 수 있다. 3. 리서치 대상을 잘못 선정하면 제품과 서비스..

[디자인부트캠프] Day22 l UX리서치 기본 개념과 유형 01

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 22일차입니다.22일차에는 드디어 UI를 끝으로 UX를 배우는 시간이었습니다!😊하지만 UX를 더 어려워 하는 저에게는 자신이 잘 없네요 🥹 1) UX 리서치의 개요- UX 용어 탄생: 1993년 애플 컴퓨터의 부사장으로 재직하던 도널드 노먼이 자신의 직함으로 'User Experience Architect(사용자 경험 건축가)'라는 호칭을 사용하면서부터 UX가 대중적으로 알려지게됨 - UX 리서치란 무엇인가?사용자 경험을 향상시키기 위해 사용자의 행동, 요구, 동기 등을 조사하는 과정제품/서비스와 사용자 간의 상호작용을 이해하고 개선하는 데 목적이 있음사용자 조사는 인터뷰, 설문 조사, 사용성 평가 및 기타 형태의 피드백 방법론을 통해 사용자 행동,..

[디자인부트캠프] Day21 l UI디자인 실전 02

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 21일차입니다.21일차에는 UI 디자인 프로세스 개요를 배우는 시간이었습니다!😊20일차는 졸업식 참석 관계로 수업을 듣지 못해서 빠른 시간내에 듣도록 하겠습니다! 1) UI 디자인 프로세스 개요- UI 디자인의 정의 및 중요성사용자 인터페이스(UI)의 역할과 사용자 경험(UX)과의 관계  사용자 인터페이스(UI)의 역할과 사용자 경험(UX)과의 관계  - UI 디자인이 제품 성공에 미치는 영향사용자 만족도 향상: UI 디자인으로 사용자가 제품을 쉽고 편리하게 사용할 수 있도록 하면 고객 만족도가 높아집니다. 재방문율 증가: 고객 만족도가 높아지면 재방문율이 증가합니다. 긍정적인 구전효과: 고객 만족도가 높아지면 긍정적인 구전효과가 유도됩니다. 제품 성..

[디자인부트캠프] Day17 l 피그마 ADVANCED 03

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 17일차입니다.17일차에는 디자인 스타일 고도화 개요, 고급 그래픽 디자인 기술, Figma 플러그인 소개 및 실습에 대해 배우는 시간이었습니다!😊 1) 디자인 시스템이란?디자인 시스템: 디자인과 코드의 일관성을 유지하기 위해 정의된 가이드라인과 컴포넌트 라이브러리예시: Google Material Design, Apple Human Interface Guidelines  - 디자인 시스템의 필요성일관성 유지 : 여러 디자이너가 참여해도 동일한 스타일 유지협업 강화 : 개발자, 기획자와의 소통이 쉬워짐유지보수 효율화 : 수정 사항을 한 번에 반영 가능- 디자인 시스템 vs 스타일 가이드디자인 시스템: 시각적 요소 + 기능적 요소(컴포넌트, 인터랙션) ..