uxui

TIL (Today I learned) 오늘 나는 무엇을 했나요- 웹 앱 클론 디자인 만들기- 특강(기본적인 웹 개발 구조를 알아보자)오늘은 어떤 것을 배웠나요 1. 특강(기본적인 웹 개발 구조를 알아보자)  강사님과 함께 HTML의 구조에 대해서 이해하고 간단한 실습을 하였다.HTML은 간단히 말해 웹사이트의 뼈대와 같은 역할을 한다고 보면된다.그뼈대 안에 설계도와 내용물을 채워넣어야 비로소 홈페이지가 완성된다.여기서 리액트라는 개발도구를 이용하여 HTML을 개발하는데 리액트를 사용하는 이유는우리가 피그마에서 사용하는 컴포넌트와 같이 여러곳에서 사용할 수 있고 마스터컴포넌트를 바꾸면 모든곳에서 자동으로 업데이트가 되기 때문에 개발이 굉장히 편리해진다는것이다. 2. 웹 앱 클론 디자인 만들기  핵심서비스..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 웹 앱 클론 디자인 만들기- 아티클 스터디 ( 디자이너의 UX 참고서, 듀오링고 전격 해부하기  )오늘은 어떤 것을 배웠나요1. 아티클 스터디 ( 디자이너의 UX 참고서, 듀오링고 전격 해부하기  )듀오링고를 분석해보았다 .듀오링고는 귀여운 디자인과 게이미피케이션을 적절히 적용하였다.아티클 스터디를 하면서 느낀것은  1.이탈률도 줄이는 동시에 앱의 핵심적인 목적을 잃지않기 게임적 요소를 과도하게 도입2.앱을 새로운 레이아웃으로 변경할때, 주요 기능은 동일하게 유지하여 사용자가 불안을 느끼지않게하기더보기듀오링고 장단점듀오링고는 짧은 학습 세션으로 어디서든 쉽게 공부 가능하지만 한국어로는 영어만 지원하며 가끔 발음 오류발생함 UI/UX 특징장..

TIL (Today I learned)오늘 나는 무엇을 했나요- 웹 앱 클론 디자인 만들기- 아티클 스터디 ( 모임 앱은 어떤 모습이어야 할까? )오늘은 어떤 것을 배웠나요1. 아티클 스터디 ( 모임 앱은 어떤 모습이어야 할까? )더보기모임 앱은 어떤 모습이어야 할까? - 앱 개선(1)목차1.메인화면의 문제점2.개선방향3.개선4.참고자료[아티클 요약]1.메인화면의 문제점   약한 정체성1.아이콘과 이름의 매칭이 어렵다2.앱을 켜면 소모임 탭 화면이 먼저나오지만 첫번째 탭은 유료탭임 ( 무슨탭이 메인탭인지 알기 어려움)3.앱의 로고에는 파랑,민트,핑크사용 했지만, 주요버튼 색상은 다홍색임   어려운 모임 탐색 기능1.어지러운 탐색 위계2.한눈에 들어오지 않는 모임 리스트 정보2.개선방향첫 화면에서 브랜드의..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 컴포넌트 만들기- 아티클 스터디 ( AI 투자 일임 서비스 핀트 프로덕트 분석 ) 오늘은 어떤 것을 배웠나요1. 아티클 스터디 ( AI 투자 일임 서비스 핀트 프로덕트 분석 )핀트 앱은 다양한 AI 서비스를 제공을 한다. 투자 성향분석개인의 투자 성향을 분석하여 맞춤형 투자 전략을 제공하는 점은 사용자에게 신뢰감을 주며, 장기적인 고객 충성도를 높일 수 있는 요소이다.모의 투자 기능초보 투자자에게 실전 경험을 쌓을 수 있는 기회를 제공함꾸준히 투자 기능원하는 기간과 원하는 금액을 직접 설정하여 투자하는 기능제공목표 달성 투자 1년 기준으로 목표금액을 세우면 AI가 그 목표를 달성하기 위해 투자하는 방식  핀트는 이러한 서비스를 만들때 사용..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 디자이너와 프론트엔드 연관성 특강- 피그마 기초 강의 (버튼 컴포넌트 프로퍼티)- 컴포넌트 만들기오늘은 어떤 것을 배웠나요1. 피그마 기초 강의 ( 버튼 컴포넌트 프로퍼티 )-컴포넌트 프로퍼티 컴포넌트는 의사상태가 있다. 이러한 의사상태일때 컴포넌트 안의 요소가 바뀌는 경우가 있는데이러한 과정을 효율적으로 하기 위해 프로퍼티를 사용함먼저 프로퍼티란 속성이라는 뜻임 즉 디자인 구조가 바뀌지 않는 선에서 변경할 수 있는 요소들을 다룰 때 사용1. Variants2. Boolean3. Instance swap4. Text총 4가지가 있으며 대부분 1번째 기능으로 할 수 있으나 효율적으로 하기 위해서 상황에 따라 2,3,4번으로 해야합니다. 1...

TIL (Today I learned)  오늘 나는 무엇을 했나요- 아티클 스터디 - ( 목록에서 상세 정보를 얼마나 보여주는 게 좋을까? )- 웹/앱 서비스 조사 및 나의 관심 분야 찾아보기 - 마스터 컴포넌트와 인스턴스- UI 만들기 실습 오늘은 어떤 것을 배웠나요1. 아티클 스터디  ( 목록에서 상세 정보를 얼마나 보여주는 게 좋을까? ) 더보기목록에서 상세 정보를 얼마나 보여주는 게 좋을까?커머스에서의 상품목록에서 편의를 위해 다양한 정보를 넣는건 사용자의 피로도를 높인다.하지만 복잡함이 혼란스럽지 않다면 단순함보다 좋을수도 있다.그 이유는 모든 시스템에는 더 줄일 수 없는 일정 수준의 복잡성이 존재하며, 그 복잡함을 없애고 단순함을 추구하면 나머지 복잡함은 사용자가 감당해야 한다.즉 복잡함을 잘..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 아티클 스터디 - (게임 속 팝업의 버튼 UX 디자인 좋은 사례와 나쁜 사례)- 내가 생각하는 프로덕트 디자이너의 핵심 역량조사- 피그마 강의 - 프레임 리사이징 (Fill Hug Fixed) 오늘은 어떤 것을 배웠나요1. 아티클 스터디 - (게임 속 팝업의 버튼 UX 디자인 좋은 사례와 나쁜 사례) 게임 속 팝업의 버튼 UX 디자인 좋은 사례와 나쁜 사례를 살펴보고 버튼 하나하나가 미치는 영향을 배웠습니다.게임속 팝업의 버튼은 다양합니다. 업데이트창의 버튼, 이름짓는창의 버튼 등등 하지만 버튼 하나하나가 중요한 부분을 차지한다는것을 알게됨 다음과 같은 업데이트 창은 나쁜 사례입니다. (일곱개의 대죄) 이유는 다음과 같습니다.1.먼저 아니..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 아티클 스터디- 피그마 기초 강의- 프로덕트 디자이너 JD 분석  오늘은 어떤 것을 배웠나요 1.아티클 스터디팀원들과 함께 "인지 부하를 줄이는 UX디자인의 비밀"이란 아티클을 선정하여 개인 인사이트및 팀원 전체의 인사이트를 정리를 하였다. 사용자가 앱이나 웹사이트를 사용할 때 머릿속에서 처리해야 하는 정보가 많으면 피곤해지기 쉽기때문에 사용자가 쉽게 이해하고 사용할수 있도록 만드는 것이 중요하며,인지 비용을 효과적으로 줄이는 방법을 설명하고있는데 불필요한 정보는 없애고, 디자인을 일관성있게 유지하며, 중요한 정보를 눈에 띄게 만드는것이라고 한다. 결국 좋은 디자인이란 사용자가 한번에 이해하기 쉬워야 한다는것과 그 많은 방법 중 하나가 인..

나는 어떤 히스토리를 가지고 프로덕트 디자이너 트랙에 참여하게 되었나요?인터넷 방송 플랫폼을 이용하면서 다양한 사용자 경험(UX)에 관심을 가지게 되었습니다.  시청자와 스트리머 간의 상호작용, 인터페이스 디자인이 사용자 참여에 미치는 영향을 체험하면서 UX/UI 디자인에 대한 흥미로 이어졌습니다.본 코스 수료 후, 어떤 디자이너 혹은 원하는 직무로 성장하고 싶나요?창의적이고 사용자 중심의 디자인을 구현하는 디자이너로 성장하고 싶습니다.그 외에 내일배움캠프에 기대하는 것이 있다면 자유롭게 작성해 주세요.탄탄하게 짜여진 커리큘럼과 팀원들과 같이 협력하여 프로젝트를 할 수 있다는것이 기대가됩니다.