UI UX 디자인 공부

[ 레퍼런스분석 ] 3주차_아이디어스

1. 아이디어스를 레퍼런스로 선택한 계기   핸드메이드 제품을 중심으로 한 독특하고 창의적인 쇼핑 경험을 제공하기 때문이다. 사용자와 작가 간의 소통을 강조하고, 개성 있는 제품을 탐색할 수 있는 환경을 제공하는 점이 인상적이었다. 또한, 스토리텔링 기반의 콘텐츠와 개인화된 추천 기능이 사용자 경험을 더욱 향상시킬 수 있다는 점에서 UX 디자인 관점에서 유용한 사례로 생각되어 선택했다. 현재 아이디어스는 공예, 패션뷰티, 인테리어 소품, 수제 먹거리 등 다양한 분야에서 4만 여명의 작가가 55만개 이상의 작품을 선보이고 있다. 올 한해 동안에만 전년 대비 작가 수 약 20% 증가 및 신규 작품 등록 건 수도 20만 개가 추가됐다. 이를 기반으로 아이디어스는 누적 앱 다운로드 수 1650만 건, 월간활성이..

[아티클스터디] 3주차_AI로 사용자인터뷰하기

아티클 원문 : https://yozm.wishket.com/magazine/detail/2883/1. 퍼소나, 사용자인터뷰사용자 인터뷰는 UX 디자인 프로세스의 핵심 단계로, 제품 또는 서비스의 실제 사용자를 이해하는 데 필수적이다. 이는 사용자 요구, 목표, 문제점을 직접적으로 탐구하여 디자인의 방향성을 설정하고 개선의 기회를 포착하는 데 중요한 역할을 한다. 하지만 시간적이나 환경적으로 제약이 있어 인터뷰 하기가 쉽지가 않다.그래서 AI로 활용한 가상 페르소나 기반 인터뷰 아티클을 보고 흥미로웠다. 2. GPT 사용하기STEP 1 : 인터뷰 대상이 될 퍼소나 생성STEP 2 : 퍼소나 정보를 바탕으로 자동인터뷰 생성하기STEP 3: 인터뷰 질문지 설계하기STEP 4 : 직접 인터뷰 진행하기STEP ..

[제로베이스UIUX스쿨] 3주차_학습일지

학습 주제Figma 기초강의개선 서비스 프로젝트 UI디자인, IA벤치마킹WOW Point도출WireframeDesign Guideline1. Figma 강의이번 주에는 Figma를 활용한 UI/UX 디자인 도구에 대해 학습하였다. 인터렉션 활용이 인상적이였다.인터랙션 기능기능 소개:인터랙션 기능은 사용자의 동작(클릭, 호버 등)에 따라 다양한 화면 전환 효과나 애니메이션을 추가하는 기능이다.활용 방법:클릭 시 화면 전환이나 드롭다운 메뉴가 열리는 애니메이션 구현.버튼에 마우스를 올렸을 때 색상이 변하는 호버 효과 추가.스크롤 가능한 영역 설정 및 페이지 간 네비게이션 연결.느낀 점:실제 앱이나 웹사이트의 동작 방식을 미리 시뮬레이션할 수 있어 사용자 경험을 시각적으로 검토하는 데 매우 유용하였다.다음 주..

학습 주제UX기초 강의개선 서비스 프로젝트 주제Task FlowAs-is분석Problem Definition벤치마킹 사례분석1. UX 기초 강의UX의 정의, 역할, 프로세스를 학습하며 사용자 중심의 사고방식과 설계 방법론을 익혔다Task Flow와 User Journey Map의 차이점, 사용자 조사의 중요성 등 UX 설계에 필요한 이론적 기초를 쌓았다2. 개선 서비스 프로젝트저번 주 레퍼런스 분석앱이였던 오늘의 집으로 하였다.강의들은 것을 실제로 적용해보며 과제를 해보았다.이번 주 학습을 통해 느낀 점UX 디자인은 단순히 화면을 설계하는 것을 넘어, 사용자의 관점에서 문제를 발견하고 이를 체계적으로 해결하는 과정임을 실감했다. 앞으로도 지속적으로 사용자 중심의 사고를 기르고, 앞으로 과제 프로젝트로 실..

1. 마이리얼트립을 레퍼런스로 선택한 계기  마이리얼트립은 라이프스타일로 분류된 자유여행 플랫폼으로, 여행자들의 취향과 목적에 맞는 맞춤형 여행 경험을 제공하는 데 중점을 둔 서비스이다. 기존의 패키지 여행과는 달리, 사용자가 선호하는 여행 스타일에 맞춘 경험 위주의 콘텐츠를 선보이고 있어, 여행 준비 과정에서 발생하는 불편함을 해결하고 개인화된 여행 솔루션을 제공한다.특히, 마이리얼트립의 UX는 자유여행을 선호하는 사용자들이 직관적으로 상품을 탐색하고 예약할 수 있도록 설계되었지만, 일부 UI/UX 요소에서 개선의 여지가 있는 점이 사용자 경험의 효율성을 저해할 수 있다는 점에서 분석의 필요성을 느꼈다.2. 화면분석 및 개선점  홈 화면Selling Point항공권, 숙소, 렌터카 등을 추천하여 원스톱..

원문 아티클 URL : https://story.pxd.co.kr/14071. UX 모델링이번 2주차에는 UX이론 기초에 대해 배웠다. UX 모델링은 사용자 경험을 체계적으로 분석하고 설계할 수 있도록 돕는 도구이다.이를 통해 사용자의 행동을 이해하고, 문제점을 발견하며, 개선 방향을 도출한다. 다양한 방법론 중에 사용자의 행동패턴 분석하는 것도 모델링이라고 볼 수있다고 생각이 들었다.찾아보니 행동패턴 발견하기라는 아티클이 있었고 이 아티클을 보고 분석해본다.   2.  행동패턴 이란?패턴 : 예측 가능한 방식으로 반복되는요소를지닌 규칙성으로 정의 - 위키피디아행동 패턴이란 반복되는 행동의 규칙성을 말한다.사용자조사를통해 사용자의 반복되는 행동을 발견하고 그규칙성, 조건, 목표를 이해하고자 하는 것이다...

1. 오늘의집을 레퍼런스로 선택한 계기  오늘의집은 인테리어 아이디어 탐색부터 제품 구매, 시공, 그리고 커뮤니티 참여까지 모든 과정을 한 곳에서 해결할 수 있는 올인원 서비스이다.많은 사용자들은 다른 앱보다 오늘의집을 선호하며, 이를 통해 가전제품과 가구를 구매하고 다양한 인테리어 정보를 얻고 있다.이번 레퍼런스 분석에서 오늘의집을 첫 번째 사례로 선택한 이유는, 신혼집을 꾸미며 실제로 이 앱을 통해 가구와 가전을 구매했던 경험이 있기 때문이다. 이를 바탕으로 앱의 강점과 특징을 보다 구체적으로 분석하고자 한다.2.화면 구성 분석오늘의 집 어플을 보고 바텀바의 메뉴들을 눌러가며 화면 그대로보이는 내용을 구조화 해보았다. 다른 상세페이지가 많아 먼저 보이는  화면에서 1~3depth까지만 정리해보았다.그..

아티클  출처 URL : https://medium.com/@hm405383/%EB%94%94%EC%9E%90%EC%9D%B8%EC%8B%9C%EC%8A%A4%ED%85%9C-%ED%86%A0%ED%81%B0%EC%9D%B4%EB%9E%80-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B3%A0-%EB%A7%8C%EB%93%A4%EA%B8%B0-8fdb98f0eb931. 토큰이란?이번 주 피그마강의를 들으면서 토큰이라는 디자인 시스템 기능을 배웠다.컬러와 타이포그래피를 정의하여 라벨링을 하고 라이트 모드와 다크모드의 셋을 만들어 하나하나 바꾸지 않고 버튼 클릭 만으로 베리에이션이 되는 아주 좋은 기능이였다. 그리고 {} 버튼을 누르면 개발자의 언어로 바뀌어서 공유할 때 좋은 것 같다.   처음..

학습 주제UI 실습 디자인 25종 똑같이 만들기생활 속 UX디자인의 사례 찾기나의 UX디자인에 대한 정의 디자인기초 및 figma 기초강의1. UI 실습 디자인 25종 만들기피그마툴은 회사다니면서 건너 들어봤었고 사용은 이번이 처음이였다! 다행히 무료였고 강의를 보며 따라해 보았다. 강의는 30분 남짓이였지만 익숙하지 않은 나에게 따라하는거는 좀 시간이 걸렸다.따라하면서 여백과 레이아웃을 익히게 되었다. 동시에 UI용어도 알게되었다.폰트 : headline (제일 큰 텍스트 ) / body (줄글) / caption (간단한한줄, 주석)컬러 : 버튼, 타이틀, 본문,  비강조텍스트, 라인, 배경 컬러를 정의함그리드 :  디자인영역을 일정하게 나누는 것  / 여백과 거터도 이때배웠다. 아이콘 : 정보의 시..

포트폴리오 사이트 리스트BehanceAdobe PortfolioawwwardsDribbleMobbinPinterestnotefolioLoudhttps://www.awwwards.com/sites/davide-baratta-24 Davide Baratta 24 - Awwwards SOTDPortfolio of Davide Baratta — designer and creative directorwww.awwwards.comhttps://dribbble.com/shots/24108411-Cace-Dashboard Cace Dashboard dribbble.comhttps://notefolio.net/meaning2/406969 VILLA RECORDS: 가구 브랜드 빌라레코드 UI/UX WEB 리디자인 @20..