부트캠프 27

[디자인부트캠프] Day51 l 예제 분석과 활용

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 51일차입니다.51일차에는 좋은 웹사이트 디자인에 대해 배우는 시간이었습니다!🍑 1) 좋은 웹사이트 디자인이란?“여러분이 최근에 가장 인상 깊었던 웹사이트는 어떤 사이트였나요?” 무엇이 좋았나요? (예: 보기 편하다, 간결하다, 깔끔하다 등)그 웹사이트는 왜 그렇게 느껴졌을까요?👀 여기서 “디자인”이라는 것은 겉모습뿐만 아니라 구조, 흐름, 인터랙션의 총합이라는 것을 강조합니다.좋은 디자인의 핵심 3요소정보 구조의 명확함 (시멘틱 구조)디자인 시스템의 일관성 (클래스 활용)사용자 중심의 레이아웃과 타이포그래피예제 1: 좋은 디자인 구조 분석👀 예시 분석 실습CSS Zen Garden하나의 HTML로 다양한 디자인 적용 → 구조는 유지, 스타일만 다..

[디자인부트캠프] Day48 l 디자이너를 위한 HTML 02

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 48일차입니다.48일차에는 어제에 이어 HTML에 대해 배우는 시간이었습니다!1) 시멘틱 태그 & 웹페이지 구조 설계✅ 시멘틱 태그란?HTML을 처음 배울 때 로 모든 구역을 나눴던 기억 있으시죠? 예를 들어 이런 코드입니다✅ 시멘틱 태그란?HTML을 처음 배울 때 로 모든 구역을 나눴던 기억 있으시죠? 예를 들어 이런 코드입니다:로고메뉴본문푸터이렇게 div만 쓰면 컴퓨터 입장에서는 이게 무슨 영역인지 알 수 없어요. “디자인은 잘 보이지만, 의미는 알 수 없는 구조”가 되는 거죠.이 문제를 해결하기 위해 등장한 것이 시멘틱(Semantic) 태그입니다. Semantic은 ‘의미 있는’이라는 뜻이죠.✅ 시멘틱 태그란? 단순히 보이는 구조가 아니라, 각 ..

[디자인부트캠프] Day46 l 디자이너를 위한 개발 지식

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 46일차입니다.46일차에는 개발 지식에 대해 배우는 시간이었습니다! 1) 디자이너에게 개발 지식이 필요한 이유✅ 1. 협업을 위한 기본 소통 능력: “개발자와 일할 일이 없다”고 생각하는 디자이너는 거의 없습니다. 웹, 앱, 그리고 디지털 콘텐츠를 만드는 거의 모든 과정에는 개발자와의 협업이 포함됩니다.하지만 디자인을 아무리 잘해도, 개발자의 입장에서 이해할 수 없는 표현이나 설계가 들어가면 소통 오류가 발생하죠.예를 들어,디자이너가 “이 버튼은 hover 되면 물결 애니메이션으로 반짝이게 해주세요”개발자는 “이게 구현 가능하긴 한데... 성능에 부담되고 반응 속도도 떨어질 것 같은데요?”이런 상황에서 디자이너가 기본적인 개발 지식이 있다면?👉 "아,..

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

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 45일차입니다.45일차에는 AI기반 디자인프로세스 최적화 전략에 대해 배우는 시간이었습니다! STEP 1. 문제 정의 & UX 리서치- 북적북적 앱 소개 및 UX 이슈 예시: 귀여운 북적이와 쌓아보는 독서 기록- ChatGPT 프롬프트 시연: 북적북적 앱의 사용자 리뷰를 기반으로 피드 탐색 UX에서 자주 언급되는 불편한 점 3가지를 정리해줘. - GPT 이외의 ai들퍼플렉시티 : https://www.perplexity.ai/ 젠스파이크 : https://www.genspark.ai/뤼튼 : https://wrtn.ai/제미나이 : https://gemini.google.com/ ‎Gemini - 대화를 통해 아이디어를 강화하세요Bard가 Gemini로..

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

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

[디자인부트캠프] Day43 l AI와 데이터 분석

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 43일차입니다.43일차에는 AI와 데이터 분석에 대해 배우는 시간이었습니다!1. 프롤로그: 직감만으로 UX 디자인을 결정할 수 있을까?서윤은 한 스타트업의 UX/UI 디자이너다. 최근 회사 앱의 이탈율이 높아지고, 사용자들의 불만이 늘어나면서 팀 내부에서 UX 개선이 필요하다는 논의가 시작됐다.팀 리더가 말했다. "우리 앱의 UX가 불편하다고 하는데, 정확히 뭐가 문제인지 데이터로 분석해볼 필요가 있어."하지만 서윤은 고민에 빠졌다. "나는 디자인을 잘할 줄 알지만, 데이터 분석은 익숙하지 않은데…" "UX/UI 디자이너가 데이터 분석을 꼭 해야 할까?"그런데 제품 매니저가 이런 질문을 던졌다. "서윤, 만약 사용자가 버튼을 찾기 어려워서 앱을 떠난다면..

[디자인부트캠프] Day42 l AI와 데스크 리서치

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 42일차입니다.42일차에는 AI 기반 UX 리서치 방법에 대해 배우는 시간이었습니다! - AI를 활용한 UX 리서치의 힘1. 프롤로그: 신입 UX/UI 디자이너 민지의 고민민지는 스타트업에서 UX/UI 디자이너로 일하는 신입이다.첫 프로젝트로, 자사 모바일 앱의 사용자 경험(UX)을 개선하는 작업을 맡게 되었다."우리 앱을 더 사용자 친화적으로 만들려면 뭘 개선해야 하지?"민지는 UX 리서치를 시작하려 했지만, 어디서부터 시작해야 할지 막막했다.기존 방식의 UX 리서치를 떠올려 보니,✔ 사용자 설문조사를 직접 만들어야 하고,✔ 사용자 테스트를 진행하려면 참가자를 모집해야 하며,✔ 경쟁사 분석을 하려면 하나하나 앱을 사용해 보면서 정리해야 했다."이거 다..

[디자인부트캠프] Day41 l 프롬프트 엔지니어링

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 41일차입니다.41일차에는 UXUI디자이너를 위한 효과적인 프롬프트 엔지니어링에 대해 배우는 시간이었습니다! 1) 프롬프트 엔지니어링 - Chat GPT 유의사항Chat GPT는 만능이 아니다(보조인력의 역할로 활용)Chat GPT는 Open AI 회사의 프로그램이고 Open AI는 마이크로소프트 회사 소속이기 때문에 개인정보 노출이나 기업비밀정보에 유의해야한다무료버젼만으로도 충분히 생산성있게 일을 할수있다(이번 강의때는 Chat GPT 3.5로만 실습)Chat GPT는 메인제목을 질문하면 소제목 3가지 하단에 내용순으로 작성한다Chat GPT 말을 100% 믿지말아라 할루시네이션 현상이 있다할루시네이션(Hallucination)은 인공지능(AI)이 정..

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

오늘은 오즈코딩스쿨 프로덕트 디자이너 부트캠프 2기 40일차입니다.40일차에는 데이터 시각화의 한계를 극복하는 법과 고급 데이터 시각화에 대해 배우는 시간이었습니다!1) 데이터 시각화의 한계를 극복하는 법💡 "차트만 그리면 끝이 아닐까?" 📊 스타트업 대표 민수 씨의 고민민수 씨는 지난 투자자 미팅에서 데이터 시각화 보고서를 활용했습니다.📉 기존에는 숫자로 가득한 표만 제공했지만, 이번에는 선 그래프, 원형 차트, 퍼널 차트 등을 사용했습니다.📈 그 결과, 투자자들의 반응이 훨씬 좋아졌다!하지만…📉 예상치 못한 문제들이 생겼습니다.ㅇ🚀 투자자들의 질문📊 투자자 1:💬 "이 그래프에서 연령대별 구매 패턴도 볼 수 있을까요?"📊 투자자 2:💬 "광고비와 매출의 관계를 더 상세하게 분석할 수..

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

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