UI/UX 공부기록

1. 현재 웹/앱에 어떤 서비스가 있을까? a. 내가 자주 사용하는 웹/앱- 토스 , 네이버, 지그재그, 무신사, 유튜브, 구글, 리디, 예스24, 교보 b. 관심 있는 웹/앱- 네이버, 토스, 리디, 교보 c. 내가 가고 싶은 기업에서 운영하고 있는 서비스 종류교보문고 > 서점, e북 등네이버 > 네이버 웹툰, 지도, 블로그, 카페 등 2. 서비스 별 주요 목적, 기능a. 교보문고 : 컨텐츠b. 타겟 : 일반 독자, 학생, 그리고 전자책을 선호하는 사용자c. 기능 온라인 서점: 도서 검색 및 구매.전자책: 전자책 구매 및 읽기.회원 서비스: 포인트 적립 및 할인 혜택.도서 리뷰 및 추천: 사용자 리뷰와 추천 도서 제공.이벤트 및 프로모션: 다양한 할인 이벤트 및 프로모션.문화 행사: 저자 강연, 사인회..

https://brunch.co.kr/@yonniek/15 목록에서 상세 정보를 얼마나 보여주는 게 좋을까?커머스 목록 UX의 유용성과 혼란 사이 균형 잡기 | 기획을 고민하다 보면 무엇도 더하지 않고 단순함을 추구할지, 복잡함의 길로 갈 것인지 두 갈래 선택 앞에 서서 갈등하게 되는 순간이 반드시brunch.co.kr 1.단순함이 최선인가?앞서 읽어본 아티클스터디에서는 단순함은 좋고, 복잡함은 나쁘다. 라는 생각을 했지만,단순히 그런 생각으로 UX에서 단순함과 복잡함을 나눌순없다고 한다.복잡함은 좋은 것도, 나쁜 것도 아니고 나쁜것은 혼란스러움!이다.사용자가 웹이나 앱을 사용하면서 겪는 혼란스러움을 줄이는 것이 디자이너의 일이다.  2. 복잡함을 다루는 방법1) 서비스 특성을 고려하자.쿠팡무신사필요 정..

10/10 일일 목표📝2주차 5~7강 강의듣기특강 듣기아티클 스터디   📖 오늘 배운 내용! 오늘은 박가현 튜터님께서 하시는 [현업에서 디자이너가 개발지식을 가지면 좋은점] 에 대하여 특강을 들었다.디자이너는 UI/UX를 설계하고, 사용자 경험 중심의 디자인을 하지만 프론트엔드 개발자는 디자이너가 만든 프로덕트가 실제로 작동하도록 코드로 구현하는 일을 한다. 디자이너프론트엔드 개발자UI.UX 설계, 사용자 경험 중심의 디자인- UIUX 디자인- 사용자 경험 중심의 디자인- 디자인 시스템 관리프로덕트가 실제로 동작하도록 코드로 구현- 디자인 구현- 상호작용 개발- API 연동 개발자와 디자이너가 소통이 어려운 이유는전문 용어의 차이기술적 제약작업 흐름의 차이 서로 담당하는 일이 다르지만 협업을 통해 하..

https://prettygoodsun.tistory.com/42 게임 속 팝업의 버튼 UX 디자인 - 좋은 사례 VS 나쁜 사례게임 속에는 다양하고 많은 팝업이 존재하는데요, 팝업이 전달하는 내용과 예측되는 사용자의 행동에 따라 팝업의 구조 또한 각각의 상황에 알맞게 다르게 디자인되어야 합니다. , , , 의 업데이prettygoodsun.tistory.com  1. 팝업의 사례 비교분석업데이트 팝업을 예시로 분석하면, 무조건 업데이트를 해야하는 상황에서 사용자에게 취소, 혹은 아니오 라는 버튼을 만들어 내가 원하는 흐름을 사용자가 갈 수 없도록 만든다.  왼쪽 예시와 같이 '취소' 나 'X' 같이 사용자가 다른 곳으로 이탈 할 수 있는 버튼은 아예 없애고,오른쪽 예시처럼 직관적이고 명확하게 업데이트를..

10/8 일일 목표📝2주차 1~4강 강의듣기비슷한 JD분석 개인과제아티클 스터디  📖 오늘 배운 내용! 오늘은 피그마를 다루기 위해 반드시 알아야하는 프레임과 오토레이아웃에 대해 배웠다.프레임은 디자인의 기본단위이다. 오토레이아웃은 UI에서 매우 편리한 기능이다.만들어둔 프레임에 오토레이아웃을 적용하면 간단하게 패딩이나 여백을 조절 가능하고 개별로 설정도 가능하여 디자인할때 편리한 기능인 것같다. 그리고 프레임과 그룹은 다른 것인걸 배웠다.프레임은 코드블록을 만드는 기능이고, 실제로 개발할때 필요한 속성 적용이 가능해 개발자들과 소통할때 편한 기능인것같다.그룹은 디자인 할 때 편하게 움직이고, 여러개체를 하나로 담아 묶는 기능이다.' 그리고 레이어를 정렬하면 부모-자식 관계라고 부른다. 레이어 안에 ..

1. 비슷한 직무 JD분석 (1) 푸드테크 - 서비스 기획자 (2) 모아교육그룹 - 웹 퍼블리셔 (3) 본투윈 - 웹 디자이너  2. 직무 별 공통 역량커뮤니케이션 원활피그마, 포토샵 등 프로그램 숙련자   3. 직무 별 차이점 및 특징 기획자퍼블리셔웹디자인다른 직무와의 차이점운영에 능숙해야하고기획자니까 퍼블리셔와 UIUX의 이해까지 가능해야한다.사이트 유지보수와 퍼블리싱이 주 업무이며, 주로 개발을 담당한다.상세페이지와 배너, 이벤트페이지 제작, 이미지 편집이 주 업무이다.

https://brunch.co.kr/@maju/42 사용자 인터뷰로 숨은 니즈 발견하기사용자 인터뷰를 계획하고, 실행하고, 분석하기 | 최근 논문 작성과 수업에서 진행하는 프로젝트 덕분에 인터뷰를 진행해야 하는 경험을 여러 차례 갖게 되었다. 생각해 보면, 대학원 진학 전에brunch.co.kr 1.인터뷰를 하는 목적은 무엇일까?  일단 문제에 대해 발견하면 그  문제점에 대해 인터뷰를 진행해 실제 사용자나, 사람들에게 의견을 들을 수 있는 것을 발견단계, 그리고 인터뷰를 통해 발견한 문제와 사용자들의 필요한 기능들을 토대로 다시 인사이트를 도출하는 과정을 진행한다. 발견단계에서는 두가지 리서치로 구성되는데,데스크 리서치는 말 그대로 책상에서 할 수 있는 조사라는 의미로, 직접 나가서 현장에서 조사하는..

10/7 일일 목표📝1주차 4~9강 강의듣기피그마 공부아티클 스터디  📖 오늘 배운 내용!  8포인트 그리드는 일반적으로 많이 사용하는 규칙으로, 8의 배수에 맞게 배치하는 레이아웃이다. UI의 간격, 요소의 여백, 크기 등을 8의 배수 단위로 조정해서 사용한다 이 규칙이 없다면 폰트크기나 도형 크기를 움직일때 하나씩 조정해야하고, 개발자와도 소통이 어려워 업무의 효율성이 떨어진다. 디자인을 축소하거나 확대할때 망가뜨리지 않을 수 있고 편하다.  레이어는 그냥 볼때는 평면에 있는것같지만 순서가 있다는 점!UI의 멀고 가까운 정도를 레이어의 높이라고 한다.  그리고 [인지부하를 줄이는 UX디자인] 에 대한 아티클 스터디를 진행하였다.인지부하란 사람의 뇌가 정보를 처리하고 이해하는데 쓰는 에너지이다. 정..