uxui

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가 그 목표를 달성하기 위해 투자하는 방식  핀트는 이러한 서비스를 만들때 사용..

Containment구성요소는 버튼, 메뉴, 칩과 같은 다른 구성요소를 포함하여 정보와 작업을 보관합니다.  바텀 시트 (Bottom sheets) 하단 시트는 화면 하단에 고정된 보조 콘텐츠를 표시합니다. 바텀 시트의 필수 요소1.Container2.Drag handle(optional)3.Scrim (modal only) 카드(Cards)카드는 단일 주제에 대한 콘텐츠와 작업을 표시합니다. 카드의 필수 요소1.Container 2.Headline 3.Subhead 4.Supporting text 5.Image 6.Button 캐러셀 형태 (Carousel)캐러셀 형태는 화면에 스크롤하여 표시할 수 있는 항목 모음을 보여줍니다. 캐러셀 형태의 요소1.Container 2.Large carousel it..

왼쪽이 예시고 오른쪽이 실습결과물입니다. 1.Actions액션 구성요소는 사람들이 목표를 달성하는 데 도움이 됩니다.  1.버튼 일반 버튼은 UI에서 대부분의 작업을 촉발합니다.  2.확장된 FAB 확장된 플로팅 작업 버튼(확장된 FAB)은 사람들이 주요 작업을 수행하는 데 도움이 됩니다.  3.플로팅 액션 버튼 플로팅 작업 버튼(FAB)은 사람들이 주요 작업을 수행하는 데 도움이 됩니다.  4.아이콘 버튼 아이콘 버튼을 사용하면 사용자가 한 번의 탭으로 간단한 작업을 수행할 수 있습니다. 세분화된 버튼은 사람들이 옵션을 선택하고, 보기를 전환하거나, 요소를 정렬하는 데 도움이 됩니다. 2.Communication커뮤니케이션 구성요소는 유용한 정보를 제공합니다. 1.배지 배지는 탐색 항목 및 아이콘에 대..

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

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

자주 사용하는 웹/앱인 카카오페이지를 살펴보았습니다.1. 카카오페이지 앱 서비스 카카오페이지는 웹소설과 웹툰을 제공하는 서비스입니다. 주로 앱으로 사용되며 주요 서비스는 다음과 같습니다.● 웹툰 ● 웹소설2. 카카오페이지 서비스의 주요 목적 및 기능1) 서비스 목적카카오페이지 사용자는 모바일 기기를 통해 웹툰과 웹소설을 디지털 콘텐츠로 소비할 수 있으며, 유료 또는 무료 콘텐츠를 골라서 서비스를 이용할 수 있습니다.2) 대상10대 후반에서 30대 초반 3) 기능● 콘텐츠 제공: 웹툰, 웹소설 등 디지털 콘텐츠 ● 유료 콘텐츠: 캐시 및 이용권을 통한 콘텐츠 결제 ● 구독 및 알림 기능: 원하는 콘텐츠를 구독하고 업데이트 시 알림 받기 ● 맞춤형 추천: 취향에 맞는 추천 콘텐츠 3. 유사하거나 동일한 서비..

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

내가 생각하는 프로덕트 디자이너의 핵심 역량을 조사 하였고,주로 신입이나 경력이 얼마 없는곳을 원하는 회사를 정하여 조사를 하였다. 1. 요구사항누비랩• 기획 및 아이데이션 참여도/참여 의지가 높은 디자이너 분• Web, Android 등 다양한 플랫폼에 대한 이해가 있으신 분• 목표 달성을 위해 원활하게 커뮤니케이션 하며 동료를 설득할 수 있으신 분• 고객이 원하는 것을 다각도로 파악하고 주도적으로 디자인을 진행하시는 분• 빠르게 아이디어를 구체화하여 팀원들과 공유하시는 분• 다양한 디자인 툴을 활용하여 문제를 해결하고 시각적 완성도를 높이시는 분우대사항• 신입도 무관하나, 관련 경력 3년 이상이신 분• 디자인 전공(디지털 미디어 디자인, 시각 디자인, 인터랙션 디자인 등)• 하나의 제품 안에서 여러 ..

-FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일 강의는 2주차의 오토레이아웃 편까지 공부를 하였고아티클스터디는 삶의 질을 높여주는 10가지 UX사례, 인지 부하를 줄이는 UX디자인의 비밀, 사용자 인터뷰로 숨은 니즈 발견하기를 하였다.퀘스트는 총 2개로 프로덕트 디자이너 JD분석, 비슷한 직무 JD분석을 하였다 프로덕트 디자이너 JD분석에서는 각 기업의 채용공고를 분석하여 공통적인 자격요건과 우대사항을 정리하였다. 프로덕트 디자이너와 비슷한 직무 JD분석에서는 UX리서처와, 웹퍼블리셔, 웹디자이너를 조사및 분석 정리를 하였다   - FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌 이번 일주일동안 사전캠프를 진행하면서 강의와 아티클스터디, 퀘스트를 진행을 하였다강의는 아..